Quantcast

Jump to content

» «
Photo

[Tut] Vice City Stories Inspired Backgrounds

10 replies to this topic
ska
  • ska

    Hemiplegia

  • Andolini Mafia Family
  • Joined: 05 Mar 2011
  • United-States

#1

Posted 17 May 2011 - 06:15 PM

user posted image
About
This is basically a tutorial on some backgrounds I created for the Vice City Stories PC Edition mod, which are themselves inspired from the Vice City Stories website. It's a relatively simple tutorial, but the results are especially cool looking considering the number of possibilities. Anyway, enjoy.


Tools needed
Adobe Photoshop (w/ general knowledge of Layer Styles, etc.)


Step 1
Create a new document with any resolution/size. I'm using 640x360 for this example.

user posted image


Step 2
Fill the background with a color that is slightly pale or off. Any color could work, but I'm using #509ee6 which is right in the range of color you'll need.

user posted image



Step 3
Double-click
the layer titled Background in the Layers panel, press Okay on the dialog that appears, and double-click the layer again to open up the Layer Style dialog.


Step 4
Once in Layer Style, check off Gradient Overlay and then click it, choose Soft Light from the Blend Mode menu, turn the Opacity to 70%, drag the Angle to 135, and drag the Scale to 150%. Click OK and exit the dialog.

user posted image


Step 5
Now with the Pen Tool, make several small abstract square shapes (keep them in slight relation to each other). Make sure at the same time that shape color is set to white, or #FFFFFF. Select all (or Ctrl+click) of the shape layers in the Layers menu, right-click, and then choose Merge Layers. The shapes should now be one unified layer.

user posted image


Step 6
Now double-click on the on the merged shapes layer you've created, and the Layer Style dialog should pop up. In the main menu, drag the Fill Opacity slider down to 0%. Check off/click Gradient Overlay, choose Add from the Blend Mode drop-down list, slide the Opacity to 30% (or whatever looks best to you), choose Radial from the Style drop-down, set the Angle to 30%, and slide the Scale to 150%. This section really relies on what looks best to you, I'm only going by my own personal preference.

user posted image


And we're done!
That's pretty much it! You can add text, noise, etc. or whatever you please to this. The end result can be whatever you desire. Here's the final product, as simple as it is:

user posted image

Rokas.
  • Rokas.

    play it f*cking loud

  • Members
  • Joined: 11 May 2011

#2

Posted 17 May 2011 - 06:17 PM

Great work! Simple as I like, but also great looking! icon14.gif

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None
  • Most Talented [Expression] 2012
    Most Helpful [Expression] 2012
    Most Helpful 2011
    Most Talented [Expression] 2011
    Most Helpful [Expression] 2011
    Best Member in a Group 2011
    Most Helpful [GTA Series] 2011
    Most Respected 2010
    Most Helpful 2010
    Most Talented [Visual Arts] 2010
    Most Helpful [Visual Arts] 2010
    Most Helpful [GTA Series] 2010

#3

Posted 17 May 2011 - 06:23 PM

Simple but awesome, nice job. icon14.gif

Benjamin
  • Benjamin

    I suck

  • Zaibatsu
  • Joined: 12 Feb 2011
  • None

#4

Posted 17 May 2011 - 08:12 PM

Really nice, I've actually always wondered how to do it smile.gif

blitz
  • blitz

    pizzaqueen <3

  • Andolini Mafia Family
  • Joined: 13 Mar 2011
  • None
  • Newcomer of the Year 2011

#5

Posted 17 May 2011 - 09:04 PM

Great job icon14.gif
Now I know wink.gif

Drift-Kingz
  • Drift-Kingz

  • BUSTED!
  • Joined: 05 Jun 2010

#6

Posted 17 May 2011 - 10:05 PM

Really nice tutorial -ska. icon14.gif Did one myself for the hell of it.

user posted image

Rojo.
  • Rojo.

  • Members
  • Joined: 17 May 2011

#7

Posted 17 May 2011 - 10:49 PM

Nice tutorial man, very simple and easy to follow.
Great job. icon14.gif

blitz
  • blitz

    pizzaqueen <3

  • Andolini Mafia Family
  • Joined: 13 Mar 2011
  • None
  • Newcomer of the Year 2011

#8

Posted 17 May 2011 - 10:58 PM

QUOTE (Rojo. @ May 17 2011, 17:49)
Nice tutorial man, very simple and easy to follow.
Great job. icon14.gif

Rojo89? tounge.gif

Rojo.
  • Rojo.

  • Members
  • Joined: 17 May 2011

#9

Posted 17 May 2011 - 11:06 PM

QUOTE (blitz. @ May 17 2011, 22:58)
QUOTE (Rojo. @ May 17 2011, 17:49)
Nice tutorial man, very simple and easy to follow.
Great job. icon14.gif

Rojo89? tounge.gif

Oh sh*t, they're on to me. ph34r.gif

Drift-Kingz
  • Drift-Kingz

  • BUSTED!
  • Joined: 05 Jun 2010

#10

Posted 17 May 2011 - 11:28 PM

Glad you came back Rojo. icon14.gif

ska
  • ska

    Hemiplegia

  • Andolini Mafia Family
  • Joined: 05 Mar 2011
  • United-States

#11

Posted 17 May 2011 - 11:54 PM

Thanks for the comments and feedback, guys! Thought it was something that would definitely be cool as a tutorial, and I'm glad to see it's getting a good response. smile.gif




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users