Hack Forums
[How-to] Create colorful neat signatures. [Vectors] - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: [How-to] Create colorful neat signatures. [Vectors] (/showthread.php?tid=630429)

Pages: Pages 1 2 3 4 5 6 7 8 9 10 11 12 13 14


[How-to] Create colorful neat signatures. [Vectors] - Livewire - Aug 22, 2010

[IMG]http://img441.imageshack.us/img441/5479/topra.png[/IMG]
[by:Livewire]


Hey everyone. I noticed a tutorial posted that was very similar to this once. It pissed me off since this style is of my own design, so I decided to make my own tutorial for it.

Well lets get started!




What you will need

***** Photoshop (I'm using CS5)
***** Vectors http://dragonartz.wordpress.com/2009/09/10/30-colorful-flower-designs-vector/




Instructions

***** Open up photoshop. Go to File>New and use these settings.

[IMG]http://img205.imageshack.us/img205/4017/47567752.png[/IMG]

***** Now, in the middle of your canvas, use your text tool with about 60+px size. Write any text that you want. (For this tutorial I will be using "Livewire" as my text)

***** Once you have the text typed, go to the layer properties and set them as such (NOTE: Animated GIF):

[IMG]http://img189.imageshack.us/img189/2684/gif1ig.gif[/IMG]
(For the pattern, just use any type of scanlines. Just whatever looks nice.)

***** You should now have something that looks like this:

[IMG]http://img230.imageshack.us/img230/6533/76395094.png[/IMG]

***** Now, you're going to need to make this text 3D! This is how you do that.

- Right click on the layer with the text, and choose 'Duplicate layer'

- Move the layer that is on top about 4-5 places to the right.
(Do this by tapping the right arrow button)

***** You will now have something that looks similar to this:

[IMG]http://img820.imageshack.us/img820/2100/64362726.png[/IMG]

***** Now it's time to add the vectors in.

This is the pretty easy part. Just drag-n-drop the images onto photoshop, resize them accordingly, and place them where they look nice. There's not really a way I can explain it other than to use what feels right to you. Try to stick with using the same color groups though, or else it will look weird.

Here's the kind of end result you are looking for:

[IMG]http://img716.imageshack.us/img716/7803/livewirefinal.png[/IMG]

I have made this type of signature for many people. The only reason that I am posting this tutorial is because I found a tutorial on this and I figured I'd be able to explain the method better since the other tutorial just pretty much stole my style. It's cool though.


* - moecool101 - Aug 22, 2010

thats really cool, i keep going over the tutorial, what font did you use?


* - Livewire - Aug 22, 2010

(Aug 22, 2010 08:15 PM)moecool101 Wrote:  thats really cool, i keep going over the tutorial, what font did you use?

Thanks!

Sorry. I won't be revealing what font I use. I don't want a bunch of signatures floating around looking the exact same.


* - Livewire - Aug 23, 2010

Small bump for this thread, (:


* - Ziolanty - Aug 23, 2010

nice tutorial (: im gonna try this now :D


* - DvS - Aug 23, 2010

I am using CS3, great tutorial by the way, how do you get that Pattern Overlay?


* - Sezmic - Aug 23, 2010

Nice tutorial. Other guy who stole your style should have asked for permission before posting.


* - Livewire - Aug 24, 2010

(Aug 23, 2010 09:48 AM)DvS Wrote:  I am using CS3, great tutorial by the way, how do you get that Pattern Overlay?

Just use some scanlines. (:
Any type of lines will work. Just turn down the opacity.


* - Ultimatum! - Aug 24, 2010

Yeah i've seen ALOT of these around lately.

Very nice though, most likely gonna make one to use on another forum. :)


* - Livewire - Aug 24, 2010

(Aug 24, 2010 01:32 PM)Lukef555 Wrote:  Yeah i've seen ALOT of these around lately.

Very nice though, most likely gonna make one to use on another forum. :)

Yep. I had originally only created around 10 of them, but then someone released a tutorial on how to do it. That's the only reason that I made this tutorial. I'd like to have credit for my original style.


* - Viperboy94 - Aug 24, 2010

Great Tut man i am going to try and do this!!!


* - tatesy - Aug 24, 2010

I tried a different style with the text, wanted it to look like an acid trip or something lol. Anyway. here's mine:

[img]http://i34.photobucket.com/albums/d123/dineenyo/acidtrip.png?t=1282687127[/img]


* - Livewire - Aug 24, 2010

(Aug 24, 2010 02:57 PM)tatesy Wrote:  I tried a different style with the text, wanted it to look like an acid trip or something lol. Anyway. here's mine:

[img]http://i34.photobucket.com/albums/d123/dineenyo/acidtrip.png?t=1282687127[/img]

Text blends too much with the background. Doesn't stand out enough. I like what you're going with, but I like neat/clean looking signatures more.


* - tatesy - Aug 24, 2010

That's what I wanted lol. I did the original style too, I was just playing with different effects.


* - Livewire - Aug 24, 2010

(Aug 24, 2010 03:16 PM)tatesy Wrote:  That's what I wanted lol. I did the original style too, I was just playing with different effects.

Ah, gotcha.
Have fun with that, lol.

✌