{"id":134,"date":"2018-02-05T15:52:24","date_gmt":"2018-02-05T14:52:24","guid":{"rendered":"http:\/\/autoclasscomposite.com\/site\/?page_id=134"},"modified":"2022-05-04T18:03:18","modified_gmt":"2022-05-04T17:03:18","slug":"step-by-step-composite","status":"publish","type":"page","link":"https:\/\/www.autoclasscomposite.com\/site\/step-by-step-composite\/","title":{"rendered":"Step by step composite"},"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]<strong>Creating your own composite step by step<\/strong><\/p>\n<p>Open a composite template in Photoshop or create a new document and draw a shape layer using Photoshop&#8217;s shapes (rectangle) tool and their variations like rounded rectangle, ellipse, polygon or custom shape; in this sample I will use the rounded rectangle tool with a 50 pixels radio.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-135 size-full\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep1.jpg\" alt=\"\" width=\"600\" height=\"492\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep1.jpg 600w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep1-300x246.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><br \/>\nI will add now a stroke and a shadow to this shape.<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-136\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep2.jpg\" alt=\"\" width=\"472\" height=\"579\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep2.jpg 472w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep2-245x300.jpg 245w\" sizes=\"(max-width: 472px) 100vw, 472px\" \/><br \/>\nSelect the shape layer you want to use as model for all shapes in Photoshop&#8217;s layers palette<br \/>\nStart Auto Class Composite and click at Adjust template<\/p>\n<p>At <a href=\"https:\/\/www.autoclasscomposite.com\/site\/adjust-template\/\">ADJUST TEMPLATE<\/a> you will find a tutorial on how to use this feature<\/p>\n<p>Click at Generate shape layers, this will create copies of the first shape layer for your cols and rows.<br \/>\nIf the shape layers are to large or out of the document just select all of them and using the Move tool resizes them all at once.<\/p>\n<p>You may realign the shape layers using Photoshop Move tool, the shape layer can be in any location in the open document.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-140\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/distribute.jpg\" alt=\"\" width=\"650\" height=\"277\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/distribute.jpg 650w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/distribute-300x128.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><br \/>\nSelect in Photoshop&#8217;s layers palette the first shape layer from which you want to start filling the composite. Notice that you may fill first teachers and later students by just selecting the appropiate first layer.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-139\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep5.jpg\" alt=\"\" width=\"650\" height=\"537\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep5.jpg 650w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/stepbystep5-300x248.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<p>At Auto Class Composite click at the Select pictures folder button and select the folder with your pictures.<br \/>\nClick at Fill Composite<\/p>\n<p>Auto Class Composite will fill the composite and place the names automatically.<\/p>\n<p>Once the process has finished you may easily select the all text layers together ( from the top positions in the layers palette) and change the font, the color and all paragraph settings for your texts.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-142\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/selecttextlayers.jpg\" alt=\"\" width=\"650\" height=\"407\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/selecttextlayers.jpg 650w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/selecttextlayers-300x188.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-143\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/changetextfont.jpg\" alt=\"\" width=\"650\" height=\"463\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/changetextfont.jpg 650w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/changetextfont-300x214.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-144\" src=\"https:\/\/autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/changeparagraph.jpg\" alt=\"\" width=\"650\" height=\"406\" srcset=\"https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/changeparagraph.jpg 650w, https:\/\/www.autoclasscomposite.com\/site\/wp-content\/uploads\/2018\/02\/changeparagraph-300x187.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<p>Remember:<\/p>\n<p>Picture files must be named using the name of the person photographed like:<\/p>\n<p><strong>Brighton, Jennifer.jpg<\/strong><\/p>\n<p>This will write the name Jennifer Brighton in the composite. In Auto Class Composite versions for CS to CS5 the name is put in the first line and the last name in the second if you have selected more than one line, in the version for CS6 we have changed this to include a\u00a0<strong>#<\/strong>\u00a0character where you want a new line, for sample:<\/p>\n<p>To get<\/p>\n<p><strong>Anthony Williams<\/strong><br \/>\n<strong>\u00a0\u00a0\u00a0\u00a0\u00a0 Director<\/strong><\/p>\n<p>you have to name the file<\/p>\n<p><strong>Williams #Director,Anthony .jpg<\/strong><\/p>\n<p>Auto Class Composite sorts the names using the last name and name combination and will place the pictures using this order.<\/p>\n<p>You may also just name the files with name and last name like\u00a0<strong>Susan Brighton.jpg<\/strong>, in this case the files will be sorted using name + last name.<\/p>\n<p>If you need a special sorting you may add\u00a0<strong>_999_<\/strong>\u00a0to the beginning of the file name, being 999 a 3 digits number used for the sorting like\u00a0<strong>_025_Susan Brighton.jpg<\/strong>\u00a0, of course the special characters will not be printed in the composite.[\/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]Creating your own composite step by step Open a composite template in&#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\/134"}],"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=134"}],"version-history":[{"count":5,"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/pages\/134\/revisions\/508"}],"wp:attachment":[{"href":"https:\/\/www.autoclasscomposite.com\/site\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}