Skip to main content

HOW TO PREPARE 100S OF PHOTOS FOR USE ONLINE IN PHOTOSHOP


Saving Images effectively for the web can be a time-consuming task. Each image needs to be resized and colour modes need to be changed. File size and quality checking need to be taken care of too.
Fortunately, with Photoshop, you can speed up this process by batch editing a series of photos. Follow these simple steps to prepare your images quickly.
Step 1
To take full advantage of batch processing, make sure all your photos are in one folder and clearly labelled. In addition, create another folder inside called “edits”.
Step 2
Open Photoshop, then open up any file from the folder you created in Step 1.
Step 3
We are now going to make an Action, which can be applied to all of the images and used in our batch process.
To do this, open the Actions Panel, and click on the “create new action” icon at the bottom right of the panel. Name your Action in the pop-up window, then click record. This will set Photoshop to record every action you make on the image.
Step 4
While in the recording phase, you want to take the following steps:
Go to: Image > Image size. Set the width to 1000 px. This is normally wide enough for web use. The resolution set to 72.
Go to: Image > Mode > and set to RGB Color – make sure 8 bits/channel is also ticked.
Finally go to: File > Export > save for web (legacy) and set the options to your preferences. Use the quality slider in jpeg format to find your preferred level. The bottom image box shows you what the quality will look like, as well as the final file size. The lower the quality, the lower the file size.
Hit save. Then hit stop on the action (bottom of the actions panel).
Step 5
We will now set up the batch process. This script allows Photoshop to run your action across hundreds of images, without you having to open, edit and save every image.
To set this up, go to: File > automate > Batch
In the pop up window: Go to Action, then select the action you just made, from the drop-down menu.
Choose the source as Folder
Click choose, and navigate to the folder you made with all of your images in.
Make sure destination is set to folder
Click choose, and navigate to your “edits” folder you made back in step 1.
Make sure “Override Action “Save As” Commands” is ticked (this means the file will only save, if the step is recorded in your Action)
Select your document name if you want to change it (its helpful to have your images clearly labelled)
Once this is all setup, click OK. This will start your action running over all of your images. Once it is finished, a box will appear saying it is successful.
You can now check your images, and view them all in the “edits” folder.

Comments

Popular posts from this blog

The Top 5 Digital Marketing Skills for 2017

As 2017 draws closer, our focus turns to the essential skills needed to excel in the New Year. As the digital industry is in constant flux, there is a perpetual pressure on marketers to stay up to date with the latest developments and newest product releases. The need for digital marketers has never been higher, yet the digital skills gap has never been wider. This discrepancy can provide you with the perfect opportunity to demonstrate your value and competency – you just need to make sure you’ve strengthened the right skills. If you want to set yourself apart from the competition and establish yourself as an in-demand marketing professional, you need to know which capabilities count. That’s why we’ve created this list of the top 5 digital marketing skills you should refine in 2017. 1. Search Engine Optimization 93%  of online experiences begin with a search engine. This means that now, more than ever, Search Engine Optimization skills are an essential ass...

Logo Designer

400+ Creative Business Card Designs Bad, Ugly & Horrible Logo Designs Insider Logo Design Tips From Von Glitschka Creating A Logotype – Tips & Case Study 100 Best Global Brands of 2009 5 Recent Rebrands That Caused The Most Upset Critical Logo Design Details You May Be Forgetting About Free Logo Copyright Poster Logo Design Trends 2009 13 Logo Designers Share Their Love of Logo Design (Part 1) Discover The Dot Grid Book For Logo Designers Top 10 Logo Design Inspiration Galleries Logo Design Fun: Games, Parodies & More Logo Designs After The Recession How To Use Colour In Logo Design To Effectively Communicate The Right Message Top 17 Logos From The Past 3 Years Of Wolda Lindon Leader: The Man Behind The FedEx Logo 3 Ways to Successfully Design Your FavIcon

how to code an HTML5 template

  Markup is a beautiful thing, and it certainly has changed over the years. What was effectively HTML1, has certainly progressed to an amazing semantic markup language, to which we can largely thank the W3C. And, what do ya know, the next thing to thank them for has come about – HTML5. Unlike previous version of HTML, where the code was mostly a limited structure that was determined by how you made use of the class and ID elements, html5 really attempts to provide much more structure. All of the layout can be created with semantic tags and elements that determine how you should structure, and, arguably more important, that help you structure each page. This produces code that is much more clean and readable than in previous versions of HTML, and really is something quite amazing. The new tags really require that you think about how you are structuring your page, which let’s be honest – in the end that is a great thing for us web designers and develop...