1. Chair of Computer Aided Design and Geo-Informatics –Ayele Bedada
URPL2310 - Year Group I - First Semester
Lecture on Photoshop software, raster and vector images/
November 27 2011
Adobe Photoshop

2. Thomas Knoll Glen Knoll John Knoll
:
Origins

3. :
Thomas Knoll, the PHD student, Glen Knoll was a college professor and
John Knoll, a talented special effects whiz came up with a core idea of
Photoshop between 1987 and 1988.
In February of 1990, Adobe 1.0 was released. And now Photoshop is
twenty one years old.

4. Photoshop 2.0 included the Path feature, which
allowed users to trim around an object easily
and to save that path for future use.
?
What is Adobe Photoshop

5. The big story for Adobe Photoshop 3.0 was
layers
:
Is a graphics editing program developed and published by
Adobe Systems Incorporated

6. Adjustment layers and macros were
the two most notable features of
Photoshop 4.0.
:
Adobe Photoshop, and
Adobe Photoshop is released in
Adobe Photoshop Extended editions, with the Extended
having extra 3D image creation, motion graphics editing, and
advanced image analysis features. Adobe Photoshop Extended is
included in all of Adobe's Creative Suite offerings except Design
Standard, which includes the Adobe Photoshop edition.

7. The two most important features
released with 5.0 were editable type
and the ability to undo actions multiple
times in the “History” palette.
:
Adobe only supports Windows and Macintosh versions of
Photoshop, but using Wine Photoshop CS4 can run on Linux.

8. The most important feature released
with 5.0 was Save For Web.
:
PSD (Photoshop Document) is Photoshop's native format.
PSD format is limited to a maximum height and width of 30,000
pixels. Photoshop's primary strength is as a pixel-based image editor,
unlike vector-based image editors/ Adobe Illustrator, CorelDraw, etc.

9. The layer styles panel made working
with layers even easier in Photoshop 6.
Vector shapes were also added in this
release.
There was also a new custom shapes
palette that allowed the user to draw
using vector shapes rather than just
using lines.
Text could also now be typed directly
onto a picture, rather than being typed
first into a text box.
Multi-layer functions made their first
appearance with version 6.0.
The Blending Options dialogue was also
introduced
6.0 separated the crop tool from the
marquee tool.
:
Photoshop also enables the creation, incorporation, and
manipulation of vector graphics through its Paths, Pen tools, Shape
tools, Shape Layers, Type tools, Import command, and Smart object
functions there by enabling us combine pixel-based and vector-based
images in one Photoshop document

10. Version 7.0 introduced the healing
brush and text that was fully vector-
based.
It introduced a new file browser that let
designers easily pore through folders to
find the graphics that they wanted.
Files within a folder could be renamed
using Batch Rename.
Workspaces could also be created and
saved, allowing you to save your file
locations and groups for future use.
The brush palette featured a
changes, including the new healing
brush tool, patch tool, and the ability to
create custom brushes.
Spell check and a find/replace feature
rounded out the updates to the text
tool.
:
A number of enhancements were also
included for web use, including the
addition of rollover effects for images
and a web gallery feature.
7.0 was optimized for use with Mac OS
X, virtually eliminating crashes in the
middle of working on large files.
PSD file format can be exported to and from Adobe Illustrator, Adobe
Premiere Pro, and After Effects

11. Photoshop CS was the first to
employ the CDS (counterfeit
deterrence system) which
recognized and refused to allow
duplication of paper currency.
Scripting support for various web
languages, including
JavaScript, was also new to this
release. Layer groups were
introduced with this version.
Improvements to the File
Browser made images easier to
work with, and the 16-bit and
better large file support made CS
much easier to work with.
:
Computer displays are made up from grids of small rectangular cells
called pixels; the term comes from "picture elements". The picture is
built up from these cells. The smaller and closer the cells are
together, the better the quality (resolution) of the image, but the
bigger the file needed to store the data.
Pixels *DPI/ Dots per pixel/ dots=pixels * resolution

12. The layer styles panel made working
withred eyeeven easier in is
The layers removal tool Photoshop 6.
Vector shapes were also added in this
added.
release. options and the ability
Smudging
There was also a new custom shapes
to select multiple layers also
paletteto the functionality of to draw
added that allowed the user
using vector shapes rather than just
Photoshop.
using lines. Point tool allowed
The Vanishing
Text could also now be typed directly
users to edit images in
onto a picture, rather than being typed
perspective.
first into a text box.
Multi-layer functions made their first
appearance with version 6.0.
The Blending Options dialogue was also
introduced
6.0 separated the crop tool from the
marquee tool.
:
In computer graphics, a raster graphics image, or bitmap, is a data
structure representing a generally rectangular grid of pixels, or points
of color, viewable via a monitor, paper, or other display medium.
Raster images are stored in image files with varying formats
Pixel Based/Raster Images

13. A faster loading is enabled.
Graphic optimization for mobile
devices is also a new feature.
CS3 shipped in Standard and
Extended editions.
Cloning became easier in CS3
with the birth of the Clone Source
palette which increased the
options available to the Clone
Stamp tool in an easily accessible
palette.
:
Vector graphics is the use of geometrical primitives such as
points, lines, curves, and shapes or polygon(s), which are all based on
mathematical expressions, to represent images in computer graphics.
"Vector", in this context, implies more than a straight line.
Vector Based Images

14. The smoother pan and zoom is
enabled.
The Masks and Adjustments
panel was added, making working
with masks easier.
The user interface was
significantly simplified in CS4.
Vector Versus Raster Images

15. > >
> >
> >
> Vector graphics is based on > Raster graphics is constructed
images made up of vectors (also of pixels (picture elements)
called paths, or strokes)
Vector Versus Raster Images

16. > >
> >
> Resolution independent > Resolution dependent
> Vector graphics is based on > Raster graphics is constructed
images made up of vectors (also of pixels (picture elements)
called paths, or strokes)
Vector Versus Raster Images

17. > >
> Impossible to produce continues > Possible to produce continues
tone image tone image
> Resolution independent > Resolution dependent
> Vector graphics is based on > Raster graphics is constructed
images made up of vectors (also of pixels (picture elements)
called paths, or strokes)
Vector Versus Raster Images

18. > A vector image can easily be > Difficult to convert raster image
rasterized to vector image
> Impossible to produce continues > Possible to produce continues
tone image tone image
> Resolution independent > Resolution dependent
> Vector graphics is based on > Raster graphics is constructed
images made up of vectors (also of pixels (picture elements)
called paths, or strokes)
Vector Versus Raster Images

19. Vector Versus Raster Images

20. Photoshop posters on streets

21. Photoshop posters on streets

22. Photoshop posters on streets

23. Photoshop posters on streets

24. Photoshop posters on streets

25. Photoshop /Graphic Designers

26. Photoshop /Graphic Designers

27. Photoshop /Graphic Designers

28. Photoshop /Architects, Urban Planners, etc.

29. Photoshop /Architects, Urban Planners, etc.

30. Photoshop /Architects, Urban Planners, etc.

31. Photoshop /Architects, Urban Planners, etc.

32. Photoshop /Architects, Urban Planners, etc.

33. Photoshop /Architects, Urban Planners, etc.

34. Photoshop /Architects, Urban Planners, etc.

35. Photoshop Interface

36. Photoshop Interface

37. Photoshop Interface/the tool box

38. The tools palette lay out contain 60 separate
tools.
Photoshop Interface/the tool box

39. Photoshop Interface/the option bar

40. Photoshop Interface/the palette icon

41. Photoshop/class exercise

42. Exercise I
use the images on the left side to come up with the shown
composition on the right side or work on a new composition
* students need not use these particular images
Photoshop/class exercise

43. Exercise II
use the individual images on the left side to come up with the
composition on the right side or work on a new composition
* students need not use these particular images
Photoshop/class exercise

44. Exercise III
use the individual images on the left side to come up with the
composition on the right side or work on a new composition
* students need not use these particular images
Photoshop/class exercise