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

Under the magnifying glass

You can make this interesting magnified effect by using Photoshop combined with Image Ready, which comes with Photoshop.

Download this image for the tutorial

1. Open your image

2. Right click on your background layer and select duplicate layer. turn duplicate layer eye off

3. Click on the background layer.

4. Click filter=>liquefy

  • Select the 5th tool on the left, the Bloat Tool.
  • Select brush size 65 on the right.
  • Select brush pressure as 50
  • Draw the image out from the center of each area working out a larger image from the center.
  • Click OK.

5. Click on the "background copy layer" and turn the eye on.

6. Insert new layer by clicking layer => New => layer.

7. Draw a circle about 140 pixel radius by selecting the elliptical marquee, holding the shift key down while you draw..

8. Select white as foreground color, Using fill tool fill circle with white.

9. Double click the layer to bring up blending options.

10. Highlight the Bevel-Emboss option

  • Set to inner bevel
  • technique = smooth
  • Depth = 61
  • direction = down
  • Size ~60
  • Soften  ~10
  • Angle = 30
  • Attitude = 30


 

11. Highlight Drop Shadow

  • Blending is normal
  • Opacity = 100%
  • Distance =6 pixels
  • Spread=7%
  • Size=5 px


 

12. Highlight the Inner Shadow

  • blending = multiply
  • angle = 0
  • distance =11 px
  • choke = 0%
  • size = 13px


 

13. Highlight Stroke

  • Set size to 1
  • Opacity to 100
  • color to black


 

14. Blending Options Default

  • Set the ADVANCED blending to Fill Opacity 0%
  • Set the Knockout to DEEP

 


 

15. Jump to image ready by clicking File => Jump => Image Ready

 

16. Highlight layer 1 on the layers panel in image ready.

17. Open the animations panel. If it is not visible, click Window => Show Animation

18. Frame 1.

  • Using the Move tool, Move the "lens" on layer 1 over the head of the butterfly.
  • Click the 0 sec below frame #1 and select 0.2 seconds.
  • Click the duplicate frame icon on the bottom of the animation panel.

19. Frame 2

  • Use your Move tool to move the lens on layer 1 down the body to include the head and body.
  • Set the time for this frame to 0.1 seconds.
  • Click on duplicate frame icon on the bottom of the animation panel.

20. Frame 3

  • Use the move tool on to move the lens down the body so that the head is no longer in view, but the body and the ends of the wings are there.
  • Click on the duplicate frame icon on the bottom of the animation panel.

20. Frame 4

  • Move the lens with the move tool so that it is over half the bottom of the wings and half off the image.
  • Set the time by clicking the time below the frame and selecting 0.2 seconds.
  • Click on the duplicate frame icon on the bottom of the animation panel.

21. Frame 5

  • Use the move tool on to move the lens down the body so that the head is no longer in view, but the body and the ends of the wings are there. (like frame 3)
  • Set time of this frame to 0.1 seconds
  • Click on the duplicate frame icon on the bottom of the animation panel.

22. Frame 6

  • Use your Move tool to move the lens on layer 1 down the body to include the head and body. (like frame 2)
  • Click on duplicate frame icon on the bottom of the animation panel.

23. Saving the animation

  • Open your Optimize Panel. If you do not see it, click window => show optimize.
  • Set the image type to GIF, Set the colors down from 256 till you see a loss, and then set it up.
  • Click File => Save Optimized
  • Select Gif.

Note that this image will make a huge animated gif. You can reduce image size of the PSD right here in image ready to make your image a more reasonable size.

 



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