Nov 22, 2009

City By Night Vector Tutorial

free web hosting
Open Discussion > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials

City By Night Vector Tutorial

Saint_Michael
City at Night Tutorial

This tutorial is based on the wallpaper I design, you will need the following brushes to accomplish this tutorial or other designs like it. As note that a lot of layers will be moved around during the course of this tutorial and I will let you know as such.

Download brushes here

Small note on the brushes I did not create them I am justing packaging them so people don't have to spend hours looking for them.

Step 1: Open up a new document and since we are going for a desktop wallpaper the size will be 1024x768. Now select the gradient tool with the follow colors:

#05285a
#000000



Then fill in your first layer with the blue at the bottom and black at the top like so.

Step 2: Create a new layer and then grab your city vector brush set (make sure you color is set to black) and then adjust the size so you have more night sky and a small city background.



Step 3: Create another new layer and drag that new layer under need the black city layer. Now using the same city brush set set the color to white and then make the brush set a few pixels bigger then above layer. Now when you brush your white city landscape make sure to off set it to give a little depth.



Step 4: Now for a bit more depth change the color to black and then create a new layer and then grab your tree vector set and add some trees in different sizes. Then drag that layer between the white and black city landscape layers.



Step 5: The number of layers is up to the users, but I chose four layers for this next step; now using star, moon, galaxy vector brush sets create your night sky and for some extra added depth and lighting trying different layer settings and filters. For extra effect I added in some people vectors through the out city background as well.



Step 6: Although this option I though I needed to fill it in a bit, so choosing some colors that could standout a bit but able to blend well (for the most part). So if you want complete this step, create three layers, which each layers is for 1 color, With this you be able to can do some offsetting for more added depth. Now grab whatever vector brushes you want and design away.



Step 7: Now to add text, for this you want something simple yet elegant. So add in your text and for a special effect copy the text 2 more times and with each text choose a color that you use for your vector brushing in step 6. Now add a border and your are done with a cool vector wallpaper.



Bonus step: To really out the city lights create a new layer, apply image, then Gaussian blur and set it to lighten.



And that it, this is a basic tutorial and how to set up some greate vector designs from wallpapers, desktops and even website layouts.

 

 

 


Comment/Reply (w/o sign-up)

Ridwan sameer
WOW excellent tut SM. I liike the end result but eh.... Wallpapers are ma thing buti think i should do it if i want to be accepted in the GFX crew right?

Comment/Reply (w/o sign-up)

Smack
Sweet wallpaper man, looks good. <ctrl-click -> save image to desktop> Mind if it graces my desktop for a few weeks? biggrin.gif

Comment/Reply (w/o sign-up)

Tramposch
Wow that is completely amazing, i have never tried to do a vector, i guess this isnt for noobs? so i guess i got to learn how to like do vectors first, right?

it looks so complicated, and the ending is so good! so ye, do you think a starter could do it? but not easy? because it looks like soemthing that could really raise some skillz for my designs.. thanks for the amazing tut!!

~Tramposch

Comment/Reply (w/o sign-up)

Tramposch
uhm can you... rehost the brushes please

Comment/Reply (w/o sign-up)

Damen
Lovely thing you have made here SM.

One thing I don't like in it is that you used that same galaxy brush twice. That is just about the only thing though.

Good work!

Comment/Reply (w/o sign-up)

Saint_Michael
The Download link for the city vectors has been updated please enjoy.

Comment/Reply (w/o sign-up)

akira550
mirror for the brushes please? thanks

Comment/Reply (w/o sign-up)

TheDarkHacker
I like more the 5th step then the last result.This is basic tutorial but your brushes are very very nice.You can get very nice effects from this.The link is working i can see.I can see you are very very good designer from the brushes and sign.You should get prize "Trap's top designer" not only all that prizes you have biggrin.gif Why you don't try to make special brushes for Trap17,we will give you some surprise for you smile.gif

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)


Searching Video's for city, night, vector
See Also,
advertisement


City By Night Vector Tutorial

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com