Wednesday, July 30, 2014

PS Tutorial: How to Save Your Layouts for Gallery Upload (Part 2)


Welcome to Part 2 of my tutorial on How to Save Your Gorgeous Layouts For Gallery Upload! In this second and last part, I'll share the Advanced technique and Automation Tutorial.

If you haven't read Part 1 yet, go there first because there are steps from Part 1 that we'll be repeating in Part 2.


If you've read Part 1, then let's get started on Technique #3: Advanced.

- - -


We'll be using the Eraser tool here.

1. Let's open up our layout and resize it to 600x600 px:


2. After resizing our layout, let's duplicate the Background layer:

3. Select the duplicate layer and apply the High Pass filter on it:


4. Let's set the layer blending mode to Soft Light:

5. Now we have our over-sharp layout, just like in Technique #2:

 6. Unlike in Technique #2 where we reduce the duplicate layer opacity to 15%, we're going to keep it at 100% now because I like how sharp the glitter moon and journaling look like at 100% opacity. However, I don't like how other parts look too sharp, so I'm going to erase them using the Eraser tool.

Let's grab our Eraser tool from the Tools palette:

7. Let's change the eraser brush opacity to 30%:

8. Here I'm highlighting the parts that I'll erase: the die-cut background paper, the title and the flags on the photo (you don't have to do this! This is just for example):

9. After erasing, here's what the layer looks like:

10. Now that we're done erasing, let's bump the saturation up to add vibrancy to the final layout. Click on the Fill/Adjustment Layer tool and select Hue/Saturation:

11. Let's increase the saturation to 8, then close the Adjustment panel by clicking the circle button on top left:

 12. And now, the final result.

To save your layout, repeat Step 3-4 from Technique #1.


- - -

A comparison between Technique #2 (left) and Technique #3 (right):


I love how I can play with the level of details that I want to keep here, by using the Eraser tool. I also love that I can remove the overly-sharp parts and dark shadows that were created by the High Pass filter. The result looks more natural and vibrant, just the way I like it. The differences might be subtle, but when you look closely, you'll see them.

Now let's learn how to automate the process so you'll only spend 30 seconds (or less) on the Advanced technique!

- - -



We'll be using the Actions tool here.


1. First of all, open your 12"x12", flattened JPG layout, then open up the Actions tool window by navigating to Window > Actions:

2. Now we're going to record what we do in Technique #3! Click on the icon below to create a new action:

3. Name it "Save for Web" or whatever you like, then click "Record".


 4. We'll start with resizing our layout to 600x600 px:


5. Then select the Background layer and duplicate it:

6. Apply High Pass filter on the duplicate layer:


7. Add the Hue/Saturation adjustment layer:


8. Now click on the Stop button to stop recording:

9. That's it! You now have a Save for Web action that will enable you to save your layout in just a few seconds!

10. All you have to do now is erase the parts that you want to be less sharp using the Eraser tool, or simply lower the duplicate layer's opacity to 10%-70% (whichever number you prefer). Then repeat Step 3-4 from Technique #1 to save your layout.


- - -


I hope you've enjoyed this tutorial and learned something from it! If you need any help, just leave a comment below and I'll do my best to help you in any way I can.

Thank you for reading! ♥ ♥ ♥

No comments: