Technical concepts for graphic design production includes: 1- History Of Graphic Design. 2- Graphics Types. 3- Bitmaps. 4- Color Gamut. 5- Files Formats. 6- Resolutions. 7- Color Depth. 8- Document Structure. 9- Digital Printing. 10 - pdf. 11- Color Management System CMS.

1. Raster Image Processing
(raster Graphics)
(1)
Dr. Ahmed Attia
2019
Technical Concepts For
Graphic Design Production

2.  There are two kinds of computer graphics – raster
(composed of pixels) and vector (composed of paths).
Raster images are more commonly called bitmap images.
 A bitmap image uses a grid of individual pixels where each
pixel can be a different color or shade.
 Bitmaps are composed of pixels.
 Vector graphics use mathematical relationships between
points and the paths connecting them to describe an
image.
 Vector graphics are composed of paths.
Kinds of digital graphics

3. Digital Graphics
kinds
Raster Graphics Vector Graphics
Kinds of digital graphics

4. Kinds of digital graphics
Raster graphics Vector graphics

5. Kinds of digital graphics

6. The Raster Graphics (Raster Images)
Or
Bitmap Graphics (Raster Images)

7.  Raster graphics has origins in monitor or television
technology, with images constructed much like the
pictures on a television or a monitor screen.
What is raster graphic?. -1

8. Examples of raster graphic - Picture

9. Examples of raster graphic - Picture

10.  A raster graphic is made up of a collection of tiny,
uniformly sized pixels, which are arranged in a two-
dimensional grid made up of columns and rows.
 Each pixel contains one or more bits of information,
depending on the degree of detail in the image.
What is raster graphic?. -2

11. Raster Graphic contains the Pixels

12.  Pixels, a word that is a shortened version of “picture
elements,” are bits of data mapped to a color and
arranged in rows and columns within a digital
document.
 Each pixel contains one or more bits of information
depending on the degree of detail in the image.
What is The pixel?.

13. The pixels structure in the raster graphic

14. The pixels structure in the raster graphic

15. The pixels structure in the raster graphic

16. The pixels structure in the raster graphic

17. The pixels structure in the raster graphic

18. The pixels structure in the raster graphic

19. The pixels structure in the raster graphic

20. The pixels structure in the raster graphic

21. The pixels structure in the raster graphic

22.  The Resolution (in public definition) is the number of
pixels (individual points of color) contained on a
display monitor, expressed in terms of the number
of pixels on the horizontal axis and the number on
the vertical axis. The sharpness of the image on a
display depends on the resolution and the size of
the monitor.
What is The Resolution?. -1

23. The image resolution Value
High resolution Low resolution

24. The image resolution Value
and the image quality

25. Measuring the resolution by pixel per inch

26.  Raster images are resolution dependent.
 Image Resolution is the fineness of detail in a raster
image (Bitmap Image) and is measured in pixels
per inch (ppi).
 The more pixels per inch, the greater the resolution.
 Generally, an image with a higher resolution
produces a better printed image quality and vice
versa.
What is The image resolution?. -2

27. The relation between the resolution
Value and the image quality
High resolution Low resolution

28. The relation between the resolution
Value and the image quality

29. The relation between the resolution
Value and the image quality

30. The relation between the resolution
Value and the image quality

31. The relation between the resolution
Value and the image quality

32.  The file size of an image is the digital size of the image file,
measured in kilobytes (K), megabytes (MB), or gigabytes
(GB).
 File size is proportional to the pixel dimensions of the image.
 Images with more pixels may produce more detail at a given
printed size, but they require more disk space to store and
may be slower to edit and print.
 Image resolution thus becomes a compromise between
image quality (capturing all the data you need) and file size.
The relation between the image size
and the resolution value

33. Changing the image Size by using adobe Photoshop
and this process is called “Resampling”

34. Adobe Photoshop for
raster graphic editing

35.  Adobe Photoshop is the industry standard digital
imaging tool for print.
 Photoshop is a better program for manipulating
images, retouching, and adding effects.
 It is also great for designing single page elements
with minimal type for either print or the Web.
 We can use adobe Photoshop to perform many
various processes to produce a raster graphics or
Bitmap graphics.
Raster graphic editing by
adobe Photoshop

36. 1. Making retouches for the images.
2. Design some kinds of printing products such as
posters, comic stories, .. Etc.
3. Coloring for mono color images or line art images.
4. Changing the colors and making a color
corrections for photos.
Raster graphic editing by
adobe Photoshop

37. Retouching by adobe Photoshop

38. Retouching by adobe Photoshop

39. Retouching by adobe Photoshop

40. Retouching by adobe Photoshop

41. Coloring an old photo
by adobe Photoshop

42. Coloring an old photo
by adobe Photoshop

43. Coloring an old photo
by adobe Photoshop

44. Coloring and changing The Hair
by adobe Photoshop

45. Coloring and changing The Hair
by adobe Photoshop

46. Coloring a line art photo
by adobe Photoshop

47. Coloring a line art photo
by adobe Photoshop

48. Making effects for a photo
by adobe Photoshop

49. Making effects for a photo
by adobe Photoshop

50. Designing by adobe Photoshop

51. Designing by adobe Photoshop

52. Raster Graphic Designed by
adobe Photoshop (Movie Poster)

53. Raster Graphic Designed by
adobe Photoshop (Ad Poster)

54. Corel Painter Program for
drawing and Painting

55.  Corel Painter is an image editing program like adobe
Photoshop but it an specialist program in drawing and
painting.
 Corel Painter is a raster-based digital art application
created to simulate as accurately as possible the
appearance and behavior of traditional media
associated with drawing, painting, and printmaking.
 It is intended to be used in real-time by professional
digital artists as a functional creative tool.
Painting by a Corel painter -1

56.  The application offers a wide range of traditional artists›
materials and tools.
 With the aid of a graphics tablet or computer mouse,
the user is able to reproduce the effect of physical
painting and drawing media such as watercolor, oil,
chalk, charcoal and color pencil.
 Painter and Photoshop have many similarities such as
layered editing.
 The two products have developed as contemporaries,
introducing innovations that are now considered
standard in bitmap image editing software.
Painting by a Corel painter -2

57. Raster Graphic – Painting by Corel Painter

58. Raster Graphic – Painting by Corel Painter

59. Raster Graphic – Painting by
Corel Painter 2018