Quantcast

Jump to content

» «
Photo

How to create this ?

13 replies to this topic
DoofenSmirtz
  • DoofenSmirtz

    Made the new Platykill-Inator

  • Members
  • Joined: 28 Jun 2013

#1

Posted 21 July 2013 - 06:36 PM

I need a TUT on how to create this with Photoshop

user posted image

Slave Boy
  • Slave Boy

    Obedient

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

#2

Posted 22 July 2013 - 05:34 AM

1. Get the font, if it is a font. It could be a custom logo, then Youīll need to use creativity and draw/create your text.
2. LayerFX, 1px black stroke, gradient overlay using pink, orange, yellow and lime green. You need to edit the gradient lengths and angle. Inner shadow 90-100 degrees, inner glow from center.
Looks like it has small 1px bevel, and small satin too, which kind a blends with the inner glow.

I donīt have access to PS atm, but I can mimic the effect later and make screencap tutorial with the settings if You need?

GunWrath
  • GunWrath

    Alcoholic Blues

  • BUSTED!
  • Joined: 15 Jun 2012
  • United-States
  • Most Helpful [Expression] 2013

#3

Posted 22 July 2013 - 05:51 AM

Exactly what Graven said.

and here's the font, it's called: Zenzai Itacha

Once you download, you'll see there are multiple .tff's of it, the exact same style as your example image is in the file.

DoofenSmirtz
  • DoofenSmirtz

    Made the new Platykill-Inator

  • Members
  • Joined: 28 Jun 2013

#4

Posted 22 July 2013 - 10:58 AM

What about a TUT with images ??? dozingoff.gif

Harley
  • Harley

    Cyclop 9

  • The Precinct
  • Joined: 18 Jul 2003
  • None

#5

Posted 22 July 2013 - 12:38 PM

Download and install the font GunWrath linked to.

This is really quick and basic btw, but it'll get near enough the same look.

New file
>Whatever size, something big enough for the text.
user posted image

Type tool
>Select 'Zenzai Itache' font and the size you want
>>click on the document to create a text layer and type your text.
user posted image

