• Login
  • Contact
  • Sitemap
  • Newsletter
  • Home
  • Extensions
  • Support
  • Resources
  • Store
About Contact Newsletter Contests Sitemap Contribute Statistics Privacy Policy
Commands Styles Textures Libraries Patterns Auto-Shapes Rich Symbols Swatches Plugins All Extensions
FAQ Tips and Tricks
Linkbase Articles Tutorials Video Tutorials Downloads Book Reviews
Commands Textures Libraries Illustration Patterns All Products ›
Home>Chapters>Graphics>Kiss Make Up
  Printer-Friendly Version

Tutorial

  1. Preparing the image. Open an image in Fireworks and crop the image to a head and shoulder shot.
  2. Kiss Make Up

    Figure 1: The image

    Use the Pen Tool Kiss Make Up to select an area around the face. When finished make any minor adjustments using the subselection tool Kiss Make Up.

    Click Modify > Convert Path to Marquee. Select a feather of 3.

    Copy and Paste the selection into a new layer called Face Copy

  3. Creating White Makeup.
  4. Lock the background layer and select the Face Copy layer.

    Click on Commands > Creative > Convert To Grayscale.

    Kiss Make Up

    Figure 2: Convert to Grayscale

    With the face copy still selected, click on the Filters in the properties panel. Hue Saturation should already be showing from the grayscale conversation.

    Within Filters choose Adjust Color > Brightness/Contrast. The settings here will depend very much on the photo you use. For this example I used: Brightness: 65 Contrast: 1

    Kiss Make Up

    Figure 3: White Make Up

    Lock all layers and create a new layer called Makeup.

  5. Adding The Star. Choose the Star tool and draw a black star over one of the eyes. Ensure the star has no stroke.
  6. Kiss Make Up

    Figure 4: The Star

    Rotate the star so that there is one point at the top and two at the bottom as in the image above.

    With the star selected click Filters > Blur > Gaussian Blur. Change the blur level to about 1. This will give a natural look.

  7. Showing The Eyes & Mouth . Lock and hide all layers EXCEPT the background layer (the original image).
  8. Create a new layer called Eyes And Mouth. Drag this layer to the top if not there already.

    Kiss Make Up

    Figure 5: The Layers

    Use the Pen Tool to select the area around the mouth. Zooming in to 400% or more may help. Convert it to a selection with Modify > Convert > Path To Marquee. Select the Pointer Tool Kiss Make Up and when you are over the selected area a cursor with a pair of scissors must show. See Figure 6.

    Right-click and copy the selection and paste it into the Eyes And mouth layer.

    Kiss Make Up

    Figure 6: Copy the Mouth

    Selecting the other eyes : Hide the Eye And Mouth Layer, select the other eye from the background layer using the Pen Tool and Modify > Convert Path To Marquee. Copy this selection, Unhide the Eyes and Mouth Layer and paste. Repeat this for the mouth.

    Important: You will probably need to hide the Eyes And Mouth Layer to select the other eye and mouth then unhide the Eyes And Mouth Layer to paste.

    Unhide all layers to see the effect.

  9. Adding Highlights.
  10. Ensure all layers are locked. Add another layer on top of all others called Highlights.

    Choose the line tool and choose white as the stroke colour.

    The exact settings for the rest of this section may differ for you particular image. For my picture I used a stroke width of 3 pixels.

    Kiss Make Up

    Figure 7:Highlights

    Draw some strokes around the eye area.

    Click Filters > Blur > Gaussian Blur. Set the Blur Radius to that it gives the impression of reflected light in the image. I used 4.3.

    Kiss Make Up

    Figure 8: The completed tutorial

  11. On Your Own. Now add red or black lipstick and black makeup around the eye. Hint: For the lipstick, select the lips only (not the teeth) and use Adjust Color.
1
You can comment or ask your questions about this tutorial Contact
  • YouTubeYouTube
  • RSS FeedRSS Feed
  • RSS FeedDelicious
  • MXNAMXNA
  • TweeterTweeter
  • FacebookFacebook 1
  • FacebookFacebook 2

Become an author

  • Submit your tutorials and articles. Anyone can send in a contribution.
  • Learn More

Adobe Links

  • Acrobat.com
  • Adobe TV Fireworks
  • Adobe TV Learn CS4
  • The Edge Newsletter
  • Fireworks Developer Center
  • BrowserLab
  • Fireworks CS5 Help
  • Packaging Extensions with Extension Manager CS5
  • Extending Fireworks CS4
  • Fireworks CS4 Help
  • Fireworks Help & Support
  • Forums
  • Fireworks LiveDocs
  • Inspire Team
  • Fireworks Exchange

Advertisement

  • 1fichier.com
  • Website Optimization
  • Global Articles
  • http://www.phphosts.org
  • TheWikiMag
  • Custom Logo Design
  • WebHostingDeals.org
  • Loans
  • Free Software Downloads
  • Shareware Downloads and Reviews

Sponsored links

  • Xfinity On Demand Programming

Sponsored Links

Addiction Recovery

Products

Seamless Textures Dot Patterns Checker Patterns graphicxtras

Adobe User Groups

  • Singapore User Group
  • Adobe Fireworks - San Francisco

Latest Comments

  • Customizing Fireworks Splash Screen
    Thanks for the tip. It worked perfectly...
  • Modern styles
    Great. Thanks. I will be sure to use t...
  • Modern styles
    Hi Tia, There are 2 files in the zip...
  • Modern styles
    Very nice styles. Downloaded, but file ...
  • How to blur background in Adobe Fireworks
    Thanks for sharing. This will make a gre...
  • Dragnet wireframes kit for Adobe Fireworks
    Hi Thierry! Nice share - but how do I...
  • auto-sizing-fixed-width-text-blocks
    Very nice site!...
  • Crystal button
    Hi Patzee, You are right Inner Glow ...
  • Crystal button
    I'm using CS5 and there is no way to set...
  • Crystal button
    Awesome... ! thanks for this tut ... ...

Random Links

    Pixel2Life
  • Pixel2Life
  • All the sites

Latest Tutorials

  • Grunge Text
  • How to make transparent background
  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Adobe Fireworks Command Panel Icons
  • Gesture library

Latest Extensions

  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Gesture library
  • Texture Collection 144
  • SelectionToMXMLClipboard v1
  • Arc Auto Shape

Latest Articles

  • How to make transparent background
  • Adobe Fireworks Command Panel Icons
  • How to export or import Keyboard shortcuts
  • Adobe Fireworks CS5 Keyboard Shortcuts
  • Low Memory Options

Copyright © 2013 Fireworks Zone

Fireworks is a registered trademark of Adobe

Home | Privacy Policy |Contact | Sitemap