![]() Save your work.Īt this point, we have the beginnings of a great social media graphics template. Let's repeat this process to add the last post layout artboard for Twitter. Rename this artboard to "Pinterest Post Layout".Click the Artboard 1 title with the Move tool and drag to position this new artboard next to the second artboard (see screenshot).You should have a new artboard with the title "Artboard 1". As you drag, watch the pixel display box (see screenshot) until the dimensions are set to 735 x 1102. Click and drag to "draw" the third artboard.Select the Artboard icon in the Tools panel.Let's add the post layout artboard for Pinterest using another method. Change the Width to 940 and the Height to 788 pixels (see screenshot). With the Facebook Post Layout artboard selected, you will see the pixels dimensions displayed in the Tool Options bar.Now we need to change the pixel dimensions for the Facebook requirements. Let's rename this artboard to "Facebook Post Layout" in the Layers panel.In the Layers panel, you should see the new artboard added above the original artboard. You will see a duplicate of the original artboard named Artboard 1 by default (see screenshot). Click the Plus icon on the right side of the Instagram Post Layout artboard.Let's add the new artboard to the right of the existing artboard. You should see the Plus icons surrounding the original artboard (see screenshot). Select the Artboard icon in the Tools panel (see screenshot).Rename the layer to "Instagram Post Layout".Double-click the Artboard 1 title in the Layers panel.Open the document that we started in the last tutorial.Our first step will be to rename our existing artboard from "Artboard 1" to "Instagram Post Layout". We can do this easily by duplicating our existing artboard.įor the new artboards, we will use the pixel width and height dimensions for Facebook, Pinterst and Twitter posts. Now, we will learn how to add additional artboards to our Photoshop CC document, by adding artboard post layouts for Facebook, Pinterest and Twitter. How are you liking the new artboard feature? Let me know in the comments section.In the previous tutorial, we created a new document in Photoshop CC which contained one artboard for an Instagram post layout. It’s a fairly frustrating change of user experience compared to a typical PSD. You have to put in your own white background. Be aware, when you quick export a PNG, the background is not white, it is transparent. Duplicating artboards and exporting a PDF can sometimes fail. ![]() Adobe, being true to its nature, released this feature with some bugs that need to be worked out. If your computer can’t handle a file this big, it can be frustrating and slowīuggy. Where there used to be one template per file, there is now 10 or 20. Instead of having hidden layers, you can easily show UI elements such as the dropdown display in a separate artboardįile sizes are understandably huge. It’s easy to export a PDF or PNG to send for client review While I’m ready to give the genius behind this idea a huge kiss, it does come with it’s faults:įiles are consolidated small tweaks to consistent design elements such as navigation can easily be applied to the rest of the templates. Not only does it make everything neat, organized, and up-to-date, it’s easier than ever to export your files as a PDF or separate file types. Adobe Photoshop CC 2015 released a new artboard feature similar what Adobe Illustrator CC has had for years. Here’s the much better, much more intuitive solution: artboards. From my dabbling with it, it has resulted in loss of work and whole buckets of confusion when passing the PSD off to dev. ![]() While some may argue layer comps is another tool that just takes training and patience, I personally can’t stand it. If you’re like me, you’ve tried utilizing other tools such as layer comps. Factors such as client and internal team changes, file naming convention problems and insuring the most recent version is saved and on the server, it can become a snarly confusing mess. When designing for web apps, mobile apps, and responsive web design, I have consistently struggled with making sure all of my PSDs are organized, consistent, and up to date. While this seems like it could be an easily solved problem, it’s not.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |