{"id":19,"date":"2008-04-23T05:52:00","date_gmt":"2008-04-23T09:52:00","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=19"},"modified":"2008-04-23T05:52:00","modified_gmt":"2008-04-23T09:52:00","slug":"paper-folding-effect","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/paper-folding-effect\/","title":{"rendered":"paper folding effect"},"content":{"rendered":"<p>follow the steps to create paper folding effect.<\/p>\n<p>1.create a layer like this.<br \/><a name=\"imageclose-20\"><div class=\"lb-album\"><a href=\"#image-20\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/1-707648.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-20\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-20\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/1-707651.gif\" alt=\"image-20\">\r\n                   <\/div><\/a><br \/>2.rasterize the layer.<\/p>\n<p><a name=\"imageclose-21\"><div class=\"lb-album\"><a href=\"#image-21\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/2-789638.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-21\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-21\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/2-789647.gif\" alt=\"image-21\">\r\n                   <\/div><\/a><\/p>\n<p>3.cut in any edge where you want make the folding effect.<br \/><a name=\"imageclose-22\"><div class=\"lb-album\"><a href=\"#image-22\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/3-778919.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-22\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-22\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/3-778924.gif\" alt=\"image-22\">\r\n                   <\/div><\/a><br \/>4.flip it vertically and horizontally to fit to that edge.<\/p>\n<p><a name=\"imageclose-23\"><div class=\"lb-album\"><a href=\"#image-23\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/4-765340.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-23\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-23\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/4-765366.gif\" alt=\"image-23\">\r\n                   <\/div><\/a><\/p>\n<p>5.then increase or decrease the brightness to make the difference from the other layer.<\/p>\n<p><a name=\"imageclose-24\"><div class=\"lb-album\"><a href=\"#image-24\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/5-752123.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-24\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-24\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/5-752125.gif\" alt=\"image-24\">\r\n                   <\/div><\/a><br \/>6.then select the area like this for both layers and select feather range about 10 and then decrease the brightness.<\/p>\n<p><a name=\"imageclose-25\"><div class=\"lb-album\"><a href=\"#image-25\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/6-722445.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-25\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-25\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/6-722448.gif\" alt=\"image-25\">\r\n                   <\/div><\/a><\/p>\n<p>7.finally you will get the effect like this.<br \/><a name=\"imageclose-26\"><div class=\"lb-album\"><a href=\"#image-26\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/7-703399.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-26\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-26\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/7-703405.gif\" alt=\"image-26\">\r\n                   <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>follow the steps to create paper folding effect. 1.create a layer like this. 2.rasterize the layer. 3.cut in any edge where you want make the folding effect. 4.flip it vertically and horizontally to fit to that edge. 5.then increase or decrease the brightness to make the difference from the other layer. 6.then select the area [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-19","post","type-post","status-publish","format-standard","hentry","category-whats-trending-web-design"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/19","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=19"}],"version-history":[{"count":0,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/19\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=19"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=19"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}