lecture 1

• Why We study Computer Graphics in The Faculty of Art and Design

We study computer Graphics in The Faculty of Art and Design because we need to use Graphics
software to create own designs. Some graphics software using in Design , Drawing, production,
presentation , editing and more .
All Fields and programs in Art and Design need to use graphics software

In Graphic and Multimedia Design Program We need to use Many applications such as Adobe
Photoshop , Adobe illustrator, Adobe InDesign, Adobe animate, Adobe After Effects, Adobe Xd and
Cinema 4D

In Cinema and Television film production Program We need to use Many applications such as Adobe
Photoshop, Adobe After Effects, Adobe Premier, Adobe Light room, Adobe Audition, Final cut and
Davinci resolve

In Interior design and furniture Program We need to use Many applications such as Adobe Photoshop,
3Ds Max, AutoCAD, Sketch up and Revit

In fashion Design program We need to use Many applications such as Adobe Photoshop, Adobe
illustrator, Gerbr, Wilcom, and Clo3D

In Visual Arts Program We need to use Many applications such as Adobe Photoshop, Adobe illustrator,
, and Procreate

In Industrial Product Design Program We need to use Many applications such as Adobe Photoshop,
Adobe illustrator, Rhino, 3ds Max and Solid works

• Why We study Photoshop

Because Photoshop is common in all Applied arts Programs to create Designs and Products like this:

In Graphic and Multimedia Design Program:

1
lecture 1
In Cinema and Television film production Program:

In Interior design and furniture Program

In fashion Design program

In Visual Arts Program

2
lecture 1
In Industrial Product Design Program

• Raster vs Vector:
There are two main type of image files: Raster and Vector.
Raster images are created with pixel-based software or captured with a camera or scanner. They are
more common in general such as TIFF, jpg, gif, png, and are widely used on the web and printing.
Vector graphics are math-defined shapes created with vector software and are not as common; used in
2D Illustration .CAD/engineering, 3D animation, and Graphic Design for processes that reproduce an
image onto an object such as engraving, cut stencils.

Raster (Bitmap) Vector

• Pixel-based • Shapes based on mathematical calculations
• Raster programs best for editing photos and • Vector programs best for creating logos,
creating continuous tone images with soft drawings and illustrations, technical drawings.
color blends • It is not the best Choice for continuous tone
images with blends of color or to edit
photographs
• Can’t be scaled because losing quality • Can be scaled to any size without losing
quality
• large file size • Small file size
• Common raster programs: photo editing / • Common vector programs: drawing
paint programs such as Photoshop & Paint programs such as Illustrator, CorelDraw,
Shop, GIMP (free) Inkscape (free)
• Common Raster graphic file format: TIFF, • Common vector graphic file format: ai, cdr,
jpg, gif, png svg, and eps & pdf

3
lecture 1

• The Photoshop Interface:

Here's what the Photoshop interface looks like once we've opened an image.

1-The Document Window:

The Document window is the large area in the center of the interface where the image is displayed. It's
also where we edit the image. The Document window displays the image.

4
lecture 1
2-The Document Tab:

At the top of the Document window is the document's tab. The tab displays the name and file type of
the document ("AdobeStock_145722872.jpeg") The tab is also how we switch between document
windows when we have more than one image open in Photoshop.

3-The Toolbar

The Toolbar is where Photoshop holds all of its tools. You'll find it along the left of Photoshop's
interface. There's tools for making selections, for editing and retouching images, for painting, adding
type or shapes to your document, and more:

5
lecture 1
- Expanding The Toolbar

Clicking the double-arrows at the top will expand the Toolbar into a shorter, double column. Click the
arrows again to return to the single-column layout:

- The Toolbar's Hidden Tools

Photoshop includes lots of tools. In fact, there are many more tools than what we see. Most of the tools
in the Toolbar have other tools nested in with them in the same spot. Click and hold on a tool's icon to
view a menu of the other tools hiding behind it.

6
lecture 1

4-The Options Bar

The Options Bar displays options for whichever tool we've selected in the Toolbar. You'll find the
Options Bar along the top of the interface, just above the document window. Here we see that, because I
currently have the Rectangular Marquee Tool selected, the Options Bar is showing options for the
Rectangular Marquee Tool:

