1 / 30

Graphics Development Adobe Photoshop

Graphics Development Adobe Photoshop. Contents. Needs of images and graphics, market size, animation Drawing basic shapes, filling, colors Adjusting an existing image Layers, Channels and Paths Animated GIFs Patterns – Defining and Using Panoramas Publishing. Introduction.

selia
Download Presentation

Graphics Development Adobe Photoshop

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Graphics Development Adobe Photoshop

  2. Contents • Needs of images and graphics, market size, animation • Drawing basic shapes, filling, colors • Adjusting an existing image • Layers, Channels and Paths • Animated GIFs • Patterns – Defining and Using • Panoramas • Publishing

  3. Introduction • A Picture is worth of thousand words – An Old Proverb • Things can be explained easily when available as an image • Photoshop helps us in creating new images, adjusting an existing image, creating special effects or animation of an image and more

  4. Graphics Usage • Images can be used for • Presentation • To explain business/product objective etc • Publishing • To print beautiful images in posters or invitation or business cards etc • Education • To teach people

  5. Tools Available • Selection Tool / Marquee Tool • Used for selecting portions of an image • Rectangular, Elliptical, Horizontal and Vertical • Text Tool • Used for adding text in an image • Horizontal and Vertical aligned text • Notes Tool • For adding description or comment to an image • Text annotation and Audio annotation • Eraser Tool • To erase the selected portions • Simple, Background and Magic

  6. Tools contd... • Lasso – For Selection purpose • Simple Lasso, Polygonal Lasso and Magnetic Lasso • Magic wand – For selection purpose • Crop – To cut few portions of an image • Slice/Slice Selection – To cut image into several slices • Move – To move layers of an image from one position to other

  7. Tools contd.. • Brushes • These are used for filling a selected area with colors • History brush, Art History brush • Healing brush (for filling the selected area with patches / portions from the same image or another image) • Patch brush – for filling selected areas with a defined pattern

  8. Tools • Stamp tools – For stamping a pattern on an image • Clone Stamp – Clones a portion of an image • Pattern Stamp – Imprints the selected pattern on the image • Background and Foreground colors – The two interleaved squares on the tool box sets the foreground (front square) and background (rear square) colors.

  9. Tools • Blur – To make the surface of the image to look very hazy • Sharpen – Sharpens the image appearance • Smudge – Mixes up the colors present in the adjacent areas • Sponge – Wipes the extra colors and make the image look neat • Burn – Darkens the image • Dodge – Brightens the image

  10. Tools • Paint Bucket – Used for filling an area with the foreground color • Gradient Bucket – Used for filling an area with gradient color (mixed color or pattern) • Drawing tools – We can draw rectangle, rounded rectangle, circle, polygon or any other available patterns on our image using the drawing tools

  11. Adjusting Image • Click on Image -> Adjustment • It has options • Brightness/Contrast to adjust brightness and contrast • Invert to make dark portions light and light portions dark • Posterize – For distorting the image. Lesser the value more the distortion • Curves – Automatically adjusting the contrast and brightness

  12. Patterns • To define a pattern • Open a 5 X 5 document • Zoom to maximum size • Select a pencil tool with an appropriate brush size • Draw lines (horizontal or vertical or both) • Go to Edit Menu and select Define Pattern • Give a name for the pattern and click OK • To fill a pattern • Go to Edit Menu • Select Fill • Choose Pattern from the dropdown list and select the pattern from the list

  13. Noise and distortions • Adding noise or distortions to the image modifies the appearance of the image • Go to Filter Menu and click Noise and then select Add Noise. Give the noise level. Higher the level more is the disturbances caused • We can also select Distortions under the same Filter Menu and can choose the type like Ocean waves, ripple etc.

  14. Color Range • Photoshop allows us to select a range of color in an image • Open an image • Click on Select -> Color Range • Specify which color we need to select and give OK • Those portions in the image that satisfies the condition given will be selected and we can manipulate on the selection

  15. Layers, Channels and Paths • Layers – Part of the image on which we can work independently without affecting the background. Any number of layers can be created and positioned above the background. • Paths – Similar to Layers. • Difference is that Changes made on the Path are visible if we click on the path. But changes made on the layer is visible if we move the layer. • Channels – Portions of image with similar color or shade are kept as a channel. We can also add new channel

  16. Channels • Four basic channels • RGB (True picture) • Red – Picture with Red component alone • Green – Picture with Green component alone • Blue – Picture with Blue component alone • Alpha channels • We can select portions of image and create new channel from it • Select portion and right click and click Save Selection as and give a name and Click Save • Now in the channels palatte a new channel with the name Alpha 1 is seen

  17. Animated GIF • Open an image • Duplicate the image as many number of times needed (In the layer tab, right click on the background (image) and select Duplicate layer) • Add different noise levels for each layer (Filter -> Noise -> Add Noise and give different value for the noise level)

  18. Animated GIF • Switch to Image Ready (File -> Jump to Image Ready) • In the animation window, set the loop count and the delay for the frame • Duplicate the frame • In each frame make a particular layer visible (In Layers tab, on which ever layer we have Eye like icon, that layer is visible. Click on the eye icon to hide a layer. Again click on the place to show the hidden layer) • Click on Save optimized as from the File Menu, give a name and click OK.

  19. Panorama • Panorama is a wider picture • We need to have images taken in and around the same area • Those images are copied in different layers of the same document • Move the layers appropriately to create a continuous but wide image

  20. Publishing • The images are collected together and placed in a folder • Click on File -> Automate -> Web Photo Gallery • Choose the template for the gallery. • Fill all information needed • Click OK • An HTML page will be created • We can access those photos from HTML file

More Related