Windows Customization & Support : sambbk and 18 unknown users

 Word :   Username :  
 
 Page :  1  2  3
Previous 
Author
 Thread :

[Photoshop Tutorial] Signature Crystalize

 
n°1904
Jonkol
Profil: New Penguin
Avatar
profil
Posted on 12-19-2007 at 04:49:41 PM  
 

Photoshop Tutorial Signature Crystalize by Jonkol

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/finalsignaturewithtuxg2xd7.png

 


The way to make a nice and legal signature is very simple, just follow this tutorial  :great:
 :whistle:  ( I work with Photoshop CS2 )  :whistle:

 


First we are gonna make a backrgound for the signature

  

Step 1. Make a new document in Photoshop (ctrl+n) with the sizes 250 x 50 and a transparant background.
Rectangle Color I used: #d5d5d5

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step1wh7.jpg

 


Step 2. Make a with your ’ Rounded Rectangle Tool ‘ a rectangle like i did below.

 


http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step2aay4.jpg

 

Before you give the rectangle ‘ Blending Options ‘ right click on the layer ‘ Rounded Rectangle Tool ‘ and click ‘ Group into Smart Object ‘ and than right click again on the layer and click ‘ Rasterize Layer ‘. Take this Blending Options.

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step2blendingade7.jpg
Inner Glow Color I used : #3ea9da

 


http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step2blendingbxx1.jpg
Stroke Color I used : #adadad

 

Step 3. Create a new layer ( ctrl+n ) and call it ‘ Blue Fill ‘ now ctrl click on the layer ‘ Rectangle ‘ and take your gradient tool and pull it from top until bottom. Now put your layer style on ‘ Color ‘.

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step3gradientll6.jpg

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step4gradient2lk4.jpg

 

Step 4. Create a new layer ( ctrl+n ) and call it ‘Reflection Signature ‘. Now make with the ‘ Elliptical Marquee Tool ‘ a shape like on the image. Than use your ‘ Gradient Tool ‘ to fill the area with white to transparant. And pull it from top to bottom. After that put the opacity to 67%.

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step4reflectiondt4.jpg

 


If all the steps are successfully done you should have something like this.
Now we are gonna put some text, images and brushes in the images.
( All the things that I use is downloadable )

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step4reflectionfinalpf8.jpg

 

Step 5. Where gonna add some text to the signature. I used the text ‘ Jonkol ‘ with the color #36a7dc and font ‘ Tahoma ‘. Place the text with a size of 27,06 pt in the right under corner.

 

Now go to ‘ Blending Options ‘ and take the styles as on the images.

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step5layerstyle1bh8.jpg

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step5layerstyle2zm1.jpg

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step5layerstyle3qd9.jpg

 

If you have done it right it should look like this.

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step5resultsq9.jpg

 


The thing we are gonna use is the Jonkol Brush ( Download The Brush )

 

Step 6. Create a new layer ( ctrl+n ) name it ‘ Brush ‘  and load the brush into your brush presets.
Take the color white and ctrl+click on the layer ‘ Rectangle ‘  and brush a peace of the Rectangle.

 

Now you have to change the ‘ Blending Options ‘ of the layer brush as below. After that right click on the layer ‘ Brush ‘ and click ‘ Group into Smart Object ‘ and than right click again on the layer and click ‘ Rasterize Layer. Put the ‘ Blending Change ‘ on ‘ Overlay ‘ finally put the opacity on 80%.

 

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step6blendingoptiontk1.jpg

 


http://www.crystalxp.net/_perso/_images/recap-tutos/30189/step6finalas6.jpg

 

For a real nice and personal signature you can add an picture of something or someone.
I’m gonna add an ‘ Tux G2 ‘ to my signature, you can add an other picture to your own signature.

 

Step 7. Take a picture of something a drag it into your palette. Now resize your personal added pic as much as needed to fit correctly into you Rectangle.( As shown below ) And you should have something like this.

  

http://www.crystalxp.net/_perso/_images/recap-tutos/30189/finalsignaturewithtuxg2xd7.png

  

Done ! You have finished the signature.

 


**** You can ask any questions or something else to my account. ****
Hope you will enjoy ! Greetings, Jonkol

 

