{"id":169,"date":"2017-07-18T16:05:43","date_gmt":"2017-07-18T16:05:43","guid":{"rendered":"https:\/\/www.mostafaakbaridesign.com\/blog\/?p=169"},"modified":"2017-07-18T16:35:29","modified_gmt":"2017-07-18T16:35:29","slug":"photo-geometry-collage","status":"publish","type":"post","link":"https:\/\/www.mostafaakbaridesign.com\/blog\/2017\/07\/18\/photo-geometry-collage\/","title":{"rendered":"Geometric Photo Collage"},"content":{"rendered":"<p>2 weeks ago, on June 30 I decided to post my Canada Day artwork on <a href=\"https:\/\/mostafaakbari.tumblr.com\/post\/162441353815\/150-years-ago-in-july-1-1867-canada-was-born\" target=\"_blank\" rel=\"noopener\">Tumblr<\/a> and just after a few hours it got 20 likes. This was the most liked and reblogged post on my Tumblr page and I usually get a couple of likes and reblogged. So since so many people liked this type of design, I created a timelapse or tutorial type of video on <a href=\"https:\/\/www.youtube.com\/watch?v=ApmR0f1UKBQ\" target=\"_blank\" rel=\"noopener\">Youtube<\/a>. The video shows my process on how I achieve this kind of effect. Back to my Canada Day post I used &#8220;Museo Sans Rounded&#8221; font and Canada&#8217;s flag with red colour overlayed on top. What looks appealing on this one is the flipped image used as the border and simplicity of it.<\/p>\n<div id=\"attachment_167\" style=\"width: 486px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mostafaakbari.tumblr.com\/post\/162441353815\/150-years-ago-in-july-1-1867-canada-was-born\"><img aria-describedby=\"caption-attachment-167\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-167 size-full\" src=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/caDay-02.jpg\" alt=\"Canada Day Tumblr Post\" width=\"476\" height=\"518\" srcset=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/caDay-02.jpg 476w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/caDay-02-276x300.jpg 276w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/a><p id=\"caption-attachment-167\" class=\"wp-caption-text\">Canada Day Tumblr Post<\/p><\/div>\n<p>For the timelapse video I decided to create triangular pattern and, duplicate and rotate it to create this geometric pattern. For the background I used free stock photo from <a href=\"https:\/\/stocksnap.io\/\" target=\"_blank\" rel=\"noopener\">StockSnap.io<\/a>\u00a0. The picture that I chose is a shot of a <a href=\"https:\/\/stocksnap.io\/photo\/RGRIEDX4IU\" target=\"_blank\" rel=\"noopener\">lighthouse<\/a>, because I wanted to place the middle part of the pattern on a photo that resembles mountain or something shining. On this video I used Adobe Illustrator to make the vector shapes and Photoshop to compose the shapes onto the photo. Working on a piece like this is challenging and there are many times that one piece had to be tweaked and shouldn&#8217;t affect other parts. So for this reason using masks and non-destructive method is important. For this art piece I used clipping mask for composition and masked layers for editing layers. At the end for finishing touch I used text and rounded edge border to make it more appealing.<\/p>\n<div id=\"attachment_166\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.youtube.com\/watch?v=ApmR0f1UKBQ\" target=\"_blank\" rel=\"noopener\"><img aria-describedby=\"caption-attachment-166\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-166 size-full\" src=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/photogeometry2.jpg\" alt=\"Photo Geometry Collage of a lighthouse\" width=\"600\" height=\"875\" srcset=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/photogeometry2.jpg 600w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/photogeometry2-206x300.jpg 206w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-166\" class=\"wp-caption-text\">The final version of the time lapsed video<\/p><\/div>\n<p><iframe loading=\"lazy\" width=\"604\" height=\"340\" src=\"https:\/\/www.youtube.com\/embed\/ApmR0f1UKBQ?start=4&#038;feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>Here are some more examples that I created, using Adobe Illustrator and Photoshop. You can see that it&#8217;s such a useful method and it can be used in different styles.<\/p>\n<div id=\"attachment_165\" style=\"width: 614px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-165\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-165 size-large\" src=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/geo-type-745x1024.jpg\" alt=\"Life Is An Adventure photo collage\" width=\"604\" height=\"830\" srcset=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/geo-type-745x1024.jpg 745w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/geo-type-218x300.jpg 218w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/geo-type-768x1056.jpg 768w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/geo-type.jpg 924w\" sizes=\"(max-width: 604px) 100vw, 604px\" \/><p id=\"caption-attachment-165\" class=\"wp-caption-text\">Photo Geometry can be used in different art styles!<\/p><\/div>\n<div id=\"attachment_164\" style=\"width: 1066px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-164\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-164 size-full\" src=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/Geo-car.jpg\" alt=\"Dare to Drive photo geometry\" width=\"1056\" height=\"525\" srcset=\"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/Geo-car.jpg 1056w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/Geo-car-300x149.jpg 300w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/Geo-car-768x382.jpg 768w, https:\/\/www.mostafaakbaridesign.com\/blog\/wp-content\/uploads\/2017\/07\/Geo-car-1024x509.jpg 1024w\" sizes=\"(max-width: 1056px) 100vw, 1056px\" \/><p id=\"caption-attachment-164\" class=\"wp-caption-text\">Another example of using Photo Geometry<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>2 weeks ago, on June 30 I decided to post my Canada Day artwork on Tumblr and just after a few hours it got 20 likes. This was the most liked and<a class=\"moretag\" href=\"https:\/\/www.mostafaakbaridesign.com\/blog\/2017\/07\/18\/photo-geometry-collage\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":168,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[6,8],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/posts\/169"}],"collection":[{"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":7,"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/posts\/169\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/posts\/169\/revisions\/176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/media\/168"}],"wp:attachment":[{"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/media?parent=169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/categories?post=169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mostafaakbaridesign.com\/blog\/wp-json\/wp\/v2\/tags?post=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}