HomeGalleryFAQRegisterLog in
 Reflection ImageView previous topic View next topic Go down 
Goto page : 1, 2  Next
AuthorMessage
skulblakashven
Administrative Team
Administrative Team



Joined : 17 Mar 2008
Posts : 1046
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif
Points : 
7/1007/1007/1007/100 (7/100)

PostSubject: Reflection Image   Tue 25 Mar 2008, 21:39

Title: Reflection Image
Description: Applicable for button, siggy or icons in profile.
Requirement: Adobe Photoshop CS, creativity and imagination
Tested With:IE6+,Fx2

Result:


Step 1:Open a new document in and select size 200x200 px with background color black.


Step 2:
Make a new layer (name it button) and select your Rounded Rectangle Tool. Choose radius 8px.Like in the picture below.





Step 3:
Right click on the button and select rasterize. Then right click again and choose blending options.In here i choose #5D6E07 color for the button.
Play with the Gradiënt,Stroke and Inner Glow. Just be creative.


Step 4:
Make a new layer and select Text tool and write your name or what ever word you want to put on the button.Here i wrote a name "Safni" with Trebuchet MS font and 34pt size.



Step 5:
Then go to your layer palette and turn of the visibility of the background layer (click on the eye-icon so it disappears). make sure your button layer is selected and go to layer -> merge visible. Now you see the text layer and the button layer are melted together. Now you can put the visibility of your background back on.

Your layer pallete should look like this.



Step 6:
Now right click on the button layer -> duplicate layer. Name the new layer 'reflection'. Now with the reflection layer selected go to edit -> transform-> flip vertical.Select your move tool and place the reflection under the original (push arrow down) like this :



Step 7:
With the reflection layer selected, add a layer mask. Select the gradient tool: linear gradient colors black-white.



Step 8:
Draw a line from the button of the reflection to the top of the original button. You'll the reflection will fade away. Now we just have to adjust the opacity of the reflection (60 %) and you have created a relection mirror to the image.



Here i make a siggy and use the reflection technique to reflect the image. Be creative!



_________________
Thanx to Payatot for d fly

will on vacation till august...see ya in august guyz..
Back to top Go down
NOSIOJ
Administrative Team
Administrative Team


Gender:MaleVirgoHorse
Age : 17
Joined : 04 Apr 2008
Posts : 1198
Location : мое сердце
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif
Points : 
11/10011/10011/10011/100 (11/100)

PostSubject: Re: Reflection Image   Thu 15 May 2008, 08:31

Nice tutorial.
_________________


Back to top Go down
Fiuri
Administrative Team
Administrative Team


Gender:MaleAquariusHorse
Age : 18
Joined : 01 Apr 2008
Posts : 310
Location : Korea
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif
Points : 
6/1006/1006/1006/100 (6/100)

PostSubject: Re: Reflection Image   Thu 15 May 2008, 16:04

ahihi this tutorial is a big help simple is'nt it ? hehe
Back to top Go down
Angeli_7
Design & Graphics Team
Design & Graphics Team


Gender:FemaleCancerSnake
Age : 19
Joined : 16 Apr 2008
Posts : 281
Location : Planet Earth
Interests : Music
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif
Points : 
5/1005/1005/1005/100 (5/100)

PostSubject: Re: Reflection Image   Fri 16 May 2008, 04:59

Cool, thanks for sharing Good Job
Back to top Go down
tazh0ney
Activity Level 1
Activity Level 1


Gender:FemaleLibraRooster
Age : 26
Joined : 16 May 2008
Posts : 4
Location : Manila
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif
Points : 
0/1000/1000/100 (0/100)

PostSubject: Re: Reflection Image   Fri 16 May 2008, 23:37

i like the way u did it.. hahaha nice !
Back to top Go down
skulblakashven
Administrative Team
Administrative Team



Joined : 17 Mar 2008
Posts : 1046
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif
Points : 
7/1007/1007/1007/100 (7/100)

PostSubject: Re: Reflection Image   Fri 16 May 2008, 23:45

U can always do the trick and apply it to other style of design u want. For example my siggy.. see the mirror effect? i'm using this technique to make it.. U can also colorize ur gradient to any color that u want by selecting the color of gradient tool first before applying step 8.
_________________
Thanx to Payatot for d fly

will on vacation till august...see ya in august guyz..
Back to top Go down
Prinx95
Design & Graphics Team
Design & Graphics Team


Gender:FemalePiscesHorse
Age : 18
Joined : 06 May 2008
Posts : 238
Location : Philippines
Other Forum : friendstertalk.com
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif
Points : 
4/1004/1004/1004/100 (4/100)

PostSubject: Re: Reflection Image   Sun 18 May 2008, 23:05

nce tutorial sis...
make tutorials more....
^_~...
_________________


=-"baby jaguar"-=

Back to top Go down
skulblakashven
Administrative Team
Administrative Team



Joined : 17 Mar 2008
Posts : 1046
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif
Points : 
7/1007/1007/1007/100 (7/100)

PostSubject: Re: Reflection Image   Mon 19 May 2008, 02:38

okies prinx, i take note ^.. will try to find my time to fit in tight schedule coffee
_________________
Thanx to Payatot for d fly

will on vacation till august...see ya in august guyz..
Back to top Go down
[crazyowkz]
Activity Level 2
Activity Level 2


Gender:MaleTaurusMonkey
Age : 16
Joined : 17 May 2008
Posts : 135
Location : tawau
Other Forum : http://friendstertalk.com
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif
Points : 
0/1000/1000/100 (0/100)

PostSubject: Re: Reflection Image   Mon 19 May 2008, 02:43

wew..
nice tuto here...
ill try this..
hehe
_________________


Back to top Go down
FOX6515
Activity Level 1
Activity Level 1


Gender:MaleCapricornDragon
Age : 43
Joined : 11 May 2008
Posts : 19
Location : jeddah,saudi arabia
Other Forum : i-pinoy.org
Interests : Bowling,Deep Sea Fishing
Mood : http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif
Points : 
0/1000/1000/100 (0/100)

PostSubject: Re: Reflection Image   Wed 16 Jul 2008, 08:02

thanks for the tutorial...big help...keep up the good work...
Back to top Go down
Reflection ImageView previous topic View next topic Back to top 
Page 1 of 2Goto page : 1, 2  Next

Permissions of this forum:You cannot reply to topics in this forum
 :: DzinerStudio :: Tutorials-