{"id":116,"date":"2010-07-26T03:44:42","date_gmt":"2010-07-26T07:44:42","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=116"},"modified":"2010-07-26T07:20:51","modified_gmt":"2010-07-26T11:20:51","slug":"very-cool-folded-text-effect","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/very-cool-folded-text-effect\/","title":{"rendered":"Very Cool Folded TeXt Effect"},"content":{"rendered":"

So the first thing we are going to do is to open a new file in Photoshop, this one is 1200 x 400 pixels, write down contempotech using big fonts, you can use any font of your choice.

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

Now that we have the type we are going to start working on folding the letters one by one, so starting with the C we are going to select a box around the letter \u201cC\u201d using the Rectangular Marquee Tool (M)<\/strong>, once we have it selected, hold Ctrl + C<\/strong> to copy the letter and then press Ctrl + V<\/strong> to paste it, name the layer you pasted \u201cC\u201d<\/strong>(change the color that you want on the contempotech text before you copy and paste it .<\/p>\n

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

We already have the letter \u201cC\u201d on a new layer now we are going to select the part that we want to fold it, I like to use the Polygonal Lasso Tool (L)<\/strong> and select part of the letter that I want to fold it.<\/p>\n

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

Now that we have a selection we are going to copy the selection by hitting Ctrl + C<\/strong> and then delete the selection on the layer \u201cC\u201d<\/strong>, paste it by hitting Ctrl + V<\/strong>, when you paste it note that it will be on a new layer so name that \u201cC-fold\u201d<\/strong> as you can see here.<\/p>\n

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

First lets change the color of it, go to Image > Adjustment > Hue Saturation (Ctrl+U)<\/strong> bring the Saturation to -100 and Lightness to +60<\/strong> to give a gray color so it looks like the back of the letter is folding and go to Edit > Transform > Flip Vertical<\/strong> (note that because we are folding from up to down, if it was side do side we would have to flip it horizontal) and then we have to Edit > Transform > Rotate<\/strong> and make sure we rotate the folded area exactly on the angle we want, make sure you place it right where it\u2019s folding as you can see on the image.<\/p>\n

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

Go back on the \u201cC-fold\u201d<\/strong> layer and go to Layer > Layer Style > Drop Shadow<\/strong> and reduce the Opacity from 75% to 25%<\/strong> and try to adjust the angle to be the same as the folding area<\/strong>, I set mine to 135<\/strong>, also reduce the Distance to 2px<\/strong>, and the rest can remain the same.<\/p>\n

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

Our last step on the letter A will be to go back on the \u201cC\u201d<\/strong> layer, hold Ctrl and click on it<\/strong> to select the A we have, create a new layer (name it C-shade<\/strong>) and with the Gradient Tool \u2013 Linear Gradient<\/strong> with the color black apply it from the bottom up, change the layer mode to Overlay<\/strong>.<\/p>\n

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

Our first letter is done, now we are going to repeat pretty much the same steps on each letter to get to the end with a good result. To get more organized put all the \u201cC\u201d layers into a folder called \u201cO\u201d and start working the same process on the letter O and so on<\/strong>.<\/p>\n

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

At the end delete the text layer \u201cCONTEMPOTECH\u201d and you done!<\/strong><\/p>\n

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

So the first thing we are going to do is to open a new file in Photoshop, this one is 1200 x 400 pixels, write down contempotech using big fonts, you can use any font of your choice. Now that we have the type we are going to start working on folding the letters one […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-116","post","type-post","status-publish","format-standard","hentry","category-photoshop"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/116","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=116"}],"version-history":[{"count":6,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/116\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}