Computer Related 3

1. Computer Related 3

2. Course title Computer related 3 Code (IDF_4104) Lecture (1h) Tutorial (2h) Week 1-2 Location (L-F 516) – (T-F 513) Supervised by : Prof / Hana Yassen Course Assistant : Eng. Noha Ibrahim

3. Lecture Monday 1:30 _ 4: 30 OFFICE HOURS SUNDAY:1:30-3:30 MONDAY :11:30- 1:30 Email : hana_yassen@yahoo.com Email : eng_noha1@yahoo.com Text Book:- Lesa Snider,2008, Photoshop CS5: The Missing Manual - Lisa DanaeDayley, Brad Dayley,2009, Photoshop CS5 Bible - Daniel Giordan, 2005,How to use Photoshop cs7

4. Grades Course Assessment: 1 – Attendance (5) & Projects (25). 2 – Mid – term exam.(10) 3 – Exam (60) • 4 – total 100 The project is delivered in the LAST WEEK for each stage يتم تسليم المشروع فى الأسبوع الأخير من كل مرحلة

5. Course objective • To learn the basics of Photoshop to create, edit and build projects to be used in Interior Design projects. • 1- Making a workshop between AutoCAD and Photoshop program. • 2-Coloring plans and sections.3-Making a final presentation for the designed project through Photoshop program. Course description Exploring the Photoshop interface . Using several tools for selecting parts of images. Learning how to use layers , applying different layer effects and filters to create special effects. Using painting tools and blending modes to create shading effects.

6. INTRODUCTION: What is Adobe Photoshop program? -Image editing software developed and manufactured by Adobe Systems Inc. Photoshop is considered one of the leaders in photo editing software. The software allows users to manipulate, crop, resize, and correct color on digital photos. The software is particularly popular amongst professional photographers. Adobe Photoshop is a Raster based Graphic Designing Software. The easy way to learn the word Raster based is that, those software in which you see Pixelization (like image in small boxes). Other software known as Vector Based like CorelDraw and Illustrator. Adobe Photoshop is used for Graphic Designing, whether Web Based or Print Media. Most probably web mockups are being designed in Photoshop. It is also use for Photo Laboratories.

7. Course Outline 1-Getting Started With Photoshop 2-Optimizing Photoshop Projects 3-Selection Techniques 4-Working With Tone 5-Working With Color 6-Working With Layers 7-Image Editing Basics 8-Converting Files 9-Special Effects 10-Drawing , Painting And Filling With Color

8. Pixels and Vectors Images in Photoshop are made out of pixels and vectors. A pixel is a little rectangle of a solid color. The image on your monitor is made out of 72 pixels per square inch. Higher resolution images have more pixels per square inch. If an image is 72 dpi (dots per inch), that's the best resolution for that image. If you 2 double the image in size, the pixels will double in size, giving it a distorted (pixilated) look. All images meant for the Internet should be 72 dpi. Vectors are lines and shapes that are mathematically defined and resolution independent. That means that however much you increase the size of the image, the vector lines and graphics will remain sharp. The Text Tool in Photoshop uses vectors to draw out fonts, so all text will look great even after you resize the image.

9. Color Modes The two main color modes in Photoshop are RGB (Red, Green, Blue) and CMYK (Cyan, Magenta, Yellow and Black). RGB is the color mode used to display a color image on a monitor. The RGB mode is additive, so when the three primaries are combined, they produce white. CMYK are the color modes used for printing. They are subtractive, so when they are combined, they produce black. You should always work in RGB, especially if you're making Web graphics. If you're planning to print your image, switch to CMYK before printing and adjust the color accordingly. File Formats The most common file formats used in Photoshop are JPG, GIF, PSD (Photoshop’s native format), TIFF and PICT. The only two formats that retain layer information are PSD and TIFF. The most common file formats used for Web design are JPG, GIF and PNG. Images saved as JPGs can be compressed really well while retaining color information. The GIF file format restricts color information and retains transparency. Files saved as PNG can both retain color information and preserve transparency. PICT files tend to be used with multimedia applications

10. File Browser The best way to access and organize your images is through the File Browser. To open the file browser, click on the file icon to the left of the palette well (the darkened area on the right of the options bar), or select “Browse…” from the File menu. In the File Browser you can select and open several images at once. You can also sort your images according to rank, file size, name, height, width, etc. To open several files at once which are continuous in the file browser, you can select them by Shift-Clicking the range of images. If they are not continuous, you can select several images by Command-Clicking each individual image. Guides Guides are non-printable markings that you can use to align elements in your images. If you set “Snap To,” then “Guides” in the View Menu, the edges of the image elements you move in your images will snap to the guides. To make a3 guide, you pull from the ruler on the sides of the window and you’ll see the guide (a blue vertical or diagonal line). The guides can snap to ruler increments as you move it across your window by holding down the shift key as you drag. You can temporarily disable the snapping to guides by holding down the Control key. If you hold down the Command key the guide will switch from horizontal to vertical and vice versa.

11. Getting Started With Photoshop Task 1 Welcome to Photoshop? Task 2 How to Use the Toolbox ? Task 3 How to Use the Menu Bars ? Task 4 How to Use Photoshop Palettes? Task 5 How to Use the Color Picker? Task 6 How to Select a Color ? Task 7How to Set Photoshop Preferences ? Task 8 How to take a new file ?

12. Task 1 Welcome to Photoshop 2. The Basic Photoshop Screen Areas 1. Launch Photoshop