Double click on text layer for layer style
>Gradient Overlay
>>set angle to 0 degrees (looking at the original now I see it's not actually 0 degrees, so you might want to play around with that)
>>>click on the gradient to change colours - these are the colours I used
user posted image

>Bevel and Emboss, use these settings
user posted image

>Satin, use these settings
user posted image

>Stroke, 1px outside black stroke

Should look something like this
user posted image

I hope that was simple enough for you
user posted image
If you want it dead on, you'll have to mess around with the layer style some more, specifically the bevel and the gradient, and as Graven said there's an inner shadow and a really faint inner glow.


DoofenSmirtz
  • DoofenSmirtz

    Made the new Platykill-Inator

  • Members
  • Joined: 28 Jun 2013

#6

Posted 22 July 2013 - 02:11 PM

Did same as you told
But whats wrong with it ??

user posted image

Can you just save tat gradient in .grd format and give me ???

GunWrath
  • GunWrath

    Alcoholic Blues

  • BUSTED!
  • Joined: 15 Jun 2012
  • United-States
  • Most Helpful [Expression] 2013

#7

Posted 22 July 2013 - 03:25 PM

dozingoff.gif

What text are you trying to make man? Harley's tutorial was pretty self-explanatory.

Slave Boy
  • Slave Boy

    Obedient

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

#8

Posted 22 July 2013 - 07:26 PM Edited by Graven, 22 July 2013 - 07:43 PM.

OK, we have the font, thanks Gunwrath icon14.gif

Type your text in any color.

Step 1: Gradient
Download the original image for a background reference. When applying LayerFX gradient overlay, You simply pick the colors from the image. Simple?
I picked 4 colors from the image to point 0-33-66-100, pink from lower part of G, orange from mid part of h, yellow from upper part of E and green from low part of E.
Angle, -18 degrees seems good. See how close we get only with gradient.

user posted image

Step 2: Stroke
Add 1px black stroke. That shouldnīt be too hard.

user posted image

Step 3: Bevel and Emboss
This is also easy step, all You need to do is to change bevel size to 1 or even 0, other settings seems ok in their PS default.

user posted image

Now to the wavy effect, thatīs the hardest part. I canīt know how the original creator did it, but I will create it by combining 2 layer effects.
Satin & Inner shadow.

Step 4: Satin
I use satin to create the wavy light effect You see in the letters. We want to have some lines in the middle of letters, just a bit curvy and not too sharp.
This need some tweaking, You can overkill it easily. If You just want to copy my settings they are in the image below.

user posted image

Step 5: Inner Shadow
Lastly I add Inner shadow, which can be used to control the satin effect.

user posted image

Thatīs about it. It can of course be tweaked even more, but thatīs your job. If You want to learn to use a tool, You gotta play with it, not just copy/paste things.
Donīt forget to save your new fancy layer style!!

user posted image

Update:
One way to tweak it more is to copy the Inner shadow settings to Inner glow setting fields. The effect will be the same.
This frees Inner shadow, which has distance setting unlike Inner Glow.


DoofenSmirtz
  • DoofenSmirtz

    Made the new Platykill-Inator

  • Members
  • Joined: 28 Jun 2013

#9

Posted 22 July 2013 - 09:47 PM

QUOTE
Download the original image for a background reference. When applying LayerFX gradient overlay, You simply pick the colors from the image. Simple?
I picked 4 colors from the image to point 0-33-66-100, pink from lower part of G, orange from mid part of h, yellow from upper part of E and green from low part of E.
Angle, -18 degrees seems good. See how close we get only with gradient.


i DON'T GET THE GRADIENT PART.

LittleBlueTroll
  • LittleBlueTroll

    ★★★★

  • Leone Family Mafia
  • Joined: 07 May 2008
  • England

#10

Posted 22 July 2013 - 10:45 PM

QUOTE (DoofenSmirtz @ Monday, Jul 22 2013, 21:47)
QUOTE
Download the original image for a background reference. When applying LayerFX gradient overlay, You simply pick the colors from the image. Simple?
I picked 4 colors from the image to point 0-33-66-100, pink from lower part of G, orange from mid part of h, yellow from upper part of E and green from low part of E.
Angle, -18 degrees seems good. See how close we get only with gradient.


i DON'T GET THE GRADIENT PART.

Come on man really? I appreciate that not everyone is a Photoshop king and you have to start somewhere, but you have had written and visual tutorials from several different members. The gradient part isn't even remotely hard, just read what Graven wrote, it makes sense.

Whiskey
  • Whiskey

    Homie

  • The Connection
  • Joined: 29 Aug 2011

#11

Posted 22 July 2013 - 10:48 PM

Click the little box on the gradient and pick the colour. It really can't get explained any more simple than that. If you can't understand the basics of the gradient tool then I suggest you start off trying to create easier things in Photoshop.

Slave Boy
  • Slave Boy

    Obedient

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

#12

Posted 23 July 2013 - 03:43 AM Edited by Graven, 23 July 2013 - 03:57 AM.

QUOTE (DoofenSmirtz @ Monday, Jul 22 2013, 23:47)
QUOTE
Download the original image for a background reference. When applying LayerFX gradient overlay, You simply pick the colors from the image. Simple?
I picked 4 colors from the image to point 0-33-66-100, pink from lower part of G, orange from mid part of h, yellow from upper part of E and green from low part of E.
Angle, -18 degrees seems good. See how close we get only with gradient.


i DON'T GET THE GRADIENT PART.

Do You know what LayerFX is?

1. LayerFX -> Gradient Overlay.
2. Edit Gradient.
3. Selecting and adding color stops. Click under the bar to add a stop, click small rectangle to select a color stop.
4. Pick a color using a color picker. You can pick color anywhere from screen.

I canīt make this easier than this.
If You just hopped in the PS wagon, read some basic tutorials first and learn the interface.
Or make a request if You only need something but donīt bother or have time to learn.

user posted image

DoofenSmirtz
  • DoofenSmirtz

    Made the new Platykill-Inator

  • Members
  • Joined: 28 Jun 2013

#13

Posted 23 July 2013 - 09:31 AM

user posted image
I can't do more tounge.gif
tHAANKS FOR THE tut.

GunWrath
  • GunWrath

    Alcoholic Blues

  • BUSTED!
  • Joined: 15 Jun 2012
  • United-States
  • Most Helpful [Expression] 2013

#14

Posted 23 July 2013 - 10:02 AM

There ya go, you nailed it. Though your bevel is a bit much. I'd suggest lowering to bevel down a size or lowering the white down.




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users