Tutorial signature (PSD)

answer
mood
GoogleAds
profil
Posted on 12-19-2007 at 04:49:41 PM  
 

answer
n°1906
Gruzz
Profil: Moderator
Avatar
profil
Posted on 12-21-2007 at 07:47:04 AM  
 

Pretty cool. The brush you used looks very nice. :great: I must ask you if you can change something in your tutorial.. CrystalXP is visited by people from every age, so we don't want any links to drugs. Please remove the image and text of this and replace it with something else. I hope this doesn't create any problems between you and CrystalXP. :angel:

answer
n°1907
Jonkol
Profil: New Penguin
Avatar
profil
Posted on 12-21-2007 at 12:20:57 PM  
 

Gruzz wrote :

Pretty cool. The brush you used looks very nice. :great: I must ask you if you can change something in your tutorial.. CrystalXP is visited by people from every age, so we don't want any links to drugs. Please remove the image and text of this and replace it with something else. I hope this doesn't create any problems between you and CrystalXP. :angel:

  

No problem i already changed it :smile:

 


Can someone please remove this and the previous post or just change it so there is no negative comment  :meuh:

 

Thhnx, hope you'll enjoy the tut :smile:

answer
n°1908
Cerberus1991
Profil: Big Penguin
Avatar
profil
Posted on 12-21-2007 at 05:10:55 PM  
 

Nice Tut  :great:

 

It was just what i was looking for :happy2:

 

Also Jonkol nice Sig, i like the brushes you used

answer
n°1938
R.A.F
Profil: New Penguin
Avatar
profil
Posted on 01-14-2008 at 03:24:40 PM  
 

Hi im new here and noob at PS i want to learn the great thing u guys can do, but i will need your help
there are few things in this tutorial that do not make sense to me
a little clarification will be of great help

 

firstly in step 2

 

right click on the layer ‘ Rounded Rectangle Tool ‘ If its a layer why are you saying tool?
am i suposed to right click the tool  or the layer, and click ‘ Group into Smart Object ‘ well niether of them will have the option ‘ Group into Smart Object ‘

 

http://img142.imageshack.us/img142/5787/1sttoolorlayerxb2.jpg

 

secondly
Step 3. Create a new layer ( ctrl+n ) and call it ‘ Blue Fill ‘ now ctrl click on the layer ‘ Rectangle ‘ and take your gradient tool and pull it from top until bottom. Now put your layer style on ‘ Color ‘.

 

creat a new layer fine
ctrl click on the layer ‘ Rectangle ‘ thats the one with the rectangle on it rasterised yes?
is this what you mean?
i have two layers selected now
http://img297.imageshack.us/img297/9313/2selectedmw4.jpg

 

"and take your gradient tool and pull it from top until bottom" i cant i cant put the gradient on, i have a not posible sighn (like the ones on NO SMOKING)

 

and if i just select one layer i get the gradient covering the whole thing
heres the rectangle without gradient on it yet
http://img206.imageshack.us/img206/189/beforegradientju9.jpg

 

this s when i do gradient on layer blue fill

 

http://img297.imageshack.us/img297/5292/gradientcoveritall2ss3.jpg

 

and this is what i get when i do gradient on layer shape (ectangle) 1
http://img206.imageshack.us/img206/1188/gradientcoveritallep9.jpg

 