13. Task 2 How to Use the Toolbox 1. Open the Photoshop Toolbox The toolbox should appear automatically on the desktop, but it can be closed, which means you have to reopen it. To open the toolbox, select Window, Tools. 2. Select a Photoshop Tool Click a tool to select it. If the tool button contains a small triangle in the lower-right corner, that tool offers additional tool options in a pop-out menu. Click and hold the tool button to view the pop-out menu; drag through the pop-out menu to select one of the additional tools.

14. Task 3 How to Use the Menu Bars File Menu Edit Menus Layer Menu Select Menu

15. View Menu Filter Menus Window Menu

16. Task 4 How to Use Photoshop Palettes 1. Examine a Group of Palettes 2. Collapse and Expand a Palette 3. Resize a Palette 4. Tools and the Options Bar 5. The Palette Menu 6. Use the Palette Shortcut Buttons

17. After taking new file, you may go forward. Now you will be needing the Know-How about Toolbox and the Layer Panel. Toolbox: On the left side you will be watching different tools. This area is know as Toolbox. From this box you have to pick any Tool of your desire. If you want to see all Tools, then visit All Tools in Photoshop tutorial here Color Palette: You must be watching two different colors (Black & White by default) at the bottom of Toolbox. This is know as Color palette. From here you can chose two different colors, so you may use these in the file.

18. Layer Panel: Layer Panel is the important panel. When you draw any object, it will come in new Layer. Working in layers will help you a lot, when you will be going to modify anything. Mean if you want to delete anything from your file and if it is present in separate layer, then you will have to delete that layer or to hide that layer. To Display or Hide this panel you will have to press only F7 (functional key).

19. SHOTRCUT KEYS: I’m going to write few shortcut keys here, because if you want to be a Professional then you have to use Shortcut keys instead of using Navigation bars etc. D: You will be using this when you need Default Black and White colors in Color Palette. X: If you want to exchange Foreground colors and Background colors in Color palette, just press X. Ctrl+D: When you have selected any object and if you are watching Marching Ants, then press Ctrl+D to deselect. Ctrl+Shift+I: To inverse the selection, you will have to press Ctrl+Shift+I. • Alt+Backspace: • If you will press this key then Foreground color will be filled on whole layer or if you have selected anything then Foreground color will be filled over that area. For example if you have selected Black color in foreground and press Alt+Backspace, then black will be filled ove whole area.

20. Ctrl+Backspace: • Background color will be filled over whole area, and if you have selected anything then it will fill that area. • Ctrl+ +(plus): • It will zoom in from the center of the file. • Ctrl+ -(minus): • It will Zoom out. • Spacebar+Mouse left: • If you have Zoomed in and you want to see the objects or area around, then hold Spacebar and drag the screen towards your desire direction.

21. Task 5 How to Use the Color Picker 1. Set Color Picker Preferences 2. Launch the Color Picker 3. Set the Hue 4. Select a Value

22. Task 6 How to Select a Color 1. Select a Foreground Color 2. Select a Background Color 3. Use the Color Swatches 4. Use the Color Palette 5. Sample a Color

23. Task 7 How to Set Photoshop Preferences 1. Set Ruler Preferences 2. Activate Rulers 3. Set Guides Preferences 4. Create and Activate Guides 5. Set Snap-to Parameters

24. General Controls

25. Guides, Grid & Slices

26. Units & Rulers

27. Display & Cursors

28. HOW TO TAKE NEW FILE? If you want to make anything of your own desire, you have to take new file. For this purpose you can press Ctrl+N shortcut key or you can run the command File >> New. You will see the following box:

29. -In the box you may write any name in Name box, this will be the name of your file when you will save the file first time then you will no need to type it again. From Preset you can chose Existing page sizes. -In Width box you have to type the Width of your new file. Remember when we are going to work on any Web based project then we use Pixels in the Unit list box and if we are going to work on Print Media (like visiting card, brochure, lettercards etc.) then we have to use Inches, mm, cm etc. -In Height box you have to put height of your new file. -Resolution is the important thing. If you are going to work on Web based Project then you have to type 72 in this box. (i.e. Pixels/inch) and if you are working on Print Media then you may change it from 150 to 300 (depending upon the nature of your project). Color Mode is also important, usually we take RGB when we are going to work on Web based projects, while for Print Media we usually used CMYK. From Background Contents you may chose White, Black, Color etc. This would be the background of your new file. Transparent will not be having any color in the background. (We will also use on many occasions). Hit OK after putting all of your desire values.

30. Assignment 1-Applying the previous commands on the plan 2-Starting the first stage for the decided project 1-Editing the plan on cad program. 2-Transfering the cad project to Photoshop program. 3-Composing the material folder. 4-Deciding colors and materials for the project. N.B. :The final delivering for the the first stage on 22/10/2013

31. Things to Remember !! The best way to learn Photoshop is by using it. Don't be scared, try it out, you can always undo whatever you mess up. You can undo your last adjustment to an image by pressing Command-Z. You can undo going back several steps using the History Palette and/or the History Brush Tool. Keyboard shortcuts will make your life much easier. Learn the ones that you would use the most. Choose the lowest possible resolution and dimensions for your image given your output requirements. If you're working on an image for the Web, work at 72 dpi (dots per inch). If it's for a newspaper, then work at 150 dpi. If your output is a glossy magazine or a poster, then work at 200 to 300 dpi.

32. Thank You