Quantcast

Jump to content

» «
Photo

[TUT] GTA V styled Logo

8 replies to this topic
Slave Boy
  • Slave Boy

    Obedient

  • The Connection
  • Joined: 03 May 2008
  • Finland
  • Most Talented GFX Artist 2013

#1

Posted 22 July 2012 - 04:58 PM Edited by Graven, 22 July 2012 - 06:05 PM.

GTA V styled Logo.

Level: Easy.

Tools: Photoshop with a Layer FX feature.
DragonFly sinedots II .8bf (Free Photoshop plugin)

Notes: I did not use correct font, You can use Times or some other sharp-edged serif font for more authentic result. The proportions are not also exactly correct.
The net effect inside character is not as dark as in RS* logo. Use whatever (like levels) You like to use to make it darker in step 4, after merging the layers. Marked (*).
Thereīs bit of white in the ribbon I linked. You can clean it yourself.
This guide does does not include how to add custom text to the ribbon. Because itīs like "create oval and type". But if someone wishes, I will add it.

Step 1.

Create 500x500 96dpi transparent image. Type white V using ITC Bookman Oldstyle Bold (or similar, I just like this font) 400 points size.
Layer FX: Black stroke: outside 8px. Gradient overlay: linear, -65°, scale 74%. Colors from #bec2ba to #587b1c.

user posted image

Step 2.

Duplicate layer, place it to bottom and change the stroke to white 24px.
Convert layer to smart object, use Layer FX to give it the second 10px black outside stroke.
Create tranparent layer to bottom and merge smart object layer down.

user posted image

As You can see, the corners are getting round. If You want sharper corners, for step 2 You can alternately use original character without stroke and simply enlargen it.
Or You can use BOld character for lower layer and regular for upper. Itīs really a matter of taste.

SAVE YOUR WORK.

Step 3.

CODE
http://www.philipp-spoeth.de/aftereffects/sinedots2.php


Net effect. I use a free plugin called DragonFly sinedots II.
Small word of warning. This plugin is old and crashed Photoshop for me. Thatīs why You should save your work before playing with this. You may also experiance lagging.
Donīt mind the progress bar playing.

Create new layer, fill it with paint bucket using Dark green #375c00
Start Filter -> DragonFly -> SineDotsII. Blend: Alpha replace, Color: #375c00. Angles & offsets are up to You.
You may use other blending to see the effect better while playing out, but before applying change back to Alpha replace.
You wonīt see the character in the preview window this way, but You can test it first the to a duplicated "V" layer, using "max weight" blending.
I am using Alpha replace on green layer, because that way the net will be created on separate layer. Means transform control and easier to get rid off the overlapping parts.

In this fig. applied to the V.

user posted image

Step 4.

Create 4 or so duplicate layers to get the net thicker. Merge them all. If You start this tutorial in smaller size overall I think itīs gonna be bigger.
Merge all the net layers and use transform/free transform to transfer, rotate and place it over V like You want it.(*)
Activate V layer, select the whole character using magic wand. Go back to net layer, invert selection and hit delete.

Congrats, if You did everything like supposed You got a V.

user posted image

Then You can merge all layers into one. Create transparent layer below smart objects before merging them down.

Step 5. (Ribbon)

Get a high res of the V logo and cut the ribbon out of it. Over-paint the FIVE with white. By this time there should be a clean cut-out somewhere.
Or You can use this:

user posted image

PS: Save image to your documents, and open file from PS. No copy/paste of transparent image links....?
Gimp: Copy image, paste as new layer.

Resize your V if necessary, align ribbon with it.
Duplicate ribbon, move duplicate to bottom. Give it a black outer stroke of 4-6px.
Use selection tool to delete parts from the upper ribbon that go over the character, if You like.

user posted image user posted image

Step 6.

Merge V with lower ribbon layer. Click transparent area with magic wand and invert selection. Use additive polygonal selection for holes and rectangular addition for the upper edge.
Create new layer under V layer, use black brush to fill the holes. Merge layers and use Layer FX: Outer stroke around 6px, color #747678.

user posted image

  • Franceska and Cristiano Ronaldo 7 like this

nic_23
  • nic_23

    Big Homie

  • Members
  • Joined: 28 Oct 2009
  • None
  • Best New Gang 2012 - High Rollers

#2

Posted 22 July 2012 - 05:14 PM

great tutorial mate smile.gif

what about the black fill after, and then the grey stoke around that

user posted image

blitz
  • blitz

    yeah no

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

#3

Posted 22 July 2012 - 05:51 PM

The original logo's first black stroke is slanted to the left, perhaps adding a drop shadow and choking it at 100 will give it a better effect.

Also for the text, use the font Dollar and apply the following layer styles.

Simple text in black.
user posted image

Hard white inner shadow. (make it thinner, mine's a bit thick. blush.gif )
user posted image

Thin black inner stroke.
user posted image
  • Christophe69 and Akash babu like this

Nebby
  • Nebby

  • BUSTED!
  • Joined: 01 Aug 2011
  • None

#4

Posted 22 July 2012 - 10:42 PM

Great tutorial, Graven! I've been wondering how to do it since the game was announced!

Thanks. wink.gif

I'll post my results when I'm done.

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

#5

Posted 23 July 2012 - 07:46 AM

Added to the tutorial archive.

SammyXNA
  • SammyXNA

    Feel free to wear my sig.

  • Members
  • Joined: 31 Jul 2012

#6

Posted 31 July 2012 - 07:21 PM

As a way of saying thank you for this tutorial, I have registered on this form just to say it. By following this tut I had made my signature.

Camil1999
  • Camil1999

    Урсусей

  • Members
  • Joined: 11 Sep 2013
  • Poland

#7

Posted 14 October 2013 - 08:56 AM Edited by Camil1999, 16 October 2013 - 02:12 PM.

Excellent tutorial!

I made a logo for my blog in Gimp 2.6:

blogVlogoEmbed.png


fuck sivispacem
  • fuck sivispacem

    I love Sivispacem

  • BUSTED!
  • Joined: 06 Jun 2013
  • United-Kingdom

#8

Posted 04 June 2014 - 08:12 PM Edited by GroveVendetta, 08 June 2014 - 02:52 AM.

 

 

 


would this effect work just as well if you were trying to make words instead of letters?


Akash babu
  • Akash babu

    Player Hater

  • New Members
  • Joined: 18 Nov 2014
  • Pakistan

#9

Posted 18 November 2014 - 02:33 PM

yeah its very good :panic: 

 super :karmaeater:





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users