Untitled Document<\/title><br \/>\n<\/head><br \/>\n<body> <a name=\"imageclose-3065\"><div class=\"lb-album\"><a href=\"#image-3065\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p0-300x242.png\" alt=\"p0\" class=\"aligncenter size-medium wp-image-3046\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3065\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3065\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p0.png\" alt=\"image-3065\">\r\n <\/div><\/a><br \/>\n <strong>Step: 1<\/strong><br \/>\n <strong>New image opened on Photoshop, next adding a solid color fill layer using background for the effect. Click new fill icon button choose solid color adjustment layers. Choose picker is by entering 255 for the RGB value. <\/strong><\/p>\n<p><a name=\"imageclose-3066\"><div class=\"lb-album\"><a href=\"#image-3066\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p7-300x213.png\" alt=\"p7\" class=\"aligncenter size-medium wp-image-3053\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3066\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3066\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p7.png\" alt=\"image-3066\">\r\n <\/div><\/a><br \/>\n <strong>Click ok button <\/strong><strong>your document will appear filled with white.<\/strong><\/p>\n<p><a name=\"imageclose-3067\"><div class=\"lb-album\"><a href=\"#image-3067\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2015\/01\/p5.png\" alt=\"p5\" class=\"aligncenter size-full wp-image-3070\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3067\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3067\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2015\/01\/p5.png\" alt=\"image-3067\">\r\n <\/div><\/a><br \/>\n <strong>Close color fill layer.<\/strong><br \/>\n <strong>Step: 2<\/strong><br \/>\n <strong>Select the rectangle tool, Next Draw first horizontal panel top to bottom, so start over the top.<\/strong><br \/>\n <strong>Double-click on the layer name \u201cRectangle 1\u201dRename it \u201cpanel\u201d Press enter to accept the name change. \u00a0Rotate the panel with free transform path (ctrl+t).<\/strong><br \/>\n <strong>Now that added your first horizontal panel, opened color fill layer. <\/strong><br \/>\n <strong>Next choose blending options from the menu.<\/strong><br \/><a name=\"imageclose-3068\"><div class=\"lb-album\"><a href=\"#image-3068\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p9-176x300.png\" alt=\"p9\" class=\"aligncenter size-medium wp-image-3055\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3068\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3068\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p9.png\" alt=\"image-3068\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><br \/>\n <strong>Open the layer style dialog box set to the blending option in advanced blending, change the knockout option selection from shallow, and then lower the fill opacity down 0%.<\/strong><br \/><a name=\"imageclose-3069\"><div class=\"lb-album\"><a href=\"#image-3069\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p3-300x236.png\" alt=\"p3\" class=\"aligncenter size-medium wp-image-3049\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3069\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3069\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p3.png\" alt=\"image-3069\">\r\n <\/div><\/a><br \/>\n<br \/>\n<a name=\"imageclose-3070\"><div class=\"lb-album\"><a href=\"#image-3070\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p8-300x72.png\" alt=\"p8\" class=\"aligncenter size-medium wp-image-3063\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3070\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3070\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p8.png\" alt=\"image-3070\">\r\n <\/div><\/a><\/p>\n<p> <strong>Step: 3<\/strong><br \/>\n <strong>Add a drop shadow to panel, lower the opacity shadow 60%, then set angle to 130% select use global light. Finally increase the distance and size around 30px.<\/strong><br \/>\n<a name=\"imageclose-3071\"><div class=\"lb-album\"><a href=\"#image-3071\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p6-300x184.png\" alt=\"p6\" class=\"aligncenter size-medium wp-image-3052\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3071\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3071\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p6.png\" alt=\"image-3071\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong>\u00a0<\/strong><br \/>\n <strong>Add a stroke; choose new color <\/strong><strong>by entering 255 for the RGB value. Then change structure size 12px and select position \u201cinside\u201d.<\/strong><br \/><a name=\"imageclose-3072\"><div class=\"lb-album\"><a href=\"#image-3072\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p4-300x213.png\" alt=\"p4\" class=\"aligncenter size-medium wp-image-3050\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3072\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3072\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p4.png\" alt=\"image-3072\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><br \/>\n <strong>Drop shadow and stroke applied in panel.<\/strong><br \/><a name=\"imageclose-3073\"><div class=\"lb-album\"><a href=\"#image-3073\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p10-300x70.png\" alt=\"p10\" class=\"aligncenter size-medium wp-image-3062\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3073\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3073\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p10.png\" alt=\"image-3073\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><br \/>\n <strong>Step: 4<\/strong><br \/>\n <strong>Now ready to add our next all panels. Make select duplicate panel, or simple pressing Ctrl+j on your keyboard. <\/strong><br \/>\n<strong>\u201cAll horizontal panel style follows in first panel style \u201c<\/strong><strong> <\/strong><\/p>\n<p><a name=\"imageclose-3074\"><div class=\"lb-album\"><a href=\"#image-3074\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p1-300x252.png\" alt=\"p1\" class=\"aligncenter size-medium wp-image-3047\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3074\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3074\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p1.png\" alt=\"image-3074\">\r\n <\/div><\/a><\/p>\n<p><strong> <\/strong><strong> <\/strong><\/p>\n<p><strong>Step: 5<\/strong><br \/>\n <strong>\u00a0\u00a0 <\/strong><strong>Finally Select the <strong>Crop Tool<\/strong> from the Tools panel make sure you select <strong>Delete Cropped Pixels<\/strong> in the Options Bar. Select option original image inside the cropped, press enter button to crop the image. The photo inside the panels will reappear, giving us our finally \u201cHorizontal photo panels\u201d effect.<\/strong><br \/><a name=\"imageclose-3075\"><div class=\"lb-album\"><a href=\"#image-3075\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p2-300x244.png\" alt=\"p2\" class=\"aligncenter size-medium wp-image-3048\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3075\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3075\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p2.png\" alt=\"image-3075\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><\/p>\n<p><strong> <\/strong><\/p>\n<p><strong> <\/strong><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Untitled Document Step: 1 New image opened on Photoshop, next adding a solid color fill layer using background for the effect. Click new fill icon button choose solid color adjustment layers. Choose picker is by entering 255 for the RGB value. Click ok button your document will appear filled with white. Close color fill layer. […]<\/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-3064","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\/3064","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=3064"}],"version-history":[{"count":14,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3064\/revisions"}],"predecessor-version":[{"id":3079,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3064\/revisions\/3079"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=3064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=3064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=3064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3064,"date":"2015-01-02T02:53:48","date_gmt":"2015-01-02T06:53:48","guid":{"rendered":"https:\/\/www.searchenginegenie.com\/web-design-blog\/?p=3064"},"modified":"2015-01-02T02:53:48","modified_gmt":"2015-01-02T06:53:48","slug":"photo-panel-effects-in-horizontal-using-photoshop","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/photo-panel-effects-in-horizontal-using-photoshop\/","title":{"rendered":"Photo Panel Effects in Horizontal Using Photoshop"},"content":{"rendered":"

\n
\n
\n
\nUntitled Document<\/title><br \/>\n<\/head><br \/>\n<body> <a name=\"imageclose-3065\"><div class=\"lb-album\"><a href=\"#image-3065\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p0-300x242.png\" alt=\"p0\" class=\"aligncenter size-medium wp-image-3046\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3065\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3065\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p0.png\" alt=\"image-3065\">\r\n <\/div><\/a><br \/>\n <strong>Step: 1<\/strong><br \/>\n <strong>New image opened on Photoshop, next adding a solid color fill layer using background for the effect. Click new fill icon button choose solid color adjustment layers. Choose picker is by entering 255 for the RGB value. <\/strong><\/p>\n<p><a name=\"imageclose-3066\"><div class=\"lb-album\"><a href=\"#image-3066\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p7-300x213.png\" alt=\"p7\" class=\"aligncenter size-medium wp-image-3053\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3066\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3066\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p7.png\" alt=\"image-3066\">\r\n <\/div><\/a><br \/>\n <strong>Click ok button <\/strong><strong>your document will appear filled with white.<\/strong><\/p>\n<p><a name=\"imageclose-3067\"><div class=\"lb-album\"><a href=\"#image-3067\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2015\/01\/p5.png\" alt=\"p5\" class=\"aligncenter size-full wp-image-3070\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3067\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3067\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2015\/01\/p5.png\" alt=\"image-3067\">\r\n <\/div><\/a><br \/>\n <strong>Close color fill layer.<\/strong><br \/>\n <strong>Step: 2<\/strong><br \/>\n <strong>Select the rectangle tool, Next Draw first horizontal panel top to bottom, so start over the top.<\/strong><br \/>\n <strong>Double-click on the layer name \u201cRectangle 1\u201dRename it \u201cpanel\u201d Press enter to accept the name change. \u00a0Rotate the panel with free transform path (ctrl+t).<\/strong><br \/>\n <strong>Now that added your first horizontal panel, opened color fill layer. <\/strong><br \/>\n <strong>Next choose blending options from the menu.<\/strong><br \/><a name=\"imageclose-3068\"><div class=\"lb-album\"><a href=\"#image-3068\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p9-176x300.png\" alt=\"p9\" class=\"aligncenter size-medium wp-image-3055\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3068\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3068\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p9.png\" alt=\"image-3068\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><br \/>\n <strong>Open the layer style dialog box set to the blending option in advanced blending, change the knockout option selection from shallow, and then lower the fill opacity down 0%.<\/strong><br \/><a name=\"imageclose-3069\"><div class=\"lb-album\"><a href=\"#image-3069\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p3-300x236.png\" alt=\"p3\" class=\"aligncenter size-medium wp-image-3049\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3069\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3069\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p3.png\" alt=\"image-3069\">\r\n <\/div><\/a><br \/>\n<br \/>\n<a name=\"imageclose-3070\"><div class=\"lb-album\"><a href=\"#image-3070\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p8-300x72.png\" alt=\"p8\" class=\"aligncenter size-medium wp-image-3063\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3070\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3070\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p8.png\" alt=\"image-3070\">\r\n <\/div><\/a><\/p>\n<p> <strong>Step: 3<\/strong><br \/>\n <strong>Add a drop shadow to panel, lower the opacity shadow 60%, then set angle to 130% select use global light. Finally increase the distance and size around 30px.<\/strong><br \/>\n<a name=\"imageclose-3071\"><div class=\"lb-album\"><a href=\"#image-3071\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p6-300x184.png\" alt=\"p6\" class=\"aligncenter size-medium wp-image-3052\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3071\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3071\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p6.png\" alt=\"image-3071\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong>\u00a0<\/strong><br \/>\n <strong>Add a stroke; choose new color <\/strong><strong>by entering 255 for the RGB value. Then change structure size 12px and select position \u201cinside\u201d.<\/strong><br \/><a name=\"imageclose-3072\"><div class=\"lb-album\"><a href=\"#image-3072\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p4-300x213.png\" alt=\"p4\" class=\"aligncenter size-medium wp-image-3050\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3072\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3072\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p4.png\" alt=\"image-3072\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><br \/>\n <strong>Drop shadow and stroke applied in panel.<\/strong><br \/><a name=\"imageclose-3073\"><div class=\"lb-album\"><a href=\"#image-3073\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p10-300x70.png\" alt=\"p10\" class=\"aligncenter size-medium wp-image-3062\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3073\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3073\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p10.png\" alt=\"image-3073\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><br \/>\n <strong>Step: 4<\/strong><br \/>\n <strong>Now ready to add our next all panels. Make select duplicate panel, or simple pressing Ctrl+j on your keyboard. <\/strong><br \/>\n<strong>\u201cAll horizontal panel style follows in first panel style \u201c<\/strong><strong> <\/strong><\/p>\n<p><a name=\"imageclose-3074\"><div class=\"lb-album\"><a href=\"#image-3074\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p1-300x252.png\" alt=\"p1\" class=\"aligncenter size-medium wp-image-3047\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3074\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3074\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p1.png\" alt=\"image-3074\">\r\n <\/div><\/a><\/p>\n<p><strong> <\/strong><strong> <\/strong><\/p>\n<p><strong>Step: 5<\/strong><br \/>\n <strong>\u00a0\u00a0 <\/strong><strong>Finally Select the <strong>Crop Tool<\/strong> from the Tools panel make sure you select <strong>Delete Cropped Pixels<\/strong> in the Options Bar. Select option original image inside the cropped, press enter button to crop the image. The photo inside the panels will reappear, giving us our finally \u201cHorizontal photo panels\u201d effect.<\/strong><br \/><a name=\"imageclose-3075\"><div class=\"lb-album\"><a href=\"#image-3075\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p2-300x244.png\" alt=\"p2\" class=\"aligncenter size-medium wp-image-3048\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-3075\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-3075\">\r\n <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/12\/p2.png\" alt=\"image-3075\">\r\n <\/div><\/a><br \/>\n <strong> <\/strong><strong> <\/strong><\/p>\n<p><strong> <\/strong><\/p>\n<p><strong> <\/strong><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Untitled Document Step: 1 New image opened on Photoshop, next adding a solid color fill layer using background for the effect. Click new fill icon button choose solid color adjustment layers. Choose picker is by entering 255 for the RGB value. Click ok button your document will appear filled with white. Close color fill layer. […]<\/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-3064","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\/3064","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=3064"}],"version-history":[{"count":14,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3064\/revisions"}],"predecessor-version":[{"id":3079,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3064\/revisions\/3079"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=3064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=3064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=3064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}