First  Prev  1  2  3  4  5  6  7  8  Next  Last
Post Reply [tutorial] Scanbars
Graphic Moderator
34522 cr points
Send Message: Send PM GB Post
ಠ_ಠ
Offline
Posted 8/1/08

miyako124 wrote:

Um....When I Save It,After That It Does Not Move,Pls, Help Me?


You have to go to Save for Webs&Devices instead. It's right below the Save.
Member
2616 cr points
Send Message: Send PM GB Post
21 / F / Philippines
Offline
Posted 8/1/08

RaikuRoak wrote:


miyako124 wrote:

Um....When I Save It,After That It Does Not Move,Pls, Help Me?


You have to go to Save for Webs&Devices instead. It's right below the Save.


Thanx!
Graphic Moderator
34522 cr points
Send Message: Send PM GB Post
ಠ_ಠ
Offline
Posted 8/1/08

miyako124 wrote:


RaikuRoak wrote:


miyako124 wrote:

Um....When I Save It,After That It Does Not Move,Pls, Help Me?


You have to go to Save for Webs&Devices instead. It's right below the Save.


Thanx!


No problem
Posted 8/1/08

RaikuRoak wrote:


miyako124 wrote:

Um....When I Save It,After That It Does Not Move,Pls, Help Me?


You have to go to Save for Webs&Devices instead. It's right below the Save.


owh so thats how...thankiies XD
Posted 9/6/08
thankie thankies ne~~
Posted 9/10/08 , edited 9/10/08
very nice and useful tutorial...
i knew it now.. thanks kiel..

Member
8374 cr points
Send Message: Send PM GB Post
22 / F / Philippines
Offline
Posted 9/13/08
XD omg . thanks for the tutorial ~ it was soooo nice ! XD

here's my result . :3

Posted 9/14/08
that looks so cool!!! although so many steps T-T
Posted 9/18/08
i tried to make one
and it worked when i did photoshop and then i saved it as a .gif
and when i opened it, it was frozen on a frame....
anyone know what to do????
9892 cr points
Send Message: Send PM GB Post
Offline
Posted 9/19/08 , edited 9/19/08

kielmaru_07 wrote:

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.



where? where? sa-chan didnt see the imageready window at mii photoshop. >.< even sa-chan presses the keys it didnt work..
Posted 9/19/08
awesome tuto! thnx a bunch~
Posted 9/19/08


which version of photoshop do you have?
if you have photoshop Cs3
you go to windows:animation
Member
31740 cr points
Send Message: Send PM GB Post
22 / F / Philippines
Offline
Posted 9/19/08
Nice one.,
9892 cr points
Send Message: Send PM GB Post
Offline
Posted 9/20/08

1401604 wrote:



which version of photoshop do you have?
if you have photoshop Cs3
you go to windows:animation


adobe photoshop elements 6.0

Sa-chan has checked the windows too. >.< HELP!
Posted 9/20/08


oh i'm sorri i could not help. =[
try asking that in the photoshop help thread forum

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