Zerodesignz -> Affiliate Button Zerodesignz -> Affiliate Button Zerodesignz -> Affiliate Button Zerodesignz -> Affiliate Button Zerodesignz -> Affiliate Button Zerodesignz -> Affiliate Button
VISIT OUR NEW FORUMS AT HTTP://FORUMS.ZERODESIGNZ.NET. THANK YOU!

VISIT OUR NEW FORUMS AT HTTP://FORUMS.ZERODESIGNZ.NET. THANK YOU!

VISIT OUR NEW FORUMS AT HTTP://FORUMS.ZERODESIGNZ.NET. THANK YOU!
  __

 Affiliate Button, Difficulty: Intermediate
Albino4zn
Posted: Feb 9 2005, 02:32 AM


Administrator
Group Icon

Group: Admin
Posts: 63
Member No.: 1
Joined: 30-January 05



Ok, so you like those little buttons that take you to other ppl's site? and you want one of your own now... ok, i'll help u on this one.

All affiliate buttons are 88x31 pixels in size. This is so they can load quick and look great.

1. So, open PS and ctrl+n, enter 88 pixels for the width and 31 pixels for the height. It should look like this --
user posted image

2. Ok now, just make a cool background.. or u can use pixel art, i find this best on affiliate buttons. Once you get your background done, we'll move on.. i got this--
user posted image

3. now, do you want the sliding doors? if so simple make a new layer(ctrl+shift+n) and make a gradient across the screen, the direction of the gradient depends on which way your door is going to split, if you want it to split vertically(open left and right) gradient like this--
user posted image
If you want it to open horizontally(up and down) gradient like this--
user posted image
or you can do both, but make sure they are on separate layers.

4. Now for the split lines in the door we are gonna use the brush tool..
5. Select the brush tool and set it to the normal 1 px brush, but type in 2 where it says 1 px. like this--
user posted image

6. On the horizontal gradient layer make a line like this, or however you want making sure to hold down shift while making it.--
user posted image

7. On the vertical gradient layer make a line like this or however you want, again, hold shift the whole time.--
user posted image

8. Now on the background layer, you can add some text and other stuff, whatever you want to spice it up, i did this--
user posted image

9. Select the polygonal lasso tool and cut the doors in half at the center of the the black lines.

10. Now convert to imageready(cntrl+shift+m)

11. Ok, make a new frame.
12. in the new frame move the upper part of the horizontal door all the way up out of the picture, and the bottom part all the way down.
13. now press the tween button and use these settings--
user posted image

14. Now do the same for the vertical split.
15. Now unless you have some additional animation your done, Make sure to put like a 0.5 or 1.0 delay on the last frame of animation.
16. I had additional animation and i got this--
user posted image

Enjoi the tut. if you have any questions ask them here or send me a PM
___
Top
igOR
Posted: Feb 9 2005, 03:35 AM


Proud Croat


Group: Members
Posts: 38
Member No.: 3
Joined: 7-February 05



yes thank u i was looking for a tut like that....send it pixel2life gt and tutorialman.com
__
Top
brooksie
Posted: Feb 9 2005, 04:48 PM


Noobie


Group: Members
Posts: 6
Member No.: 2
Joined: 2-February 05



Thanks.
__
Top
Albino4zn
Posted: Feb 11 2005, 02:02 AM


Administrator
Group Icon

Group: Admin
Posts: 63
Member No.: 1
Joined: 30-January 05



ok, i'll send it to good tut's too. i'll have it direct them to the forum, there arent enuff people joining
___
Top
Albino4zn
Posted: Feb 13 2005, 05:16 PM


Administrator
Group Icon

Group: Admin
Posts: 63
Member No.: 1
Joined: 30-January 05



oh, i just noticed in step 13 you cant really tell what the number is, that is 8, so the "frames to add" would be 8. sorry about that
___
Top
Bob
Posted: Feb 13 2005, 09:47 PM


Unregistered









Sweet tut user posted image

Check out my website at BobBspLaNeT

bobsplanet@gmail.com
Top
Rabid
Posted: Feb 14 2005, 03:08 AM


Unregistered









Hey. the maker of this topic. Please IM me or email me. I have questions. RabidGuardian is aim, xxbattleoxxx@yahoo.com is mail.
Top
UK
Posted: Feb 22 2005, 02:25 PM


Unregistered









nice tut, gave me some new features!


simple:
user posted image
Top
GTK_4_5_0
Posted: Feb 22 2005, 04:01 PM


HAHAHAHHAHA


Group: Members
Posts: 15
Member No.: 8
Joined: 17-February 05



i can't do it. i don't get it.......i can't even use imageready lol
__
Top
Envy
Posted: Feb 23 2005, 11:23 AM


Anti-Noobie
Group Icon

Group: Graphics Maker
Posts: 22
Member No.: 11
Joined: 23-February 05



i like nice tut.

to the person called " UK " :
i see uve not added enough frames, it should be 8 frames toa dd i think you have used 3.
because it looks " laggy "

EDIT :: i threw this together in like 2mins using this tut.
user posted image
__
Top
Raffi
  Posted: Mar 6 2005, 07:41 PM


Unregistered









user posted image

[glow] Its very cool, may [/glow] smile.gif biggrin.gif
Top
« Next Oldest | Photoshop Tutorials | Next Newest »

Topic Options __


VISIT OUR NEW FORUMS AT HTTP://FORUMS.ZERODESIGNZ.NET. THANK YOU!
VISIT OUR NEW FORUMS AT HTTP://FORUMS.ZERODESIGNZ.NET. THANK YOU!

Hosted for free by InvisionFree (Terms of Use: Updated 7/7/05) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.4601 seconds | Archive
VISIT OUR NEW FORUMS AT HTTP://FORUMS.ZERODESIGNZ.NET. THANK YOU!