{"id":3318,"date":"2016-10-24T07:42:14","date_gmt":"2016-10-24T11:42:14","guid":{"rendered":"https:\/\/www.searchenginegenie.com\/web-design-blog\/?p=3318"},"modified":"2016-10-24T08:07:40","modified_gmt":"2016-10-24T12:07:40","slug":"adding-a-transparent-text-area-to-an-image-photoshop","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/adding-a-transparent-text-area-to-an-image-photoshop\/","title":{"rendered":"Adding a Transparent Text Area to an image-Photoshop"},"content":{"rendered":"<p>Step:1<\/p>\n<p>Open the Photo document in Photoshop.Add a new layer above it<\/p>\n<figure id=\"attachment_3319\" aria-describedby=\"caption-attachment-3319\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3319\"><div class=\"lb-album\"><a href=\"#image-3319\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/Newyork-city-300x168.png\" alt=\"city\" class=\"wp-image-3319 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3319\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3319\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/Newyork-city.png\" alt=\"image-3319\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3319\" class=\"wp-caption-text\">New York city in night time<\/figcaption><\/figure>\n<p>Step:2<\/p>\n<p>Fill the layer with white color . Then reduce the opacity to 70%. Adjust the opacity according to your needs.<\/p>\n<figure id=\"attachment_3320\" aria-describedby=\"caption-attachment-3320\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3320\"><div class=\"lb-album\"><a href=\"#image-3320\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/white-layer-300x166.png\" alt=\"white layer\" class=\"wp-image-3320 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3320\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3320\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/white-layer.png\" alt=\"image-3320\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3320\" class=\"wp-caption-text\">New York city covered by a snow layer<\/figcaption><\/figure>\n<p>Step:3<\/p>\n<p>Add a text layer as New York above the white layer.Using the transformations Ctrl+t adjust the word length to fit in the document.<\/p>\n<figure id=\"attachment_3321\" aria-describedby=\"caption-attachment-3321\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3321\"><div class=\"lb-album\"><a href=\"#image-3321\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/newyork-text-300x167.png\" alt=\"text\" class=\"wp-image-3321 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3321\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3321\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/newyork-text.png\" alt=\"image-3321\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3321\" class=\"wp-caption-text\">New York as text layer<\/figcaption><\/figure>\n<p>Step:4<\/p>\n<p>Make the snow layer and text layer in to a group by Pressing Ctrl+g.Then go to blending options reduce the fil opacity to 0% and knockout option as shallow.<\/p>\n<figure id=\"attachment_3322\" aria-describedby=\"caption-attachment-3322\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3322\"><div class=\"lb-album\"><a href=\"#image-3322\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/merging-the-layers-300x165.png\" alt=\"newyork\" class=\"wp-image-3322 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3322\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3322\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/merging-the-layers.png\" alt=\"image-3322\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3322\" class=\"wp-caption-text\">Merging a text layer in to a image<\/figcaption><\/figure>\n<p>Step:5<\/p>\n<p>Transform the snow layer in to a small rectangle.It can be done by Pressing Ctrl+t.<\/p>\n<figure id=\"attachment_3323\" aria-describedby=\"caption-attachment-3323\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3323\"><div class=\"lb-album\"><a href=\"#image-3323\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/Merging-layers-300x161.png\" alt=\"layer\" class=\"wp-image-3323 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3323\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3323\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/10\/Merging-layers.png\" alt=\"image-3323\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3323\" class=\"wp-caption-text\">Transparent text area to an image<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step:1 Open the Photo document in Photoshop.Add a new layer above it Step:2 Fill the layer with white color . Then reduce the opacity to 70%. Adjust the opacity according to your needs. Step:3 Add a text layer as New York above the white layer.Using the transformations Ctrl+t adjust the word length to fit in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7,5,1],"tags":[178,177,163,176],"class_list":["post-3318","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-photoshop-tips","category-web-design-tips","category-whats-trending-web-design","tag-best-tutorials","tag-new-designs","tag-photoshop","tag-photoshop-tutorials"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3318","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=3318"}],"version-history":[{"count":4,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3318\/revisions"}],"predecessor-version":[{"id":3330,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3318\/revisions\/3330"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=3318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=3318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=3318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}