5-The Menu Bar

Along the very top of Photoshop's interface is the Menu Bar. The Menu Bar is where we find various
options and commands, all grouped into categories. The File menu, for example, holds options for
opening, saving and closing documents. The Layer menu lists options for working with layers.
Photoshop's many filters are found under the Filter menu, and so on.

Note that the "Photoshop CC" category on the left of the Menu Bar in the screenshot is only found in the
Mac version of Photoshop:

7
lecture 1

6-The Panels

Along the right of Photoshop's interface is where we find the panels. Panels give us access to all sorts of
commands and options, and there are different panels for different tasks.

- Panel Groups

To save space on the screen, Adobe groups related panels together. For example The Layers panel is
one of three panels in the group.

8
lecture 1

- Switching Between Panels In A Group

To switch to a different panel in a group, click on its tab. Here, I've opened the Channels panel. To
switch back to the Layers panel, again click on its tab:

- Where To Find More Panels In Photoshop

You'll find the complete list of panels under the Window menu in the Menu Bar:

9
lecture 1
To select a panel, click on its name in the list. A checkmark to the left of a panel's name means that the
panel is already open. Selecting a panel that's already open will close it.

• Workspaces

A workspace in Photoshop is a preset collection and arrangement of the various interface elements.
Workspaces can control which of Photoshop's panels are displayed on the screen, along with how those
panels are arranged. A workspace can change the layout of the tools in the Toolbar. Items in the Menu
Bar.

By default, Photoshop uses a workspace known as Essentials. The Essentials workspace is a general,
all-purpose workspace, with an interface layout that's suitable for many different types of tasks. But
there are other workspaces to choose from as well. We can switch between workspaces using
the Workspace option in the upper right of Photoshop. In Photoshop CC, the Workspace option is
represented by an icon.

Click on the icon (or the selection box) to open a menu of other workspaces we can choose from.
Photoshop includes several built-in workspaces. Each one customizes the interface for a specific type of
work. As I mentioned, Essentials is a general, all-purpose workspace. If you're a web designer, you may
want to switch to the Graphic and Web workspace. For image editing, the Photography workspace is
a good choice.
10
lecture 1

- Create new workspace:

To Create new workspace go to Windows> Workspace>New Workspace

Then name it and click save

• Open files in Photoshop:

To open file go to File>open and select the file
If you open multiple images in Photoshop you can arrange it from window>arrange and choose the
suitable choice:
11
lecture 1

• Changing Screen Mode:

You can change Screen mode from change screen mode iqon n the tool bar

Note: you can switch between Screen Modes from the keyboard also. Press the letter F on your
keyboard to switch between Screen Modes

12
lecture 1

• Zooming and Panning:

To zoom in or Zoom out use the zoom tool or click CTRL+ (+) or CTRL+(-)
The Hand tool allows you to move your image while you're zoomed in to more than 100% and
part of the image is out of view.

• saving files in photoshop:

- To Save changes to the current file Choose File > Save.
- To Save a file with a different name, location, or format Choose File > Save As.

13
lecture 1

From save as:

- Choose psd if you need to edit this file in the future
- Choose jpg if you need to save the file posting photos and images online
- Choos png file if you need to save the file without background.
• Crating New Document:
To create new Document go to file >NEW
You can Create documents using Blank Document Presets for multiple categories and device form
factors. Before opening the presets, you can modify their settings.

• Note: for printing purposes use resolution 300 Pixels/inch and CMYK Color Mode

14
lecture 1
• Note: for nonprinting purposes use resolution 72 Pixels/inch and RGB Color Mode

• Changing size of image:

To change size of image go to Image> Image size

To Crop photo use Crop tool

15
lecture 1

• Use the Undo or Redo commands:

• Undo:
- Moves one step back in the undo chain. Choose Edit > Undo or use the keyboard shortcut Ctrl + Z
- you can undo multiple steps in your Photoshop document using Control + alt + Z
- Note: Beginning with the October 2018 release of Photoshop CC (20.0), you can undo multiple
steps in your Photoshop document using Control + Z

• Redo:
- Moves one step forward. Choose Edit > Redo or use the keyboard shortcut Ctrl + Z + Shift

16