Working with Layers Creating and Naming Layers Reordering, Flipping, and Moving Layers Adjusting Blending Mode, Fill and Opacity Moving and Aligning Layers.

Slides:



Advertisements
Similar presentations
Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
Advertisements

Theming for V12 Revolution
Chapter 6 Raster Editing
Adobe ImageReady 3 Foundation Level Course. What is ImageReady? ImageReady is a graphics program that offers several tools tailored to efficiently prepare.
Chapter 6 Photoshop and ImageReady: Part II The Web Warrior Guide to Web Design Technologies.
Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers.
Photoshop Layers. Layer Basics Layers are managed with the Layers palette (right). The Layers palette displays a small thumbnail view of each layer to.
Creating a centre square design in Photoshop 1.Skills and techniques overviewSkills and techniques overview 2.Steps 1–8: the first segmentSteps 1–8: the.
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
Macromedia Fireworks MX 2004 – Design Professional WORKING WITH OBJECTS.
Working with Special Layer Functions
2.01 Understand Digital Raster Graphics
Work with multiple objects Modify color in objects Apply effects to objects and text Apply a style to objects Unit Lessons.
Chapter 8 Exploring Effects and Advanced Techniques.
JRN 440 Adv. Online Journalism Destructive, masks, blend modes Wednesday, 1/25/2012.
© 2011 Delmar, Cengage Learning Chapter 8 Working with Special Layer Functions.
Adobe Photoshop CS Design Professional LAYER FUNCTIONS WORKING WITH SPECIAL.
Photoshop: Getting to Know Layers Computer Information Technology Section 7-5.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
Adobe Photoshop CS4 - Illustrated Unit H: Improving Productivity.
Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
Adobe Fireworks CS3 Revealed CHAPTER ONE: GETTING STARTED WITH ADOBE FIREWORKS.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Adobe Photoshop CS Design Professional WITH LAYERS WORKING.
Dm 11 – Photoshop WITH LAYERS WORKING. Chapter B Getting Started with PhotoShop 7.02 Examine and convert layers Examine and convert layers Add and delete.
HTML Comprehensive Concepts and Techniques Second Edition.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
Photoshop Learn the terms now for quick navigation and better editing Fill in definitions on your handout.
Project #1: Layers & Styles This lesson offers a step-by- step example that will help you master the art of layers. The power and flexibility of Photoshop.
Adobe Photoshop CS Design Professional SELECTIONS ENHANCING SPECIFIC.
Using Shape Layers When it comes to creating flat, sharp and colorful images, it is always advantageous to involve the use of vectors. Vectors are mathematical.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Working with Movie Clips – Lesson 61 Working with Movie Clips Lesson 6.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Adobe Photoshop Ch 7 Notes Using Positioning Tools.
To play, start slide show and click on circle Lesson 4 Lesson 4 Lesson 4 Lesson 5 Lesson Lesson 5.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
Adobe Photoshop CS5 - Illustrated Unit H: Improving Productivity.
Photoshop: Getting to Know Layers Computer Information Technology Section 7-5.
Adobe Photoshop CS5 – Illustrated Unit D: Working with Type and Gradients.
Chapter 5 Working with Layers. Creating and Modifying Layers Layers are a smart solution for organizing and managing a complex illustration. By default,
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
© 2011 Delmar, Cengage Learning Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Aim: How can we make basic adjustments to layers?
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
Adobe Photoshop CS5 Chapter 3 Working with Layers.
Photoshop: Getting to Know Layers Computer Information Technology Section 7-5.
Chapter 6 Raster Editing
Adobe Photoshop CS4 – Illustrated Unit C: Working with Layers
2.01 Understand Digital Raster Graphics
Layers in Adobe After Effect
Adobe Flash Professional CS5 – Illustrated
Chapter Lessons Start Adobe Photoshop CS
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Understand Digital Raster Graphics
setting the resolution - 72 vs 300 dpi (300 better quality)
Chapter 6 Raster Editing
Working with layers in Photoshop
Chapter 6 Raster Editing
History Panel and Layers
2.01 Understand Digital Raster Graphics
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Presentation transcript:

Working with Layers Creating and Naming Layers Reordering, Flipping, and Moving Layers Adjusting Blending Mode, Fill and Opacity Moving and Aligning Layers Using Layer Groups and Comps Using Adjustment layers Using Layer Styles

Layers Understanding layers is one of the most important cornerstones in mastering Photoshop. When you use layers, you separate elements in your images so they can be edited individually.

