First  Prev  1  2  3  4  5  6  7  8  Next  Last
Post Reply [tutorial] Scanbars
Posted 7/27/08 , edited 7/27/08
SCANBARS TUTORIAL
(c) joebz of ftalk
Requested by Miku-Hatsune

Here's an example:
http://i279.photobucket.com/albums/kk144/joebsz/cutestsiggie1.gif


Requirements:
1. Adobe Photoshop
- I'm merely using version 7.0 so I dunno if this applies to all Photoshop versions
2. Basic knowledge about Photoshop & Imageready
- If you lack this, you can find several threads here about Photoshop basics. Familiarize with the buttons. :thumbsup:


- - - - - - - - - - - - - - - - - -
Open up your Photoshop window and follow these steps:


1) Scanbars are usually used in signatures so get a siggie and open it. In this case I used a signature that I made for cutest08/AJ a long time ago. Then click the Rectangle Tool (or press U).



2) Next, create a rectangular shape at the top of the signature. This will be the scanbar.



3) Amff, this is not really necessary but I changed the scanbar layer from Normal to Soft Light. You can also simply lower the opacity or use Overlay, Screen, Linear Dodge, etc. Depends on the look.



4) That's it. Go to the Imageready window. Press CTRL+M or click the Imageready button.



5) Voila. We're in the Imageready window now.



6) As you can see there's only one frame in the animation palette thing. Duplicate and make a new frame by clicking the button encircled below.



7) Now we have two animation frames.



8) While you're on the second frame, move the rectangle/the scanbar to the bottom of the signature.



9) Finished? So, in the first frame, the scanbar will be at the very top of the siggie. In the second frame, the scanbar is at the bottom. Now, click the tween button. See image below.



10) A box will pop up. In this case, I put 30 in the Frames To Add. The higher the number, the slower the movement of the scanbar. The lower the number, the faster the movement. 30 seems fine. It's what I usually use. Click OK.



11) Weeee. Now we have 32 frames. Don't worry.



12) Now, we need to tween it again so that the scanbar will go back and forth. Up down up down up down. On the 32nd frame, click the tween button again and change Previous Frame to First Frame.



13) Now it has 62 frames. Play it. This is the outcome.



14) Don't forget to save your work. Click File > Save Optimized As, and then put your filename. Now you're done! You can also make VERTICAL scanbars. Just make a vertical rectangle, put it on one side of the signature, and move it to the other side on the second frame.

And that's it. XD Hope you learned something from this! Don't forget to share your works/outcomes, ahihi, and don't hesitate to ask.

Posted 7/27/08
OMG!! GREAT!! SUPER USELESS i think.. T_T
Member
24371 cr points
Send Message: Send PM GB Post
20 / F / behind ur back X3
Offline
Posted 7/28/08
wow, nice tutorial for beginners in animation like me XD
Posted 7/28/08
sugoi!!! indeed useful fer meh!! XD
Posted 7/28/08
neh..kira..did u make this urself?
Posted 7/29/08
THANKS FOR THE TUTORIALS XD NICE ;P
Posted 7/29/08
yup yup..i thought it would be a hard thing to do.. lol XD
Posted 7/29/08

juanna wrote:

yup yup..i thought it would be a hard thing to do.. lol XD[/quote

]

ITS EASY NYA~
Posted 7/29/08
yup yup..totally easy
Posted 7/30/08

juanna wrote:

OMG!! GREAT!! SUPER USELESS i think.. T_T


LOL i sooo agree...but what can you do? other people like it XP
Member
15041 cr points
Send Message: Send PM GB Post
F / Neverland
Offline
Posted 7/30/08
ah, you used soft light. ^^
it's ok. ^^
Posted 7/30/08

s2_sel wrote:


juanna wrote:

OMG!! GREAT!! SUPER USELESS i think.. T_T


LOL i sooo agree...but what can you do? other people like it XP


no worries!! I GOT BACK MY PHOTOSHOP on 30july2008!!
Posted 7/30/08

juanna wrote:


s2_sel wrote:


juanna wrote:

OMG!! GREAT!! SUPER USELESS i think.. T_T


LOL i sooo agree...but what can you do? other people like it XP


no worries!! I GOT BACK MY PHOTOSHOP on 30july2008!!


why not try it out XD
Graphic Moderator
33522 cr points
Send Message: Send PM GB Post
ಠ_ಠ
Offline
Posted 7/30/08
Wooo00ooo My first Photoshop creation used scarbars.... and it was horrible.
Posted 7/31/08

RaikuRoak wrote:

Wooo00ooo My first Photoshop creation used scarbars.... and it was horrible.


meh can show me.. XDD
First  Prev  1  2  3  4  5  6  7  8  Next  Last
You must be logged in to post.