- File>New>Record width and Height’s pixel that you desire Moving GIF animation -Choose File > Place> -Navigate to the file you want to insert and then.

Slides:



Advertisements
Similar presentations
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
Advertisements

The GIMP Simple features tutorial By Mary A White.
Chapter 5 Working with Layers. Objectives Create and modify layers Manipulate layered artwork Work with layered artwork Create a clipping set.
Introduction to Photoshop (Graphical Image Editing/Creation Program)
Outlining the Action By Brisa Waechter. Usually sport or action shots are best but you can use any photo you like.
Creating Animations – Lesson 71 Creating Animations Lesson 7.
Chapter 6 Photoshop and ImageReady: Part II The Web Warrior Guide to Web Design Technologies.
Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Adobe Photoshop CS Design Professional FOR THE WEB CREATING IMAGES.
Foundation Level Course
GIMP Tutorial v2.0 Boo Virk
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 AUTOMATING AN IMAGE ANNOTATING AND.
XP New Perspectives on Microsoft Office Access 2003, Second Edition- Tutorial 2 1 Microsoft Office Access 2003 Tutorial 2 – Creating And Maintaining A.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Adobe Photoshop CS Design Professional SELECTIONS MAKING.
Creating And Maintaining A Database. 2 Learn the guidelines for designing databases When designing a database, first try to think of all the fields of.
Digital Media 11 – Photoshop SELECTIONS MAKING. Chapter C Getting Started with PhotoShop 7.02 Make a selection using shapes Make a selection using shapes.
Create a Narrated Story with PowerPoint. Basics Enter Text. (Click in the text box and start typing. If a text box is not visible, go to Insert > Text.
Inverted Colors Photo Effect Before: After:. Step 1: Select Any People In The Image And Place Them On A Separate Layer Use the lasso tool to outline the.
Adobe Photoshop CS Design Professional LAYER FUNCTIONS WORKING WITH SPECIAL.
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
BC 420 Foreground and Background Colors Foreground color used –With any painting tool –Creating type –Using the stroke command Background color used –What's.
Chapter 10 Enhancing Specific Selections. Chapter Lessons Create an alpha channel Isolate an object Erase areas in an image to enhance appearance Use.
© 2011 Delmar, Cengage Learning Chapter 16 Annotating and Automating an Image.
Chapter 16 Annotating and Automating an Image. Chapter Lessons Add annotations to an image Create an action Modify an action Use a default action and.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Photoshop I I450 Technology Seminar. Adobe Photoshop Illustrator Acrobat InDesign ImageReady.
CIS 205—Web Design & Development Fireworks Chapter 1.
XP New Perspectives on Microsoft Office Access 2003, Second Edition- Tutorial 2 1 Microsoft Office Access 2003 Tutorial 2 – Creating And Maintaining A.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Jorge Cornejal Carlin Baez Edisson Garcia. How to Use LAYERs Illustrator's layers allow you to simplify your work. With layers, you can modify, edit,
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.
HTML Comprehensive Concepts and Techniques Second Edition.
© 2011 Delmar, Cengage Learning Chapter 10 Enhancing Specific Selections.
Saturday, September 16, 2006 By: April M. Bowser Photoshop 7 Session 1.
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.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Adobe InDesign CS2—Revealed PLACING AND LINKING GRAPHICS.
Working in FreeHand – Lesson 21 Working in FreeHand Lesson 2.
© Anselm Spoerri Lecture 7 Meaning –Guiding Principles for Term Project Mechanics –Interactivity Recap –Simple and Disjointed Rollovers and Image Map –Navigation.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
To play, start slide show and click on circle Lesson 4 Lesson 4 Lesson 4 Lesson 5 Lesson Lesson 5.
ADOBE INDESIGN CS3 Chapter 5 WORKING WITH COLOR. Chapter 52 Work with Process Colors LESSON 1 2 Process colors are colors you create by mixing varying.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Using A Photo As It’s Own Background. The Original Image.
 Open Photoshop with picture  Add a new blank layer and call it “Template”  Select the Rectangular Marquee tool with Style: Fixed Aspect Ratio in the.
Adobe Photoshop CS5 Chapter 1 Editing a Photo. Start Photoshop and customize the Photoshop workspace Open a photo Identify parts of the Photoshop workspace.
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Visual Plastic Surgery Editing Portraits with Photoshop.
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Introduction to Layers GIMP User Manual. What is a Layer? Every image in GIMP is made by combining one or more images called Layers laid on top of each.
Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.
Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Getting Started with Adobe Photoshop CS6
Introduction to Illustrator
Learn Animations in Fireworks
Starburst.
Gimp Guide Mr Hall.
Chapter 1 Editing a Photo
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
Presentation transcript:

- File>New>Record width and Height’s pixel that you desire Moving GIF animation -Choose File > Place> -Navigate to the file you want to insert and then double-click the file -Reposition the artwork by positioning your cursor inside the bounding box and dragging.

-You can also transform (size, rotate and so on) your placed artwork if desired by dragging or rotating the handles on the bounding box or by entering values in the Options bar. -Be careful, however. If you enlarge your placed image too much, you may degrade the quality of your image. -Double-click inside the bounding box to commit the placed image to a new layer. -Do the same ways as above several times> You can place files and make new layers as you desire. Moving GIF animation

–Click the layer at the very bottom of the layers >Window>Animation –Click Duplicates Selected Frames> M ake as many frames as you made layers Moving GIF animation

–In ANIMATION 1, open the layer 1 Visibility Icon Moving GIF animation

–In ANIMATION 2, open the layer 2 Visibility Icon Moving GIF animation

–In ANIMATION 3, open the layer 3 Visibility Icon –Do the same ways as above until the end. Moving GIF animation

–Choose Animation 1, Choose tween among palette options –Between Animation 1 and Animation 2, If you want 3 frames to add, record 3, If you want 5, record 5. Moving GIF animation

–From Animation 1 to Animation last, make as shown below by using tween. When you make tween to the last Animation frame, you need to copy the first frame, then paste it after the last frame. And make tween. – Press the Play button, make sure Gif animation. –Click each frame sec, adjust the timing. –File>save for web>save> choose color: Above 128. –Record file name and format. Absolutely write English. –Format: HTML and image(html). Moving GIF animation

About Alpha Channel A.Color Channel –Color information channels are created automatically when you open a new image. The image’s color mode determines the number of color channels created. For example, an RGB image has a channel for each color (red, green, and blue) plus a composite channel used for editing the image. –Show the information of the current color. –RGB (red, green, and blue) CMYK (Cyan, Magenta, Yellow, black) B. Alpha channel - You create a mask using your selection tools, such as the rectangular marquee tool, found in the Toolbox. - The great thing about alpha channels is that they can be saved, tweaked, and combined to apply effects to specific portions of your image. You can also save your selections to a file and apply it to another file! - Alpha channels define a selection in black, white. If you create an alpha channel from a saved selection, the channel most likely consists of just black or white pixels  White --- Part to work black --- Part not to work

About Alpha Channel –In alpha channels, selected pixels are white, the same concepts such as white part and white color part. – After making several Alpha channels, as the adding or subtracting a selection to adjust the concentration of white, and making the area, lastly you can apply for the effects at the RGB color channel. –In Alpha channels, you can save and bring about the selection area, then you can call again selection area that was saved, and apply images

Modifying an alpha channel's options To modify the options for an alpha channel, follow th 1. Select the channel and then choose Channel Options from the palette options menu. 2. Enter a name for the alpha channel. 3. Specify the color and opacity of the overlay. 4. Specify whether you want the masked area (what the overlay will cover) to include the Masked Area (the unselected area), Selected Area, or Spot Color. 5. Click OK to close the Channel Options dialog box.

Saving a selection as an alpha channel 1. Make a selection in your image. 2. Choose Select --> Save Selection. 3. Choose a destination image in the Document pop-up menu. 4. Choose a destination channel from the Channel pop-up menu. 5. If you choose New, name the channel. 6. If you choose an existing channel or layer mask, select your desired combination. 7. Click OK.

Loading an alpha channel Choose Select --> Load Selection. Select your document and channel. Click Invert to swap selected and unselected areas. If your image has an active selection, choose how you want to combine the selections. Select the alpha channel in the Channels palette, click the Load Channel as Selection button at the bottom of the palette, and then click the composite channel. Drag the channel to the Load Channel as Selection icon. Ctrl+click (Command key+click on the Mac) the alpha channel in the Channels palette. Ctrl+Shift+click (Command key +Shift+click on the Mac) to add the alpha channel to an active selection. Ctrl+Alt+click (Command key +Option+click on the Mac) to subtract the alpha channel from an active selection. Ctrl+Alt+Shift+click (Command key +Option+Shift+click on the Mac) to intersect the alpha channel with an active selection