{"id":2574,"date":"2014-02-18T02:27:46","date_gmt":"2014-02-18T06:27:46","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2574"},"modified":"2014-02-18T02:29:41","modified_gmt":"2014-02-18T06:29:41","slug":"stylish-text-effect","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/stylish-text-effect\/","title":{"rendered":"Stylish Text Effect"},"content":{"rendered":"

Step 1 : Open a new Photoshop document<\/strong>
\n In the first step,\u00a0 open a new document with preferred size.
\n We can use the keyboard shortcut ctrl+N to open a new document.<\/p>\n

\"p1\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2575\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/strong><\/p>\n

Step 2 : Fill the document with Balck<\/strong>
\n Set the foreground color as Black. Use the keyboard shortcut Alt+Backspace to fill the document with foreground color.<\/p>\n

\"p2\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2576\"\r\n <\/div><\/a><\/p>\n

Step 3 : Add your text to the Document<\/strong>
\n Grab the type tool from the tools palette otherwise press T to work with keyboard shortcut.

\"p3\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2577\"\r\n <\/div><\/a>\n<\/p>\n

Go to the option bar set font color, font size and font style.
\n Press letter X to swap foreground and background color so that we get white as a foreground color.<\/p>\n

\"p4\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2578\"\r\n <\/div><\/a>
\n Type the text plastic and resizing the text size\u00a0 by pressing ctrl+T.\n<\/p>\n

\"p5\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2579\"\r\n <\/div><\/a><\/p>\n

Step 4 : Choose a color for your text using the color overlay layer style<\/strong>
\n To create plastic effect first we have to choose color overlay from layer styles which is in bottom of layer palette. <\/p>\n

\"p6\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2580\"\r\n <\/div><\/a> <\/p>\n

\u00a0\u00a0

\"p7\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2581\"\r\n <\/div><\/a>\u00a0\u00a0 <\/p>\n

It brings up a color overlay dialog box. Click on color swatch and pick a lighter shade of the color.
\n

\"p8\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2582\"\r\n <\/div><\/a>
\n
\"p9\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2583\"\r\n <\/div><\/a> <\/p>\n

Now the text color will appear like this<\/p>\n

\"p10\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2584\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

Step 5: Add An Inner Shadow To The Text Using The “Inner Glow” Layer Style<\/strong>
\n Now we are going to give a three dimensional look for our text by choosing Inner glow style.\n<\/p>\n

\"p11\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2585\"\r\n <\/div><\/a><\/p>\n

Change the blend mode to multiply and change an opacity also to 50%.
\n Click on color swatch and pick a matching color, source will be an edge and the shadow size will be 13 pixels.<\/p>\n

\"p12\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2586\"\r\n <\/div><\/a><\/p>\n

Now the text will look something like this<\/p>\n

\"p13\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2587\"\r\n <\/div><\/a> <\/p>\n

Step 6: Apply The “Bevel and Emboss” Layer Style<\/strong>
\n We have to add Bevel and Emboss effect to our text. For doing this we want to load new contours and append that.<\/p>\n

\"p14\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2588\"\r\n <\/div><\/a><\/p>\n

To load new contours click on the down pointing arrow to the right side of the contour preview thumbnail.\n<\/p>\n

\"p15\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2589\"\r\n <\/div><\/a> <\/p>\n

\"p16\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2590\"\r\n <\/div><\/a><\/p>\n

\n

\"p17\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2591\"\r\n <\/div><\/a>
\"p18\" <\/a><\/p>\n

\n Select Large list from the options so that we can see both thumbnail preview and name of the contour . <\/p>\n

\"p19\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2592\"\r\n <\/div><\/a> <\/p>\n

Select the Ring-Triple and change the rest of Bevel and Emboss options.<\/p>\n

\"p20\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2593\"\r\n <\/div><\/a><\/p>\n

\"p21\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2594\"\r\n <\/div><\/a><\/p>\n

Now the text looks like this<\/p>\n

\"p22\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2595\"\r\n <\/div><\/a><\/p>\n

Step 7: Apply The “Contour” Layer Style<\/strong>
\n Add the contour layer style from the layer style palette.<\/p>\n

\"p23\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2596\"\r\n <\/div><\/a><\/p>\n

\"p24\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2597\"\r\n <\/div><\/a><\/p>\n

Change the contour style and range to create plastic effect on our text<\/p>\n

\"p25\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2598\"\r\n <\/div><\/a><\/p>\n

\"p26\" <\/a><\/p>\n

\n After adding contour style the text will appear like this<\/p>\n

\"p27\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2599\"\r\n <\/div><\/a> <\/p>\n

Step 8: Duplicate The Text Layer<\/strong>
\n Duplicate the text layer so now there are two text layers in the layers palette.<\/p>\n

\"p28\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2600\"\r\n <\/div><\/a><\/p>\n

Click on the original text layer, once again doing some changes in the original text.\n<\/p>\n

\"p29\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2601\"\r\n <\/div><\/a><\/p>\n

Step 9: Add a Stroke To The Text<\/strong>
\n Click on layer style to create stroke effect on the text.<\/p>\n

\"p30\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2602\"\r\n <\/div><\/a> <\/p>\n

Change the Range and color \n<\/p>\n

\"p31\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2603\"\r\n <\/div><\/a><\/p>\n

Move the mouse over the text we will see our mouse cursor will change into eyedropper icon.
\n Then click near the edge of one letter to sample shade of the color.
\n Then choose color midway between lighter and darkest colors in the text.<\/p>\n

\"p32\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2604\"\r\n <\/div><\/a> <\/p>\n

\"p33\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2605\"\r\n <\/div><\/a> <\/p>\n

 <\/p>\n

Step 10: Apply The “Bevel and Emboss” Style To The Stroke<\/strong>
\n Once again wsitch to Bevel and Emboss style to stroke itself.<\/p>\n

\"p34\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2606\"\r\n <\/div><\/a> <\/p>\n

Click on the down pointing arrow to change to stroke emboss.<\/p>\n

\"p35\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2607\"\r\n <\/div><\/a><\/p>\n

\n Then change contour style and range<\/p>\n

\"p36\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2608\"\r\n <\/div><\/a> <\/p>\n

\"p37\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2609\"\r\n <\/div><\/a><\/p>\n

Finally we get the text with plastic effect<\/p>\n

\"p38\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2610\"\r\n <\/div><\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"

Step 1 : Open a new Photoshop document In the first step,\u00a0 open a new document with preferred size. We can use the keyboard shortcut ctrl+N to open a new document.     Step 2 : Fill the document with Balck Set the foreground color as Black. Use the keyboard shortcut Alt+Backspace to fill the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90,4,1],"tags":[],"class_list":["post-2574","post","type-post","status-publish","format-standard","hentry","category-html","category-photoshop","category-whats-trending-web-design"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=2574"}],"version-history":[{"count":12,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2574\/revisions"}],"predecessor-version":[{"id":2625,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2574\/revisions\/2625"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}