What are Layers When layers were introduced in 1996, they revolutionized the way designers created, edited, and saved their work. Separating areas of an image into layers allows you to have stacks and stacks of images on individual layers that can be changed or moved without altering the pixels in the image areas above or below. As long as you don’t “flatten” your layers, each layer remains independent of the others so you can make infinite changes.

Ex #1 Creating and Naming Layers The exercises in this chapter are intended to help you understand how layers work and the benefit of using them in your designs. In this first exercise you will learn about layer visibility, how to create layers, how to delete layers, and how to rename layers Complete Exercise #1

Note: Flattening Photoshop Files Note: In PS, the term Flattened means the layers have been merged into a single layer. There are times when you want to flatten a PS file – for example, to send it to a client or to make the file size smaller. If you must flatten a file, save a layered (non- flattened) version and a flattened version. You never know when you will need access to the layered file. In PS, you can flatten all the layers or just flatten specific layers to simplify a complex layered file.

Ex #2 Reordering, Flipping, and Moving Layers In the last exercise, you learned how to adjust the layer visibility to alter a composition. In this exercise, you’ll learn more complex techniques for altering a composition, including how to reorder layers in the Layers palette, how to copy layers from other documents, and how to move layers. Complete exercise # 2

Ex #3 Adjusting Blending Mode, Fill, and Opacity In this exercise, you’ll learn how to copy am layer from another file, and you’ll learn how to use blending modes to change the appearance of layers without making any permanent changes to the contents of the layers. You will also learn how to adjust layer opacity and fill. Complete exercise # 3

Ex #4 Moving and Aligning Layers What if you wanted to move more than one layer? What if you wanted to move layers so that they are perfectly aligned? When you design web sites, you want to make sure all of the elements on your page are carefully aligned so your Web site looks balanced. Besides learning how to move and align layers, you will be exposed to how to use Smart Guides. Complete Exercise # 4

Tip: Multiple-Selecting Layers TIP: Multiple selection of Layers is a new feature in PS. It provides an easy way to perform commands on more than one layer at the same time. You can multiple select layers in two ways in PS – Click the first one and hold down shift key and select the last one (all in between are selected) – Lick first layer and use the Ctrl key to multiple select non-contiguous layers

Tip: Linking Layers Another useful technique when you’re working with layers is linking. Sometimes you’ll have two or more layers you want to keep together and move at the same time. Linking layers ensures when you move one layer, the layers linked to it move at the same time.

Ex #5 Using Layer Groups One way to organize your layers is to place them in a Layer Group. A layer group is a group of layers stored inside a folder in the Layers palette. This keeps your layers organized if you have lots of layers in an image. Layer groups also let you make changes to the multiple layers at the same time.

Tip: Nesting Layer Groups PS lets you nest layer groups up to a maximum of five levels. This makes keeping your layers organized even easier. It also allows you to move and make changes to more than one layered group at the same time.

Note: ImageReady CS2 Layer Sets IR offers similar functionality with the layered sets feature. Unfortunately, it does not offer as many options for creating layered sets as Psoffers fro creating layer groups. In IR, layered groups are called Layer Sets.

Ex #6 Using Layer Comps Layer comps let you save different configurations of layer visibility, position, and appearance all within the same file. This makes it easy to work with different variations of an image without having to save multiple versions of a file. As you will see, layered comps are an excellent way to save different configurations of a layered image in the same file.

Movie: layer_comps.mov To learn how you can use layer comps to save different pages of a Web site in the same PS file, check out layer_comps.mov on your CD- ROM.

Ex #7 Using Adjustment Layers Adjustment layers let you make tonal and color changes without permanently modifying the image. When you use an adjustment layer, the changes you make are contained on a separate layer, and they affect all the layers below. You cannot create adjustment layers in IR, but IR will recognize adjustment layers created in PS.

Using Layer Styles Layer Styles let you apply shadows, glow, bevels, textures, patterns, gradients, colors, and stroked outlines to layers. These are non-destructive. The contents of the layer are not affected by the change. As a result, you can edit or delete the layer style at any time, without affecting the original contents of the layer.

PS and IR CS2 Layer Styles Review the table outlined on Pg Handy chart to show you different styles to work with.

Movie: clipping_masks.mov If you see type that contain photographic images inside the letter, you can achieve that effect by using clipping masks in PS. View the movie “clipping_masks.mov” to learn how it is done.