Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Faded Lines in Photoshop

PART 1 PART 2

1. Download tut30-ex.jpg. Open this image in Photoshop.

2. Open a new document 800 x 120 pixels, 72 pixels/inch, RGB color, white background


3. Using the nudge or move tool, click on the butterfly picture and drag it onto the the new background image placing in on the left edge of the white work area

4. Press the keyboard shortcut Ctrl+J to create a duplicate layer.

5. Zoom in and using the rectangle marquee tool, select a 3-5 pixel strip vertically along the right edge of the butterfly picture.

6. Choose Edit-->Free Transform (keyboard shortcut Ctrl+T)

8. Click on the right handle on the transform border and drag it all the way to the right edge of the document to stretch these pixels. Double click inside the free transform boundary to apply the transformation. Your picture at this point should look like this...



9. Add a new layer by clicking Edit=>new=>layer and name it stripes changing
the blend mode at the top of the layers panel to soft light. This will allow the butterfly and the stretched out pixels to show through the stripes you are about to make.

10.Use the steps from part one to fill this layer with an alternating pattern of two pixels high grey at 50% opacity and white stripes.
  • Using the horizontal single row marquee tool at a A ZOOM level of 500% Select the top pixel row.
  • Hold down the shift key and add the next two pixel rows by clicking them with the single row marquee.
  • Set your forground color to light grey.
  • Select the fill tool and set the fill properties opacity to 50%

  • Click on the paint bucket and fill the area.
  • With the selection still active, hold down the shift key and use the single row marquee tool two more times as before to make the selection 5 pixels wide.
  • Select white as foreground color and set properties to 100% opacity. Fill the rest of this selection with the white.
  • Choose Edit-->Define Pattern, naming it butterflystripe
  • Click Ctrl+D which will deselect the area
  • Choose Edit-->Fill-->Use: Pattern. Select the partern youjust made from the selection that appears. Click ok. This will fill in the whole area with the striped pattern.

{Alternately you can use the paint bucket to fill setting the fill to pattern and the pattern to your new butterfly pattern}

.

  • Click ok. This will fill in the whole area with the striped pattern.
  •  


11. Next we will erase the stripe effect from the left side of the photo. We will do that with a layer mask. Highlight the stripes layer then choose Layer-->Add Layer Mask-->Reveal All.
The layer mask will be on the same layer palette with the stripes. (White reveals and black hides portions of the layer.)

12. Click on the layer mask thumbnail in the palette to make it active.

13. Using the gradient tool set for a black to white gradient and drag from the left edge of the picture to where the original right side edge of the butterfly picture was.

14. There will still be some lines covering the butterfly portion of the photo. We will paint these out directly on the layer mask.

15. With black as the foreground color, select a large soft paintbrush and set the opacity to about 50%.

16. From left to right, swipe across the area of the flowers and butterfly to erase some of the lines in this area. Voila, there is your effect. Neat, huh?



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2010 All Rights Reserved
Privacy and Legal