City By Night Vector Tutorial

free web hosting
Free Web Hosting, No Ads > 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.

 

 

 


Reply

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?

Reply

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

Reply

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

Reply

Tramposch
uhm can you... rehost the brushes please

Reply

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!

Reply

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

Reply



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*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:


Searching Video's for city, night, vector
advertisement



City By Night Vector Tutorial



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE