Saturday, August 20, 2011

Create A Crazy Text Effect Using Layer Styles

crayz main Create A Crazy Text Effect Using Layer Styles
bomb funk Create A Crazy Text Effect Using Layer StylesIn this tutorial we are going to create a cool text effect from ground up,by using layer styles and a couple of phtoshop filters to achieve a interesting cool looking effect. The text effect tutorials are covered many times by different tutors and photoshop related websites but with layer styles the possibility’s are endless and mastering them is the key to your success to create unique designs.

text01 Create A Crazy Text Effect Using Layer Styles

1 Create A Crazy Text Effect Using Layer StylesSelect the Text Tool.

2 Create A Crazy Text Effect Using Layer StylesChoose the font style, size and color of your text. A nice thick font will work better, Type your text.

3 Create A Crazy Text Effect Using Layer StylesSelect the Text Layer and right click on it.

4 Create A Crazy Text Effect Using Layer StylesFrom the menu select Create Work Path.

5 Create A Crazy Text Effect Using Layer StylesTurn off the Layer Visibility, note the the path is visible, now we can start editing.

6 Create A Crazy Text Effect Using Layer StylesSelect The Path Selection Tool.

7 Create A Crazy Text Effect Using Layer StylesClick on the first letter to select it, hit CTRL+T and right click on it.

text02 Create A Crazy Text Effect Using Layer Styles

8 Create A Crazy Text Effect Using Layer StylesFrom the menu select Distort and start to distort and customizing your text to whatever you like.

9 Create A Crazy Text Effect Using Layer StylesContinue with distorting and transforming your text until you come up with a interesting design.

10 Create A Crazy Text Effect Using Layer StylesClick on the Path’s Tab.

11 Create A Crazy Text Effect Using Layer StylesSelect Path 1.

12 Create A Crazy Text Effect Using Layer StylesClick the Load Path Selection Button.

orange Create A Crazy Text Effect Using Layer StylesDashed lines indicate the area is selected.

text03 Create A Crazy Text Effect Using Layer Styles

13 Create A Crazy Text Effect Using Layer StylesClick the Layers Tab.

14 Create A Crazy Text Effect Using Layer StylesClick on The Create New Layer Button, also select the layer.

15 Create A Crazy Text Effect Using Layer StylesSet the Foreground Color to whatever you like in our case we choose #ff8400.

16 Create A Crazy Text Effect Using Layer StylesWith the selection still active and the layer still selected hit ALT+Backspace to fill the selection with the foreground color.

17 Create A Crazy Text Effect Using Layer StylesDouble click on the Layer Thumbnail to show the Layer Styles.

18 Create A Crazy Text Effect Using Layer StylesSelect Stroke.

19 Create A Crazy Text Effect Using Layer StylesEnter 25px for the size.

20 Create A Crazy Text Effect Using Layer StylesClick and select a color you like for the stroke or enter this #df00ff if you like to follow us.

21 Create A Crazy Text Effect Using Layer StylesClick OK.

text04 Create A Crazy Text Effect Using Layer Styles

22 Create A Crazy Text Effect Using Layer StylesWith Layer one still selected hit CTRL+J to make a copy of the layer.

23 Create A Crazy Text Effect Using Layer StylesDouble click on the New Layer Thumbnail to show the Layer Styles.

24 Create A Crazy Text Effect Using Layer StylesIn the Stroke option chosse a white color.

25 Create A Crazy Text Effect Using Layer StylesSet the size to 12px.

26 Create A Crazy Text Effect Using Layer StylesClick Ok.

text05 Create A Crazy Text Effect Using Layer Styles

27 Create A Crazy Text Effect Using Layer StylesHold Down the CTRL Key and right click on the fx icon.

28 Create A Crazy Text Effect Using Layer StylesClick on the Create Layer, now the style is separated and it has it’s own layer. Repeat this step for the other remaining layer.

29 Create A Crazy Text Effect Using Layer StylesTurn off the Layer Visibility.

30 Create A Crazy Text Effect Using Layer StylesDouble click on the New Layer Thumbnail to show the Layer Styles.

text06 Create A Crazy Text Effect Using Layer Styles

31 Create A Crazy Text Effect Using Layer StylesSelect Bevel and Embos.

32 Create A Crazy Text Effect Using Layer StylesEnter 205% for the depth.

33 Create A Crazy Text Effect Using Layer StylesEnter 33px for the size.

34 Create A Crazy Text Effect Using Layer StylesTurn Off Use Global Light.

35 Create A Crazy Text Effect Using Layer StylesEnter 135 for the angle also make sure the Altitude is set to 74.

36 Create A Crazy Text Effect Using Layer StylesClick on Gradient Overlay.

37 Create A Crazy Text Effect Using Layer StylesSelect Overlay.

38 Create A Crazy Text Effect Using Layer StylesMake sure you have selected a black and white gradient and click OK.

text07 Create A Crazy Text Effect Using Layer Styles

39 Create A Crazy Text Effect Using Layer StylesDouble click on the white stroke layer Thumbnail to show the Layer Styles.

40 Create A Crazy Text Effect Using Layer StylesClick on Drop shadow.

41 Create A Crazy Text Effect Using Layer StylesSet the distance to 3px.

42 Create A Crazy Text Effect Using Layer StylesSet the size to 3px.

43 Create A Crazy Text Effect Using Layer StylesClick on Bevel And Emboss.

text08 Create A Crazy Text Effect Using Layer Styles

