Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Animated Scanner Tutorial For Photoshop ;)
Focus
post Jun 9 2005, 10:37 PM
Post #1


Newbie [Level 1]
*

Group: Members
Posts: 12
Joined: 9-June 05
Member No.: 8,039



Ok here is a tutorial to make a image with a animated scanner effect!

~*~*~Animated Scanner~*~*~
QUOTE
1) First off open the image you want to apply it to:
user posted image
2) Crete a new layer
3) Now use the Marquee tool to make a rectangular shape the size you want the scan bar and fill it with a color.
4) Then change the overlay to color and add a 1 pixel black stroke to it (Layer->Layer Style->Stroke)
user posted image
5) Now go into image ready (Shift+Ctrl+M)
6) Once in image ready if the animation bar is not already show click window->animation.
7) Now in the animation window make a new frame.
8) In the new layer move the scan bar to the top and select the first frame again.
9) Create a tween and enter the following:
Tween With:Next Frame
Frames to Add:15
Layers
Check all layers
Parameters:Check all
10) Now create a 18th frame in the animation after the 17th frame and move the scan bar back to the bottom.
11) Then select the 17th frame and create a tween with the same settings (Make sure next frame is selected).
12) Once you are happy, save the file as a gif. File>Save Optimized As.

My Final Product:
user posted image

Notice from Johnny:
Moved to How to's and tutorials.

Notice from Saint-Michael:
Next time quote your tutorials if your getting them from other websites. i was nice and did it for you.




This post has been edited by Saint_Michael: Jun 10 2005, 10:20 AM
Go to the top of the page
 
+Quote Post
Johnny
post Jun 10 2005, 03:06 AM
Post #2


[::Boy Wonder::]
***************

Group: Members
Posts: 2,098
Joined: 5-April 05
From: Costa Mesa, CA
Member No.: 5,294
T17 GFX Crew



Looks nice. Great for simple animations. Moved it to tutorials section for ya.
Go to the top of the page
 
+Quote Post
odomike
post Jun 11 2005, 01:06 PM
Post #3


Core2Q-QX6800
***********

Group: [HOSTED]
Posts: 1,093
Joined: 3-August 04
From: Nigeria
Member No.: 569



And one other thing more bro. try to be more elaborate on subsequent tuts. Assume your targeted audience doesnt know anything about your subject of tutorial.

For someone who doesnt know how to use Adobe PS or ImageReady, you will be confusing the person the more 'cos he might not really know how to make a layer and all that stuff.

I will be posting a tut on HOW TO OPTIMIZE YOUR COMPUTER'S PERFORMANCE so that you guys can really see what a tut should look like.

I should have done it right away but I dont have the images I require for it. I will have to a lot of screen captures of several parts of my computer in other to make people believe what I am saying.

Well, thanks for the tuts. I like the result of your animation.
Go to the top of the page
 
+Quote Post
nonon
post Jun 16 2005, 04:16 PM
Post #4


Member [Level 3]
******

Group: Members
Posts: 97
Joined: 30-November 04
From: Portugal
Member No.: 2,485



Hi there smile.gif
That's a quite simple and neat effect.
Aldo i'm not going to use it just as you say but the idea is great and going to do an altered version of this.
A black and white picture that comes color when "scanned"
Thanks m8,

best regards

Nonon
Go to the top of the page
 
+Quote Post
faith
post Aug 7 2005, 06:51 PM
Post #5


Member [Level 1]
****

Group: Members
Posts: 59
Joined: 7-August 05
Member No.: 10,425



To complicated to me, i got confused on alot of th parts, seems like an AWESOME tutorial to, nice and tumbs up!
Go to the top of the page
 
+Quote Post
Supremacy
post Aug 29 2005, 11:13 AM
Post #6


Newbie
*

Group: Members
Posts: 1
Joined: 25-August 05
Member No.: 11,128



Seems simple & effective tongue.gif

Good job.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Exporting Transparent Images In Photoshop To Flash(4)
  2. Turning An Image Into A Cartoon Style - Photoshop(30)
  3. Making Money Creating Logo's(19)
  4. Coredraw Vs Photoshop Vs Firework(6)
  5. Rounded Edges In Photoshop(13)
  6. Simple Sig Tutorial(24)
  7. Photoshop Eggs!(10)
  8. My First Sig Tutorial (c4d+coloring) (photoshop)(11)
  9. How To Make Cool Rain Effect(56)
  10. 1,2,3px Borders(3)
  11. Need To Shrink The File Size Of Web Image? - Photoshop Tricks(3)
  12. Mario Signature (adobe Photoshop)(15)
  13. A Port Scanner(9)
  14. How To Create A Photoshop Vortex(12)
  15. My Photoshop Creations(17)
  1. Adding Jigsaw Puzzle Effect With Photoshop(2)
  2. Photoshop, Flash And Fireworks Tutorial Site Links(2)
  3. Can Anyone List Some Good Urls For Photoshop Brushes?(5)
  4. Coolcat50's Fractal Brushes!(1)
  5. How To Change The Gradient Type And Make A Gradient On Adobe Photoshop Cs3(1)
  6. Making A Simple Signature With Adobe Photoshop(3)
  7. Me Trying Draw And Paint A Human Head(3)
  8. Quickstart Guide To Photoshop Cs3 Review(0)
  9. Possible Photoshop Brushes Resource?(1)
  10. Angry Ip Scanner(4)
  11. Getting Started With Photoshop!(0)
  12. Photoshop(5)
  13. Some Of My Photoshop Work(3)


 



- Lo-Fi Version Time is now: 7th October 2008 - 10:32 PM