that does not look like the posted ( http://img210.imageshack.us/img210/3737/step4gradient2lk4.jpg )

 

Step 4. Create a new layer ( ctrl+n ) and call it ‘Reflection Signature ‘. Now make with the ‘ Elliptical Marquee Tool ‘ a shape like on the image.
http://img299.imageshack.us/img299/9681/step4reflectiondt4.jpg

 

yes im a total noob, but i cannot make that shape, only squares and circles
how do i make that shape?

 

thats all

 

this was the closest i could get (not including the text and other things)
http://img265.imageshack.us/img265/219/closesthx7.jpg
i can do it if you can show me thoes steps, and this type of design is used in may designs not just signitures, i wat to use it for banners and stuff

 

thanks

answer
n°1940
Callaremos
Profil: New Penguin
Avatar
profil
Posted on 01-17-2008 at 05:40:47 AM  
 

Hello..

 

I Think There Is Problem In The Brush Because Is A Different Not Like The Screen Shot

 

Please Help Me And i Finish My Signature See it In The Attachments
 :whistle:

 

answer
n°1948
Jonkol
Profil: New Penguin
Avatar
profil
Posted on 01-18-2008 at 08:38:00 AM  
 

Callaremos wrote :

Hello..

 

I Think There Is Problem In The Brush Because Is A Different Not Like The Screen Shot

 

Please Help Me And i Finish My Signature See it In The Attachments
 :whistle:

 



Hello Callaremos,

 

I see what you did wrong.

 

First the color is not set right i think you forgot to add the layerstyle on the blue fill layer you have to put that one on ' Color ' so the signature will be light blue.

 

The brush is good you have to use the top of the brush and use a white color.

 

( You can also download the .PSD and take a look how i did it )

 

:wink: Hope you will suceed  :party:

answer
n°1995
KimberleyJo
Profil: Penguin
Avatar
profil
Posted on 02-08-2008 at 04:13:21 AM  
 

:meuh:

 

Great tut! It helped a lot!

 

I can do this efect now but can't seem to get down a wave version of the "crystal" effect. Where it starts at one corner dips then goes back up to other corner. Mine always come out wrong.

answer
n°1996
Gruzz
Profil: Moderator
Avatar
profil
Posted on 02-08-2008 at 08:41:24 AM  
 

Quote :

I can do this efect now but can't seem to get down a wave version of the "crystal" effect. Where it starts at one corner dips then goes back up to other corner. Mine always come out wrong.


Perhaps you can upload your final outcome and we'll be able to help you. :happy2: Welcome to CrystalXP and enjoy the community. :party:

answer
n°1998
Jonkol
Profil: New Penguin
Avatar
profil
Posted on 02-08-2008 at 11:04:53 AM  
 

I'm glad you all liked the tut, if you need more tuts just PM me and i'll make one for you.

 

My latest PS skill is my own logo for my company ( Master Design Center.nl )

 

Just take a look :wink:

answer
n°2000
KimberleyJo
Profil: Penguin
Avatar
profil
Posted on 02-08-2008 at 06:16:25 PM  
 

Gruzz wrote :

Perhaps you can upload your final outcome and we'll be able to help you. :happy2: Welcome to CrystalXP and enjoy the community. :party:

 

I'll try to make a sig tag...I'll be back later today. Thanks for the message back and the welcome!

answer
n°2001
KimberleyJo
Profil: Penguin
Avatar
profil
Posted on 02-08-2008 at 06:17:52 PM  
 

Jonkol wrote :

I'm glad you all liked the tut, if you need more tuts just PM me and i'll make one for you.

 

My latest PS skill is my own logo for my company ( Master Design Center.nl )

 

Just take a look :wink:

 

Sweet! You did a fantastic job!

answer
n°2003
KimberleyJo
Profil: Penguin
Avatar
profil
Posted on 02-08-2008 at 07:31:23 PM  
 

I don't have a white to clear gradient so I had to use just plain white. I used the laso tool to create the wave for the white fill.

 

It had rough edges from the white fill so I used the blur tool to blur the edging.

 

Not the best tag but it's a start.

answer
n°2059
pironic
Profil: New Penguin
Avatar
profil
Posted on 02-27-2008 at 08:13:04 AM  
 

okay even though it may not look like it... my signature is a direct product of this tutorial. I think i still have some work to do on it but i'll take a look again in the morning after i get some rest. Thanks for another great tutorial for us newbies.  :loveit:

answer
n°2060
Mornothly
Profil: Penguin
Avatar
profil
Posted on 02-27-2008 at 08:31:14 AM  
 

now comes a n00b question:

 

How did you color it before giving it Internal Glow? I cannot get it to work :frown:

answer
n°2061
Gruzz
Profil: Moderator
Avatar
profil
Posted on 02-27-2008 at 08:45:35 AM  
 

Mornothly wrote :

How did you color it before giving it Internal Glow? I cannot get it to work :frown:


Don't worry, we always try to help others here. :great: The answer to your question lies in the 'Rounded Rectangle Tool'. After you select this tool, a bar comes up in the top of Photoshop. In the first box of options you can choose between 'Shape layers', 'Paths', and 'Fill pixels'. Make sure the 3th option is selected (Fill pixels) and set the foreground color to #D5D5D5. Hope this helps you out a bit, and if you got any more questions, don't be afraid to ask! :oui:

 

pironic, I like the light effect which you placed in the o and which is expanding to the left! :great:

answer
n°2062
Mornothly
Profil: Penguin
Avatar
profil
Posted on 02-27-2008 at 09:03:14 AM  
 

Ok, :smile: Thanks.

 

'nother question: When I use the gradient tool, I get the whole layer 'gradiented', its annoying. The gradient doesnt stay in the rectangle :frown:

answer
n°2063
Gruzz
Profil: Moderator
Avatar
profil
Posted on 02-27-2008 at 09:06:32 AM  
 

You've to make a selection first, then apply the gradient. :smile: Make a selection by Ctrl + left click on the thumbnail of the layer where you want the gradient. :happy2:

answer
n°2065
Mornothly
Profil: Penguin
Avatar
profil
Posted on 02-27-2008 at 09:20:30 AM  
 

"Now make with the ‘ Elliptical Marquee Tool ‘ a shape like on the image. Than use your ‘ Gradient Tool ‘ to fill the area with white to transparant."

 

I dont get that part.

 

When I select the figure I want, then what? I dont get it. It just stays at the shape of a halve circle. and even when I try to CTRL+SHIFT+I it, it doesnt stay within the layer. I tried selecting the thumbnail, but that also didnt work :tongue:

 

Please help (thanks for doing it :biggrin:)

answer
n°2066
Mornothly
Profil: Penguin
Avatar
profil
Posted on 02-27-2008 at 10:23:30 AM  
 

http://i209.photobucket.com/albums/bb307/Mulgothra/Littlesig2.png

 

DONE

 

It looks cool I think, Thanks very much for this awesome tutorial! And also thanks for the help :smile:

 

I really learned a lot with this tutorial!

answer
n°2067
Gruzz
Profil: Moderator
Avatar
profil
Posted on 02-27-2008 at 12:52:19 PM  
 

Pretty cool result! :biggrin: I hope you'll enjoy more of CrystalXP in the future. :wink:

answer
n°2068
Krat0s_
Profil: Big Penguin
Avatar
profil
Posted on 02-27-2008 at 12:55:15 PM  
 

Very good tutorial, thanks Jonkol :biggrin:

answer
n°2070
Mornothly
Profil: Penguin
Avatar
profil
Posted on 02-27-2008 at 02:40:48 PM  
 

*smacks face*

 

Just looked at the bottom of the tut...seems to contain a .PSD file. I could've just downloaded that when I had a problem.

 

On the other hand, that made me learn absolutely nothing, so ignore this post :tongue:

 


EDIT:

 

http://i209.photobucket.com/albums/bb307/Mulgothra/Littlesig1.png
http://i209.photobucket.com/albums/bb307/Mulgothra/Littlesig1copy.png

 


These have strokes :tongue:

 

Imma user the second one in my sig :biggrin:

answer
n°2071
x3lumin8x
Profil: Penguin
Avatar
profil
Posted on 02-27-2008 at 05:25:40 PM  
 

Nice tutorial, but part of it I think you made it more difficult than it should have been. The need for Smart Objects and Rasterizing is unnecessary. Once you draw the shape with Rounded Rectangle Tool, right-click on it and click Make Selection. Leave the Feather Radius at Zero and click OK. Fill it with color and use Blending Options for visuals.

 

I think that people who are new to PS or still learning the basics might get confused with all the Smart Objects and Rasterizing steps :neutral: . Please don't take this the wrong way, I'm just giving some constructive criticism. :wink:

answer
n°2074
darklady
Just remember, art saves lives.
Profil: Big Penguin
Avatar
profil
Posted on 02-27-2008 at 07:47:12 PM  
 

This may be true, but some would never know that function was there if they weren't told :wink:

 

Agreed though, would be easier the other way.

answer
 Page :  1  2  3
Previous 
Top 

Go to:
Add a reply