44 Create A Crazy Text Effect Using Layer StylesSet the Depth to 93%.

45 Create A Crazy Text Effect Using Layer StylesSet the Size to 4px.

46 Create A Crazy Text Effect Using Layer StylesTurn off Use Global Light.

47 Create A Crazy Text Effect Using Layer StylesEnter 124 in the angle also make sure you enter 69 for the Altitude.

48 Create A Crazy Text Effect Using Layer StylesSelect a gray color for the highlight mode also make sure the blending is set to Multiply. When you are done click OK.

49 Create A Crazy Text Effect Using Layer StylesDouble click on the Crazy Text Layer Thumbnail to show the Layer Styles.

text09 Create A Crazy Text Effect Using Layer Styles

50 Create A Crazy Text Effect Using Layer StylesSelect Drop shadow.

51 Create A Crazy Text Effect Using Layer StylesTurn off Use Global Light.

52 Create A Crazy Text Effect Using Layer StylesEnter 1px for the Distance.

53 Create A Crazy Text Effect Using Layer StylesEnter 0px for the size.

54 Create A Crazy Text Effect Using Layer StylesSelect Inner shadow.

55 Create A Crazy Text Effect Using Layer StylesChoose a bright yellow color or enter this #fff589.

56 Create A Crazy Text Effect Using Layer StylesChoose Overlay as a Blending Mode.

57 Create A Crazy Text Effect Using Layer StylesSet opacity to 40%.

58 Create A Crazy Text Effect Using Layer StylesSet the Angle to -47.

59 Create A Crazy Text Effect Using Layer StylesSet the Distance to 9px.

60 Create A Crazy Text Effect Using Layer StylesSet the Size to 10px.

61 Create A Crazy Text Effect Using Layer StylesSelect Bevel and Emboss.

text10 Create A Crazy Text Effect Using Layer Styles

62 Create A Crazy Text Effect Using Layer StylesEnter 174% for the depth.

63 Create A Crazy Text Effect Using Layer StylesEnter 7px for the size.

64 Create A Crazy Text Effect Using Layer StylesTurn off Use Global Light.

65 Create A Crazy Text Effect Using Layer StylesSet the Angle to 135 and also set the Altitude to 74 and click OK.

At this point we have finished designing our styles and the text effect is complete, next we are going to add some graphic elements to enhance the design.

66 Create A Crazy Text Effect Using Layer StylesClick on the New Layer Icon.

67 Create A Crazy Text Effect Using Layer StylesSelect The Gradient Tool.

68 Create A Crazy Text Effect Using Layer StylesPress the Shift Key and drag down to apply the gradient.

text11 Create A Crazy Text Effect Using Layer Styles

69 Create A Crazy Text Effect Using Layer StylesSelect Filter Pixelate Color Halftone.

70 Create A Crazy Text Effect Using Layer StylesEnter 10px for the Max.Radius

71 Create A Crazy Text Effect Using Layer StylesEnter 0 for all the channels and click OK.

text012 Create A Crazy Text Effect Using Layer Styles

72 Create A Crazy Text Effect Using Layer StylesClick CTRL-I to Inverse the colors.

73 Create A Crazy Text Effect Using Layer StylesClick the Channel Tab.

74 Create A Crazy Text Effect Using Layer StylesHold down CTRL and click on the RGB Channel to load the selection.

75 Create A Crazy Text Effect Using Layer StylesClick on the Layers tab.

76 Create A Crazy Text Effect Using Layer StylesClick Create a New Layer icon.

77 Create A Crazy Text Effect Using Layer StylesTurn off the layer visibility.

78 Create A Crazy Text Effect Using Layer StylesSelect the Layer you just created and click choose a bright yellow color and hold down ALT+BackSpace to fill the layer with the new color.

text13 Create A Crazy Text Effect Using Layer Styles

79 Create A Crazy Text Effect Using Layer StylesWith the new layer still selected hold down CTRL+J to make 2 other copies of that Layer and make sure you turn off the layers visibility. Also hold down the ALT Key and drag between the until you see 2 overlapping circles click to clip the layer.

80 Create A Crazy Text Effect Using Layer StylesSelect the Move Tool and and Turn off Auto select.

81 Create A Crazy Text Effect Using Layer StylesMove the clipped image to the desired location.

orange Create A Crazy Text Effect Using Layer StylesMake sure you select the background layer if you haven’t created one just do it now using the methods you learned above and double click on it to show the layer styles.

82 Create A Crazy Text Effect Using Layer StylesClick Gradient Overlay.

83 Create A Crazy Text Effect Using Layer StylesClick the Gradient to edit the settings.

84 Create A Crazy Text Effect Using Layer StylesDesign a Gradient that you like and click OK to apply the settings .

text14 Create A Crazy Text Effect Using Layer Styles

85 Create A Crazy Text Effect Using Layer StylesActivate the Layer visibility for both Layers and select the top one.

86 Create A Crazy Text Effect Using Layer StylesSelect Edit Free Transform Flip Horizontal.

87 Create A Crazy Text Effect Using Layer StylesSelect The Move Tool and place both layers just like the image above.

88 Create A Crazy Text Effect Using Layer StylesSelect Luminosity for both layers and lower the opacity a bit.

And that’s it thanks for going through a really long tutorial but this means that you guys have what it takes to become a Photoshop Master.

crazy v4 Create A Crazy Text Effect Using Layer Styles

crazy v3 Create A Crazy Text Effect Using Layer Styles


No comments:

Post a Comment