{"id":152,"date":"2018-02-05T16:00:39","date_gmt":"2018-02-05T15:00:39","guid":{"rendered":"http:\/\/autoclasscomposite.com\/site\/?page_id=152"},"modified":"2018-02-05T16:00:39","modified_gmt":"2018-02-05T15:00:39","slug":"custom-shapes","status":"publish","type":"page","link":"https:\/\/www.autoclasscomposite.com\/site\/custom-shapes\/","title":{"rendered":"Custom shapes"},"content":{"rendered":"[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]\n<h2><a href=\"https:\/\/www.autoclasscomposite.com\/web\/index.php\/en\/support-faq-s\/custom-shapes-tutorial\">CUSTOM SHAPES<\/a><\/h2>\n<p>Let&#8217;s create now a pictures composite framing the pictures in a custome shape. You may create shapes of any form and then reuse them for your picture composite creations.<\/p>\n<p>Please follow this steps:<\/p>\n<p>1.- In Photoshop create a new document with the appropiate size for your composite, or open one of the Auto Class Composite templates and resize it<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-153\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut1.jpg\" alt=\"\" width=\"500\" height=\"313\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut1.jpg 500w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut1-300x188.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><br \/>\n2.- As told you may use any form for the shape, you only need to have a selection; but sometimes hand drawing in Photoshop is not so easy and therefore we are going to convert a clipart into a selection. Please open the clipart in Photoshop<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-154\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut2.jpg\" alt=\"\" width=\"500\" height=\"313\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut2.jpg 500w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut2-300x188.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>3.- Select the clipart silhouette, this can be done with the magic wand tool in Photoshop and clicking at the whit part of the document, then press CTRL &#8211; Shift &#8211; I to invert the selection. Now you will have the clipart border selected<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-155\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut3.jpg\" alt=\"\" width=\"340\" height=\"327\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut3.jpg 340w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut3-300x289.jpg 300w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><br \/>\n4.- At Photoshop&#8217;s layers palette select the Paths tab and click at bottom at the icon &#8220;Make work path from selection&#8221;<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-156\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut4.jpg\" alt=\"\" width=\"436\" height=\"582\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut4.jpg 436w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut4-225x300.jpg 225w\" sizes=\"(max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>you will get a work path with the same form as the clipart \/ selection.<\/p>\n<p>5.- Select this path layer and at Photoshop&#8217;s menu select Layer &#8211; New fill layer, name it &#8220;Shape&#8221;<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-157\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut5.jpg\" alt=\"\" width=\"500\" height=\"313\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut5.jpg 500w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut5-300x188.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><br \/>\n6.- Select a color for filling this layer and you will get a new shape layer with the form of your clipart.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-158\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut6.jpg\" alt=\"\" width=\"458\" height=\"582\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut6.jpg 458w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut6-236x300.jpg 236w\" sizes=\"(max-width: 458px) 100vw, 458px\" \/><\/p>\n<p>7.- Now you may delete the clipart layer, you will not use it. Select the shape layer in Photoshop.<\/p>\n<p>8.- It&#8217;s time to duplicate the shape layer for all your pictures, start Auto Class Composite and select &#8220;Adjust template&#8221;<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-159\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut7.jpg\" alt=\"\" width=\"500\" height=\"314\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut7.jpg 500w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut7-300x188.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><br \/>\n9.- Input the number of rows and pictures per row you need and click at create shapes<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-160\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut9.jpg\" alt=\"\" width=\"500\" height=\"313\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut9.jpg 500w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut9-300x188.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><br \/>\n10.- If needed reposition the shape layers to have enough space for the names bellow. In Auto Class Composite select the folder with your pictures and click at &#8220;Fill composite&#8221;<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-161\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut10.jpg\" alt=\"\" width=\"500\" height=\"313\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut10.jpg 500w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/tut10-300x188.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><br \/>\nYour composite will be automatically filled with the pictures, the pictures will have the shape of the initial clipart \/ selection. Of course you may add an style to the layer like a bevel, shadow, etc.[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text] CUSTOM SHAPES Let&#8217;s create now a pictures composite framing the pictures&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/pages\/152"}],"collection":[{"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":1,"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/pages\/152\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}