Back to Blog Index

A Quick Guide to Photoshop Menus - File

No items found.

Photoshop is one of the most popular design programs out there, but how well do you really know those top menus?

Most of your time in Photoshop is spent on the canvas, but sometimes you’ve got to know how to navigate the menus. There are lots of hidden gems buried in the massive list of commands living in the menu bar at the top of Adobe programs. In this article we’re going to go through some of the most useful commands in Photoshop’s File menu.

Photoshop_Series_01_File.jpg

Sure, you can probably open, close, even create a new document with easy-to-remember keyboard shortcuts. But just glance at the File menu in Photoshop; there are many commands that you may not even know existed. Here are three essential menu options that’ll help you export your documents with ease:

  • Export As
  • Save For Web
  • Image Processor

Export > Export As in Photoshop

You’ve finished your design and are ready to export. There are a million and one ways to do that in Photoshop, so which way is the right way? 9 times out of 10, it’s Export As. With your document open and ready to go, head up to File > Export > Export As.

Export-As-01.png

The reason Export As is my go-to for exporting documents is because of the great controls it offers. You can quickly export to a variety of formats, change the exported image size, crop the canvas and even export multiple sizes of the same document at once. On top of that, if you’re using artboards, you can even export multiple artboards at once.

Export-As-02.png

The ability to export a document with so much control is why I use Export As so often. I especially love the instant visual feedback of the quality slider when exporting a JPG. This way I’ll know just how far I can push the compression without it turning to crushed pixels.

One thing to remember: if you’re using artboards, the exports will be named based on the artboard names. Otherwise, you can choose the exported filename after you click Export.

Export > Save For Web (Legacy) in Photoshop

Another way to export? But I thought Export As was the best choice? And it’s Legacy? Doesn’t that mean “old way”? Well, there’s still a very important use for this legacy command: animated GIFs.

Save-For-Web-01.png

There are a plethora of methods for compressing GIFs, but the OG is Photoshop’s Save For Web dialog. And while many of the new techniques are often much quicker and more convenient, none of them have quite the same level of control for compression as Photoshop.

Open up a video or image sequence in Photoshop, then head to File > Export > Save For Web (Legacy). In the top right corner, choose one of the GIF presets, and then customize the compression settings to your heart’s content. Here’s an excellent tutorial explaining how to use this dialog.

Save-For-Web-02.png

Hot tip: make sure you change the Looping Options dropdown option to Forever just before clicking the Save button.

Scripts > Image Processor in Photoshop

Who knew Photoshop had Scripts too? Fun fact: scripts can be created for any Adobe application. The Image Processor comes bundled with Photoshop and has some really great time saving functionality.

If you ever needed to resize and convert a whole bunch of photos and opened them one at a time, resized and saved each one individually, you’ll be glad to know you never have to do things the hard way again. Go up to File > Scripts > Image Processor.

Image-Processor-01.png

The Image Processor script allows you to convert and save a folder of images to JPG, PSD or TIFF formats. Start by choosing the source folder. Then you can choose to save the new images in the same directory, or in a new folder. After that, choose a file type (you can choose more than one). You can also choose to resize the converted images at this step.

Finally, you can choose to run any Photoshop Action as the image is converted. This is a super handy way to batch process many photos automatically, while also choosing the exported file type, size and compression.

Image-Processor-02.png

So there you go. There’s a lot more to the File menu than you probably ever imagined, and taking the time to familiarize yourself with the commands in this menu can add a surprising amount of efficiency to your daily workflow. Get used to these three commands to be able to easily export assets, save animated GIFs, and batch process folders of images.

Ready to learn more?

If this article only roused your appetite for Photoshop knowledge, it seems like you'll need a five-course shmorgesborg to bed it back down. That's why we developed Photoshop & Illustrator Unleashed!

Photoshop and Illustrator are two very essential programs that every Motion Designer needs to know. By the end of this course, you'll be able to create your own artwork from scratch with tools and workflows used by professional designers every day.


EXPLORE ALL COURSES

Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.

Explore this Course

Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.

Explore this Course

Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.

Explore this Course

Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.

Explore this Course

Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.

Explore this Course

Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.

Explore this Course

Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.

Explore this Course

Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.

Explore this Course
Your download is in your inbox!!!
Check your email (spam, too) for the download link!
Please check the spam folder if you don't see the message within a minute or two. Google likes to hide your downloads, sometimes.
Oops! Something went wrong while submitting the form.

Not sure where to start?

If you’re a beginner, here are some great courses to help you get started:

After Effects Kickstart

Dive into the fundamentals of motion design with our most popular (and recently updated) After Effects course.

LEARN MORE

Photoshop + Illustrator Unleashed

Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.

LEARN MORE

Design Kickstart

An introduction to the design principles behind all great work.

LEARN MORE

More Advanced?

If you’re a more advanced student looking to up your game, here are some great options:

Animation Bootcamp

Learn the art and principles of creating beautiful movements in Adobe After Effects.

LEARN MORE

Design Bootcamp

Learn to design for motion in this intermediate-level, project-based course.

LEARN MORE

Cinema 4D Basecamp

Learn Cinema 4D from the ground up in this exciting introductory C4D course.

LEARN MORE

Now is the time to learn the skills you need to advance in your motion design career: