Photoshop: Lesson 2 – Basic Batch Editing

Welcome back!  Alright, in lesson 1 we learned what a “Photoshop Action” is, what it does, and we also learned how to make one. Now we’re going to make a real action for editing our 360 product images. Let’s take a quick look at what what we’re going to do...

  1. Make a folder on our desktop.  This is where the edited images will be saved.
  2. Open up an image and layer 3 different images on top of it.  This will help us with adjusting the crop.
  3. Create a new action that will crop, sharpen, and save.
  4. Open up all of the images to perform a batch-edit.  That’s about it!

So let’s get started...

Create a new folder on your desktop.  Call it: “360 Save for web”

360 "Save for web" folder

Open up your #1 image.

Opening up first image

Tip: it’s generally best to have the #1 image face towards the camera

 
Front facing image of shoe

Front facing image of shoe

 

Select: File > Place (I use “Place” often, so I added a shortcut key: Shift+⌘+P)

Go to File, Place...

Select an angle that’s at 90 degrees.  Click “Place”.

90 degree image of shoe

It should look like this.  Now press enter/return (be careful not to press the arrow keys).

 
90 degree image of shoe after "place"
 

Again, select: File > Place

File > Place...

Select an angle that’s at 180 degrees.  Click “Place”.

180 degree shoe image

Should look like this. Press enter/return.

 
180 degree shoe image
 

Okay, one more time: File > Place

File > Place...

Select an angle that’s at 270 degrees. Click “Place”.

270 degree image of shoe

Press enter/return.

 
270 degree image of shoe
 

Open your Layers palette: Window > Layers

Open layers palette under "Windows"

Select the top layer and adjust the opacity to 30%.

Top layer adjusted to 30% opacity

Select the next layer down and adjust the opacity to 30%.

Second layer adjusted to 30% opacity

Again, select the next layer down and adjust the opacity to 30%.

Third layer adjusted to 30% opacity

Select: View > Full Screen Mode With Menu Bar. (Shortcut: press “F” on your keyboard)

Go to View > Screen Mode > Full Screen Mode With Menu Bar

Select: Window > Actions. This will display the Actions palette.

Display Actions palette from "Windows"

Create a new action.

Create new Action 

Call the action: “Basic 360 edit”
Now the action will start recording everything you do (but don’t feel nervous).

Now set the crop to 2560 x 1920 pixels (the new standard upload size for imajize.com)

Adjust crop to 2560 x 1920 pixels

Adjust the crop so you have a some extra room on each side. Press enter/return.

 
Layers at 30% opacity and with crop of 2560 x 1920 pixels
 

Now let’s sharpen.  Go to: Filter > Sharpen > Smart Sharpen.

Go to Filter > Sharpen > Smart Sharpen...

I suggest setting the “Amount” to 30%, and the “Radius” to 0.4 pixels.  Click OK.

Smart Sharpen window with "Amount" at 30%, and "Radius" at 0.4 pixels

Now let’s save. Go to: File > Save for Web & Devices...

File > Save for Web & Devices...

File type: JPEG  -  Quality: 100  -  Progressive: Yep  -  Convert to sRGB: Yep

File type set to JPEG, Quality set to 100, Progressive checked, Convert to sRGB checked

Click Save.

Click "Save"

Select the new “360 Save for web” folder you created on your desktop.  Click Save (again).

Select "360 Save for web" folder and click "save"

***Click the “Stop playing/recording” button.***
If you don’t, then Photoshop will continue recording.  That’ll make things interesting...

Click "Stop playing/recording"

Now close the image you have open in Photoshop.
(It’ll ask you if you want to save – don’t save)

File > Close

Quit Photoshop.
This will save your action. Now it won’t mysteriously disappear if Photoshop crashes.

Quit Photoshop

Now open all of your unedited JPG images in Photoshop.

Open all images in Photoshop

Select the new action we just made (basic 360 edit).

Select "basic 360 edit" Action

Select: File > Automate > Batch
(I use “Batch” very often, so I added a shortcut key: ⌘+B)

File > Automate > Batch

Make sure “Basic 360 edit” is selected.

 
Batch palette pop up window
 

Also, make sure “Opened Files” is selected.
This tells the action to only work on the images you have opened in Photoshop.

Select "Opened Files"

Hold your breath.  Click OK.

OK button

Tip: While the action is working, press “tab” on your keyboard.  This will hide all of the palets, and it will speed up the Photoshop Action by about 100%.

Tab button on keyboard

Once the action is done, go to the folder on your desktop called “360 Save for web”.  Photoshop saved your images in there!!

360 save for web folder

From here, I upload my finished images to imajize.com which stores my images in the cloud and displays them in a kick-ass 360 view player.  Below is an example:

 
 


Thanks, and have fun! Feel free to share your techniques and editing tricks!