Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Join Justin Seeley, lynda.com staff author and design enthusiast, each week for a new 5-minute, self-contained tutorial that you can use to instantly improve your design workflow. This series covers techniques for print, digital, and web design, addressing the tools that creative professionals like you use most. Learn new ways to leverage layer styles and vector shapes in Adobe Photoshop, work more efficiently with text in Illustrator, and embed videos and even tweets in WordPress posts, and much more. Check back each week for a new installment, and a new design hack.
- Hi there, and welcome back to Creative Quick Tips! My name is Justin Seeley, and today I'm gonna be showing you a little Photoshop trick for how to create better presets when you're creating documents that are going to be mock-ups for things like mobile web sites and applications. So, in Photoshop, when you go to create a new document, and I'm in the new document dialog box already, you can go to the presets menu, and you can choose mobile & devices. But when you're first starting out, you might not know exactly what size you need. So when you're looking at these, all of these pixel sizes might not mean that much to you.
Whereas in a program like Illustrator, it's actually spelled out in plain English what you're actually creating for: an iPad, an iPhone, a Kindle Fire, etc. So, how do we start to create presets like that inside of Photoshop so that we know what type of document we're working on? Very very simple. First thing you wanna do is make sure you're on the mobile & devices preset so everything corresponds to that type of work. Second, you're just gonna alter your width and height values based in pixels. So for instance, for an iPad, it would be 1536 by 2048.
And that would be your size. And so what you could do right here is go save preset. And you could call this something like "iPad". And hit OK. And so now, up here in the presets, iPad is listed. You can also change it up. Let's do another one. Let's do 1024 by 768. And this is going to be for the regular iPad Mini. Not for the iPad Mini with Retina display, but the iPad Mini. And then we could set up, let's do 640 by 1136.
And this is going to be for an iPhone 5. There we go. And then finally, we'll set up a Kindle Fire HD. And that's gonna be 800 pixels wide by 1280 pixels tall. And so what we'll do here is save this preset, and we'll just call this Kindle Fire HD. And then hit OK. And so now, I've built up a whole little library of presets that I can use: iPad, iPad Mini, iPhone 5, Kindle Fire.
Anytime I need to use one of those, select it from the menu, hit OK, and I have a document that's exactly sized to that specific device. Whatever device you're designing for, doesn't matter, could be a web site, could be a mobile app, could be a native app for any type of operating system. Figure out the screen sizes that you're gonna need, and create your presets in Photoshop. Making it easier for you to streamline that document-creation process. Otherwise, you're gonna spend time always looking for the right dimensions, and that's kind of a headache. This really speeds it up and it's gonna get you on your way much much faster.
Find answers to the most frequently asked questions about Creative Quick Tips .
Here are the FAQs that matched your search "" :
Sorry, there are no matches for your search "" —to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.