{"id":3173,"date":"2016-07-07T07:20:49","date_gmt":"2016-07-07T11:20:49","guid":{"rendered":"https:\/\/www.searchenginegenie.com\/web-design-blog\/?p=3173"},"modified":"2016-08-09T09:02:47","modified_gmt":"2016-08-09T13:02:47","slug":"how-to-create-photo-frame-border","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/how-to-create-photo-frame-border\/","title":{"rendered":"How to create photo frame border"},"content":{"rendered":"<p>Step:1<\/p>\n<p>Draw a rectangle with no fill and have a stroke of 16pt and choose a border which you want.<\/p>\n<figure id=\"attachment_3174\" aria-describedby=\"caption-attachment-3174\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3174\"><div class=\"lb-album\"><a href=\"#image-3174\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/border-300x191.png\" alt=\"stroke\" class=\"wp-image-3174 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3174\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3174\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/border.png\" alt=\"image-3174\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3174\" class=\"wp-caption-text\">border<\/figcaption><\/figure>\n<p>Step:2<\/p>\n<p>Make a copy of the rectangular border.Then place a image in this document.Now Place the rectangle border in front and image at the bottom. Go to object -&gt; clipping mask.<\/p>\n<figure id=\"attachment_3175\" aria-describedby=\"caption-attachment-3175\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3175\"><div class=\"lb-album\"><a href=\"#image-3175\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/beautiful-girl-300x200.png\" alt=\"girl\" class=\"wp-image-3175 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3175\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3175\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/beautiful-girl.png\" alt=\"image-3175\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3175\" class=\"wp-caption-text\">clipping mask<\/figcaption><\/figure>\n<p>Step:3<\/p>\n<p>Now we have one more copy of the rectangular border.place it above the clipped image.<\/p>\n<figure id=\"attachment_3176\" aria-describedby=\"caption-attachment-3176\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3176\"><div class=\"lb-album\"><a href=\"#image-3176\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/photo-frame-300x208.png\" alt=\"frame\" class=\"wp-image-3176 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3176\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3176\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/photo-frame.png\" alt=\"image-3176\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3176\" class=\"wp-caption-text\">photo frame<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Step:1 Draw a rectangle with no fill and have a stroke of 16pt and choose a border which you want. Step:2 Make a copy of the rectangular border.Then place a image in this document.Now Place the rectangle border in front and image at the bottom. Go to object -&gt; clipping mask. Step:3 Now we have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,1],"tags":[166,168],"class_list":["post-3173","post","type-post","status-publish","format-standard","hentry","category-illustrators","category-whats-trending-web-design","tag-designing","tag-illustrator"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3173","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=3173"}],"version-history":[{"count":3,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3173\/revisions"}],"predecessor-version":[{"id":3246,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3173\/revisions\/3246"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=3173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=3173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=3173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}