Dear Adobe, How to Redesign the Tone Curve

The Curves adjustment is a powerful tool that can do a lot – even replacing multiple adjustment layers (ex. Brightness/Contrast, Color Balance, Photo Filter, etc.). But it’s not intuitive at all. Before you can even begin using the curves adjustment, you first have to spend time learning it.

But it doesn’t have to be this way. The curves adjustment can be designed so that even if it’s your first time using it, you’ll be able to get a general feeling of how it works without spending so much time learning how to use it first.

In this video, you’ll see 5 improves that can be made to the curves adjustment and in the process, you’ll also better understand how the tone curves work.

The post Dear Adobe, How to Redesign the Tone Curve appeared first on Photoshop Tutorials.

Photoshop Tutorials

How to Create a Professional Web Layout in Photoshop

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started!

Preview of Final Results

website template

Create a Professional Web Layout Photoshop Tutorial

Resources

Step 1 : Mockup

Before we start designing, we need to plan out the requirements, looks and the functionality. Then we need to fit these ideas into a layout to execute them visually. Mockups and wire frames are greatly useful to create layouts with lot of flexibility. It is a best practice and highly encouraged in the Industry.

I put the below one together using only grey tones. That way we eliminate color from the scene at this point. So that we can concentrate on the layout as a whole and avoid messing up with colors. That gives much freedom to quickly alter and rearrange things. A mockup can be as detailed as you want. For this purpose I am going with the below one. Just briefly defining the layout and what goes where.

img(1a)

Step 2 : Set up the Canvas

So we have a blue print for our layout. Let’s actually put the design together! We are going to create a 960 pixel wide layout. Create a new document at 1200 x 1500.

img(1)

This is a 960 pixel wide layout, so we need define the work area by adding guidelines. Press Ctrl+A to select the entire document.

img(2)

Go to Select > Transform Selection. Shrink the selection down to 960 pixels wide. That is the work area of the layout.

img(3)

Add guide lines to the selection.

img(4)

We need to create some padding between the border and the content that we will add later! With the selection active again choose Transform Selection. Resize the selection to 920 pixels wide. That means 20 pixels of padding each side totaling 40 pixels of padding.

img(5)

Add guides to the selection.

img(6)

Step 3 : Create the Header

Let’s create the header of the layout! Make a selection that is 465 pixels in height.

img(8)

Fill the selection with a gray value first and later use the Layer Styles to add colors and gradients. Follow this throughout the design to maintain a visual hierarchy.

img(9)

Add Gradient to the header. Double click on the layer thumbnail. Select Gradient Overlay. Create the below 2 color gradient. Use the settings.

img(10)

It should look like this.

img(11)

Next need to add a highlight to the header. Create a new layer by pressing Ctrl+Alt+Shift+N. Pick a soft brush with a diameter of 600px. Pick #19535a for brush color. Just click once on the center of the header.

img(12)

Make a selection from the top that is 110 pixels in height.

img(13)

Hit Delete key to delete the selected portion. That looks like below.

img(14)

Shrink it vertically by pressing Ctrl+T.

img(15)

We need to make sure that the highlight spot is perfectly centered to the header. Select layers, header and highlight and press “V” to switch to Move Tool. On the Options Panel select Align Horizontal Centers button.

img(16)

Create a new layer, draw a one pixel highlight line using the Pencil Tool with color #01bfd2.

img(17)

Hide the edges smoothly using a gradient mask. Pick the Gradient Tool, create the below gradient in the Options Panel.

img(18)

Apply the above gradient.

img(19)

Step 4 : Create Texture Pattern

Now create a simple checker pattern and apply to the header. Pick the Pencil Tool, set the brush size to 2 pixels and add two dots that are touching each others corners. Turn off the background and select the dots. Choose Edit > Define Pattern.

img(20)

Create a new layer and place it below the highlight layer. Select the area we want to apply the pattern. Press Shift+F5 to load the Fill dialogue box. Choose the pattern that is just created. And OK.

img(21)

The selection is filled with the pattern. Take a closer look.

img(23)

Blend the pattern smoothly into the header. Add a Layer Mask to the pattern layer. Pick a soft brush and paint with a large soft brush. Pick #ffffff for brush color. Reduce the brush Opacity to about 60% and paint. If you find it too strong then adjust the layer opacity individually.

img(24)

Nicely blended.

img(25)

Step 5 : Adding the Logotype

The background is pretty much completed. Now add the logo type. Before adding the type add a highlight that stays behind the logo. Pick a soft brush with #19535a. Add a spot.

img(27)

Add the Type. The font face I used is “Bebas”. Download it for free.

img(28)

Apply subtle effects to the logo.

img(29)

img(30)

Step 6 : Navigation

Add the navigation links.

img(31)

img(32)

Create the navigation button. Use Rectangular Marquee Tool. Fill any color. Then Lower the Fill Opacity to zero.

img(33)

Double click on the layer thumbnail, select Gradient Overlay. Use these settings.

img(34)

Step 7 : Content Slider

Make selection that is 580 x 295 pixels.

img(35)

Fill the selection with a grey tone.

img(36)

Bring in the image you want to use. Clip it to the base layer we created above.

img(37)

Now add shadow effect to the slider. Create a new layer. Select the Brush Tool, set the diameter to 400 pixels. Open the Brushes palette, decrease the roundness. Use the below settings.

img(38)

Set the brush color to #000000 and add spot.

img(39)

Apply some Gaussian Blur to soften the edges.

img(40)

Select the bottom half of the shadow and delete it.

img(41)

Reposition the shadow just above the slider.

img(42)

I shrunk it vertically. Next align it centered to the slider. Select both layers and on the Options Panel click on the Align Horizontal Centers button.

img(43)

Duplicate the shadow and rotate it vertically. Place it on the bottom edge of the slider.

img(44)

Create slider control buttons using Rectangular Marqee Tool. Fill #000000.

img(45)

Lower the buttons Opacity to 50%

img(46)

Open the auto shapes from the Options Panel and select this arrow. Add it to the buttons.

img(47)

Add a strip. Fill with #000000.

img(48)

Lower the Opacity to 50%.

img(49)

Here we can add description about the project.

img(50)

Step 8 : Add some Welcome Lines

A welcome and some description about the website goes here.

img(51)

img(52)

Step 9 : Finishing up the Header

We almost finished the header. Let’s add a subtle shadow effect to the finish things off! Create a shadow just as we created earlier using the brush tool.

img(53)

Leave 1px gap between the header and the shadow.

img(54)

Step 10 : Apply Gradient to the Background

Create a light grey to white gradient.

img(55)

Create a new layer below the header and apply the gradient.

img(56)

img(57)

Step 11 : Add Slider Rotation Controls

Create rotation controls.

img(58)

Apply Inner Shadow to one control to indicate the current active item in the slider.

img(59)

Step 12 : Create Content Divider

Select the Pencil Tool and draw 1 pixel line. Pick light gray (#aaaaaa).

img(60)

Hide the edges smoothly using gradient mask.

img(61)

Step 13 : Adding the Main Content

It is time to get into the actual content part. This is a 3 column layout. We need to create 3 equal columns with some padding between them. I did a simple calculation and divided the available space into 3 equal width boxes with 25 pixels padding between them.

img(62)

Add guide lines to the boxes. Then remove the boxes. And these are the columns.

img(63)

Add some featured services. Drop in the icons from the Function icon set. Maintain distance between objects uniformally.

img(65)

img(66)

Let’s create a simple “Read More” button. Select the Rounded Rectangle Tool to draw the shape. Make sure it is a Shape Layer.

img(67)

Apply Gradient Overlay and Stroke to the button.

img(68)

img(69)

Duplicate the button.

img(71)

We will add some recent work items. I drew three image holder boxes and applied 3 pixel stroke .

img(72)

Clip the images to the boxes.

img(73)

img(74)

I created shadow like we did earlier and placed it below the boxes.

img(75)

Add some project description.

img(76)

Let’s create the Twitter Feed. Drop in the Twitter bird icon.

img(77)

Added a Twitter announcement.

img(78)

Create a button for More Tweets.

img(79)

Apply these styles.

img(80)

img(81)

Add text.

img(82)

Step 14 : Creating Footer and Finishing

Make a selection for the footer and fill it with a grey value.

img(83)

Apply Color Overlay.

img(84)

Finally add footer navigation and copyright info. And that concludes the session. Take a look at the final image.

img(85)

Final Results

website template

Header image provided by DepositPhoto

Download the PSD

Tutorial by Niranth M

profileI am a Graphic Designer and a wannabe VFX artist. Worked extensively in the Web design industry. Thank you for following this tutorial. Hope you learned something and had fun reading this tutorial.

– niranth

The post How to Create a Professional Web Layout in Photoshop appeared first on Photoshop Tutorials.

Photoshop Tutorials

How to Create Vivid Arabian Night Composite in Photoshop

Learn how to create a beautiful Arabian night photo manipulation with Photoshop. You will learn several blending tricks and composting tips that will help you create a vivid vector-like landscape.

What you’ll be creating

This photo manipulation is my vision on how the desert should look in a story: mysterious and welcoming. You will need Photoshop CS5 or newer to create this tutorial..

final-results

Tutorial Resources

Step 1

Create a new document 3797×2440 px. Using the Gradient Tool to create a nice gradient with #04243f as foreground color and #0e74d6 as background color.

1

Step 2

Create a new layer (Ctrl + Shift + N), set the foreground color to white and using the stars brush create some stars.

2

Step 3

Create a new layer and using white and white-orange draw a comet coming from above. It’s not that hard really, just draw with the white brush a couple of short diagonal lines and draw a loose circle at the end of those lines (head of the comet).

3

Step 4

Open the clouds image and choose Select> Color Range. Click with the marker once on a bright spot in the picture to select most of the white clouds. Click Ok. Press Ctrl + C to copy the selection and close the clouds document. Go back to our document and press Ctrl + V to paste. Rename the pasted layer Clouds to keep layers from cluttering. Right click the Clouds layer and choose Convert To Smart Object. Press Ctrl + T to enter Free Transform and resize the clouds as I did in the image below. Finally, set the blending mode of the layer to Lighten.

4

Step 5

Add a layer mask to the Clouds layer (Layer > Layer Mask > Reveal All). With a soft black brush mask the edges of the clouds so that they integrate flawlessly with the sky.

5

Step 6

Create a new layer and set the blending mode to Overlay. Choose #e37952 as foreground color and with a soft brush paint lightly in the area indicated below. Lower the opacity of the layer to 40-50 %. This will be the horizon diffuse light later when we will add the terrain. You can also group all the layers we created until now. To group layers select them by shift- clicking each and press Ctrl + G.

6

Step 7

Open the file Moon and using the Elliptical Marquee Tool select the moon. Copy (Ctrl + C) and paste (Ctrl + V) into our document. Right click on the pasted layer and choose Convert to Smart Object. Resize and position as I did in the image below.

7

Step 8

Double-click the moon layer to enter Advanced Blending Mode and apply a color overlay (#71a8e3) set to Overlay Blending Mode.

8

Step 9

Add a layer mask to the layer moon and using a round black soft brush mask the lower and the left side of the moon.

9

Step 10

Let’s add some highlight to our moon. Create a new layer and add a layer mask (Layer > Layer Mask > Hide All). Ctrl- click on the moon layer to make a selection than press D to set the default colors. Finally, press Alt + Backspace to fill the selection with white. Click on the layer again to select it and with a white brush paint some highlights on the right and up side of the moon.

.

10

Step 11

Now let’s create the terrain. Open file “Desert” and using the quick selection tool select the terrain only (not the sky). Copy and paste the terrain into our document. As you already guess now you should right click the desert layer and convert it to a smart object. Resize it and position the terrain as shown below. If your selection was imperfect feel free to add a layer mask and mask the

unwanted bits.

11

Step 12

In this step and the following steps we will apply some adjustment layers to the desert layer in order to blend it better with our image. Usually almost any imported/pasted layer is often more saturated than the rest of the composition (not only in this case but in general) so let’s add a Hue/Saturation Adjustment layer and tweak with the values. We notice that the terrain looks much better if we decrease slightly the saturation. But in order to apply the effect only to the terrain layer we must clip the Hue/Saturation to the Desert layer by Alt-clicking between the two ( and we will do so for the rest of the adjustment layers applied to the terrain). If you notice the a group called City and wonder why you don’t have it don’t worry about it, you will find out why in the future steps.

12

12b

12c

Step 13

Now let’s color correct the terrain a bit. Add a curve adjustment layer and use the settings shown below. Clip this layer to the layer below (it should be clipped to a Hue/Saturation layer which in turn is clipping the desert layer). Lower the opacity to 32%.

13

13a

13b

13c

Step 14

Now let’s add some selective lighting. We will make the foreground part of the terrain darker. Add a Curves adjustment layer and drag the curve down to darken. Click on the layer mask and with a black brush paint on the top part of the terrain to keep it untouched by the darkening effect. Lower the opacity until you achieve a pleasant effect (40%). Clip the layer to the layer below.

14

14a

Step 15

And as a last adjustment layer applied to the desert create a Brightness/Contrast layer and drag the Contrast slider to the right until a value of 70 is reached. Clip the layer to the layer below.

15

15a

Step 16

Group the terrain layer and the all the adjustment layers we applied to it into a new group.

16

Step 17

Now we’ll create a city in the distance. Create a new layer and press Ctrl + G to add it to a group. Name the group city and move it below the terrain layer.

Step 18

First of all be careful to put all city related layers inside the group City or else we will have a messy document. Our city will have three layers of building outlines to simulate depth. First outline will be dark and it will sit in front, second will be a little lighter than the first and sit in the back of the first outline and third will be even lighter and will sit behind the two other outlines. If you followed the step 17 you should have a single empty layer inside the City group. Select this empty layer and group it again by pressing Ctrl + G. Name the group Dark Buildings. Choose the Mosque Brush and with click a couple of times using a variety of mosque buildings to create a something like I did below.

Step 19

Now we will add some highlights to our dark outlines in order to give them some 3d volume. Create a new layer in the Dark Buildings group and name it Highlight. Clip this layer to the outline layer we created in step 18 (for clipping refer to step 12). We assume that the light comes from the left up side of our image so the highlights will have to be on the left side of the building outlines. Select a white round soft brush at 10% Opacity and paint some highlights on the left side and top of each building. Don’t overdo, be subtle.

Step 20

When light hits an object we usually notice a very sharp bright line on the corner or top of it. This is called specular highlight and it gives our objects a nice look. Create a new layer and clip it to the highlights layer. Name this layer Specular Highlight. With a white brush at 30-40% Opacity and 1px size paint some subtle specular highlights on top and left side of the buildings. Again, be subtle.

Step 21

Now let’s create the second city outline. Repeat the steps 18 to 20 but increase the size of the Mosque brushes and place them a little higher than the Dark Buildings outline. Name the newly created group Medium Dark Buildings and place this group below the Dark Buildings group in the Layer Palette. Lower the opacity of the Medium Dark Buildings to 85%.

21

21a

Step 22

For the last city outline we will use a mosque from a picture. Open file Mosque and make a selection of the mosque using the Lasso Tool or the Pen Tool. Copy and paste into our image. Right click the pasted layer and choose Convert To Smart Object. Use Free Transform (Ctrl + T) to place the mosque behind the two other building outlines.

22

Step 23

Now let’s fill the Mosque with black color in order to make it an outline. There are multiple ways to do that but I went for a Adjustment Layer solution. Create a new Curves Adjustment layer and place it above the Mosque layer. Clip the Curves layer to the Mosque layer and drag the right point of the curve all the way down.

23

23a

Step 24

Select both the Mosque and the Curves layer and group them together (Shift – click each and press Ctrl + G) and name the group Big Mosque. Add a layer mask to the group. Shift click both the Dark Mosque layer (the layer where you applied the brushes) and the Medium Dark Buildings. This will create a selection of both. Now click back on the layer mask of the group Big Mosque and press D to set default colors and Alt + Backspace to fill selection with black. This will prevent the ugly look caused by stacking multiple transparent layers on top of each other.

24

Step 25

Apply both a specular highlight layer and a highlight layer to the Big Mosque group (as we did in step 18 to 20) and group all these layers together. Name the new group Light Buildings.

25

25a

Step 26

It starts to look good but we still need to make the city look more real. And the best way to make a city look real is to add smoke/dust. Create two new layers and name them Smoke. Place one between Dark Buildings group and Medium Dark Buildings Group. Place the second one between Medium Dark Building group and Light Building group. Choose a soft white brush at 1% Opacity and paint some smoke/dust (just draw some loose horizontal lines). The effect will be barely visible but it helps selling our city.

26

26a

Step 27

Group all the city layers we created until now and name the new group City Outlines.

27

Step 28

Let’s create some extra smoke. Create a new layer, name it Smoke and paint a more pronounced smoke effect than we did at step 26. Place this layer above the City Outlines group.

28

Step 29

There are probably people still active in the city even at night (unless it is a deserted city) so let’s show that by creating some window lights. Create a new layer and name it Window Lights. Choose a light yellow color and with a round soft brush at 2-3px draw some dots where you feel that windows or doors should be. If you don’t feel anything take a look at how I did it below.

29

Step 30

Now let’s add some random detail to break the monotony. Create a new layer and name it Extra Detail. Using a 3-4px size brush at 10% Opacity squiggle a few lines here and there.

30

Step 31

A city in the desert wouldn’t be a city without some palm trees. Open the file Palm Tree and press Ctrl + A to select all and Ctrl + C to copy. Go back to our document and press Ctrl + V to paste. Right click the newly pasted layer and choose Convert To Smart Object. Free Transform (Ctrl + T) to resize and position the palm to look like in the image below.

31

Step 32

Let’s darken the palm so that it matches the city. Create a new Curves Adjustment Layer and place it above the Palm Tree layer. Clip the Curves layer to Palm Trees layer. Drag the curve down to darken the palm. Group both the Curves and the palm layer and name the group Palm Tree.

32

32a

32b

Step 33

In order to add more palms simply duplicate the Palm Tree group (Ctrl + J) and resize and rotate slightly each palm. Place 6-10 palms across the city length. Group all the Palm Tree Groups under a new group called Palm Trees.

33

Step 34

Now shift-click City Outlines group, Smoke layer, Window Lights layer, Extra detail layer, Palm Trees layer and group them together. Name this new group City. Make sure this group is below the Terrain group.

34

Step 35

This is a desert so it probably should have a snake. Open file Snake and make a selection of the snake. Copy and paste it into our document. Right click the layer and choose Convert To Smart Object. Free Transform to position and resize as shown below.

35

Step 36

Let’s add some lights and shadows to our snake. Create a Curves Adjustment layer and clip it to the Snake layer. Drag the curve up to lighten. In the layer mask paint with black the bottom parts of the snake to lighten only the upper parts.

36

36a

Step 37

Create a new Curves Adjustment layer and clip it to the Curves Adjustment layer below. Drag the curve down to darken. In the layer mask paint with black mostly the upper parts of the snake to prevent the darkening effect from happening here (the light comes from left up side so the superior part of the snake should be light and the lower part should be dark).

37

Step 38

In order to make our snake stand out let’s create some strong shiny highlights on his back. Create a new layer and name it Highlights. Clip this layer to the two Curve Adjustment layers below. Change the blending mode to Overlay and with a round white soft brush at 20% Opacity paint on some of the top area of the snake (go for the head, a little in the middle and a little near the tail).

38

Step 39

The snake looks like it’s floating above the desert. That’s because he lacks a shadow. Create a new layer, name it Shadow and change it’s blending mode to Multiply. Place this layer below the snake layer and with a soft round black brush at 50% Opacity paint some shadow under the snake. Group all the snake related layers and name the group (obviously)Snake.

39

39b

Step 40

Open file Crane and make a selection of the crane. Copy and paste into our document. Ctrl-click the layer, press D to set default colors and Alt + Backspace to fill the selection with black. Use Free Transform to resize and position the layer as shown below. Usually we convert the imported layers into Smart Objects, however because in this case I thought it to be an overkill I didn’t convert it.

40

Step 41

Create a new layer, put it below the Crane layer and change the blending mode to Multiply. Draw some light shadows with a black brush at 20-30% Opacity. Group the crane related layers and name the group Crane.

41

Step 42

A desert without an oasis would be a poor desert. Since there are no oasis photos we can use in this case we will draw the oasis. It’s not as hard as it seems, you’ll see. In almost any drawing the water should have the color of the sky. Sample a color from the blue sky (with the brush tool selected hold Alt and click to sample). Create a new layer and name it Color Base. With the chalk brush at 90% Opacity paint an approximate rough ellipse as indicated below. I also added a layer mask and further mask the edges in order to blend with the desert.

42

Step 43

Create a new layer and name it Water Basic Reflection. Clip it to the Color Base layer and change the blending mode to Color Dodge. Using #1c71ae color and a round soft brush at 40-50% Opacity paint over the water surface. Paint more in the middle.

43

Step 44

Create another layer and clip it to the Water Basic Reflection layer. Change the blending mode to Color Dodge and name it Moon Reflection. Sample a color from the moon (a lighter blue) and draw some lines in the middle of the water surface. If the effect is too strong lower the fill to 50-60%.

44

Step 45

When the sand is wet it will be a darker color than the dray sand. Let’s create some wet sand effect on the shores of our lake. Create a new layer and with a black chalk brush at 30% Opacity draw some loose lines around the lake.

45

Step 46

Add some extra moon highlight by creating a new layer, setting the blending mode to Color Dodge and painting just a little bit in the very center of the lake with a light blue color.

46

Step 47

Let’s add some glow to our lake. Create a new layer and set the blending mode to Overlay. Using a soft round brush at 5% Opacity paint a little bit with white over the center of the lake.

47

Step 48

Usually there are some sort of plants growing around lakes. Create a new layer and with a black chalk brush at 2px size and 80% Opacity squiggle a few herbs here and there. Group all the oasis related layers and name the group Oasis Lake.

48

Step 49

Select the Brush and choose one of the Camel brushes. Choose black as a foreground color and create a new layer .Click once on it to draw the camels. Resize and position the camels as shown below.

49

Step 50

Open the Palm file again and copy/paste the palm into our document. Convert it to Smart Object. Add a layer mask and with a black brush paint a little at the bottom of the palm trunk so that it will blend nicely with the terrain. Make 2 extra duplicates by pressing Ctrl + J twice. Resize and position each pals above the oasis lake (as shown below).

50

Step 51

Open the Palm file again and copy/paste the palm into our document. Convert it to Smart Object. Add a layer mask and with a black brush paint a little at the bottom of the palm trunk so that it will blend nicely with the terrain. Make 2 extra duplicates by pressing Ctrl + J twice. Resize and position each pals above the oasis lake (as shown below).

51

Step 52

Let’s add some shadow to our palms. Create a new layer and place it inside the Palms group. Change the blending mode to Multiply and with a black chalk brush at 60% Opacity draw some shadows for the palms. Remember that the light is coming from the left up so the shadows should be directed towards right and down.

52

52b

Step 53

Ok, so now we are done with the composition of our scene. Time to add some color effects. Let’s start by setting a night mood to our scene. Create a Gradient Map Adjustment layer and choose the indicated preset. Change the blending mode to Soft Light and lower the fill to 66%.

53

53b

Step 54

Let’s boost up the contrast. Add a Brightness/Contrast Adjustment layer and drag the Contrast slider to the right until we reach a value of 45.

54

Step 55

Light areas in a painting draw the eye and establish the interest points. Create a new Curves Adjustment layer and drag the curves up to lighten. Click on the layer mask, press D to set default colors and press Alt + Backspace to fill the mask with black. Now choose a soft white brush at 30% opacity and paint over the horizon, the moon, the oasis and the city.

55

Step 56

Sampling a color from a scene, filling a layer with that color and setting the layer blending mode to Color Dodge will give a nice punch to the colors. Let’s do this in our scene. Sample a dark blue from the sky (#1c71ae), create a new layer and fill it with the sampled color. Change the blending mode to Color Dodge.

56

Step 57

In order to further increase the focus on the sky let’s darken the terrain a bit. Create a Curves Adjustment layer and drag the curve down a little to darken. Choose the Gradient tool and press D to set default colors. Click on the layer mask and holding Shift drag from the top of the scene to the bottom area.

Step 58

Finally, let’s add some color tint. Create a new Gradient Map Adjustment layer an choose the same preset as we choose at step 53. Change the blending mode to Linear Dodge and lower the Opacity to 23%. That’s it.

58

58b

Final Results

final-results[1]

Download the PSD

Tutorial by Adrian Scheff

profile

Thanks for following my tutorial and I hope you learned some useful Photoshop tips and techniques. You can find me on deviant art at fantmayo.deviantart.com.

-Adrian Scheff

The post How to Create Vivid Arabian Night Composite in Photoshop appeared first on Photoshop Tutorials.

Photoshop Tutorials

Freebie: 5 Skin Retouching Photoshop Actions

Retouch skin like a pro with these Photoshop actions that will let you heal, mattify, and airbrush skin with one click. It also includes actions for brightening eyes and increasing contrast; the former reduces redness and increases brightness in the eyes while the latter increases contrast without clipping highlights/shadows. These actions by SparkleStock are easy-to-use. Simply play the action then paint over the areas that you want to retouch.

Skin Retouching Actions Preview

To retouch skin, simply play an action then paint over the areas that you want to retouch. They’re extremely easy to use and a rough paint will work – you don’t need to be too precise.

The skin airbrushing action makes skin look smoother without losing skin details.

Note: The video uses the SparkleStock version of this action that contains 20 retouching actions rather than 5.

Download the Retouching Actions

  • Mattifier
  • Skin Airbrushing
  • Brighten Eyes
  • Redness Reducer
  • Clipping-Free Contrast
  • Ultra Mattifier
  • Skin Airbrushing (Lite)
  • Skin Airbrushing (Sharp)
  • Skin Blur
  • Plastic Skin
  • Lip Enhancer
  • Teeth Whitener
  • Freckle Remover (Light-Brown Freckles)
  • High-Pass Contrast
  • Local Contrast
  • Shadow Contrast
  • Midtone Contrast
  • Highlight Contrast
  • Emphasize Skin Flaws
  • Diffused Glow

The post Freebie: 5 Skin Retouching Photoshop Actions appeared first on Photoshop Tutorials.

Photoshop Tutorials

Quick Tip: How to Create Fun Spirographs and Fractals

Spirographs and fractals look complicated but are actually very easy to create – it only takes a bit of experimentation. These fractals then can be used as artwork itself or as elements in photo manipulations, backgrounds, and graphic design related works.

Preview of Final Results


Step 1

We’re going to start by creating a 2000×2000 pixels document with a black background. You can use any image size that suits your artwork. Create a new layer and draw any shape you like. To make things simple, we’ll be using the Ellipse Tool. Set the mode to “Shape”, fill to none, and stroke to white.

Draw the shape in the middle of your document.


Step 2

Switch back to the Move tool (V) then activate the Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform). Drag anywhere outside of the transform box to rotate it. You can hold the shift key while dragging to snap the rotations to 15º increments. Press enter to apply the transformation.


Step 3

At this point, you probably already guessed how we’ll be creating this spirograph – duplicating and rotating the object until it makes a full circle. This takes awhile but thankfully there’s a very useful hotkey that will automate this process. Switch to the Move tool (V) then simply press Ctrl+Shift+Alt+T (Command+Option+Shift+T on Macs) repeatedly until you form a circle.


Step 4

That was just a simple spirograph. Try experimenting with different transformations. Here are some examples of alternate settings you can play around with:

Changing the reference point location:

Changing width and height:

Changing rotation and skew


Step 5

Now that you’ve experimented with different settings, it’s time to take it to the next level. In the next steps, you’ll learn how to create spirographs with actions to give you even more customization. Using actions, you can change the color, opacity, and many other settings in addition to the transform settings you did earlier.

Start by creating another outline using any tool. Make sure that the layer is rasterized if you created the shape with any of the vector tools. To do this, right-click on the layer and choose Rasterize Layer. I drew a simple red oval outline.


Step 6

Next, create a new action in the Actions panel (Window > Actions). To create a new action, start by clicking on the “Create New Set”  button in the Actions panel. Give this action set any name you like – I called mine “Spirograph”. Next, click on the “Create New Action”  button. Name this action anything but pick any hot key in the Function Key area. I chose F12. Click the Record button


Step 7

Your action is now recording all your actions. Follow these steps to record your actions

  1. Press Ctrl/Cmd+J to duplicate the current layer.
  2. Press Ctrl/Cmd+T to activate the Free Transform tool. Make any transformation you like. I made my ellipse rotate by 15º and skew vertically by 15º.
  3. Press Ctrl/Cmd+U to access the Hue/Saturation tool. Make any adjustment you like. I simply set the hue to 8.

When you’re done, press the “Stop”  button in the Actions panel. You now have a new action that you can play simply by pressing the function key that you assigned earlier (mine was set to F12).


Step 8

Press the function key you assigned (mine was F12) until your spirograph is built. Here’s what my spirograph looks like. It’s not really that amazing but we can always try different settings.

To change the settings, you can simply double-click on any of the steps inside your action.

Here’s what my image looks like simply by changing the “Transform current layer” step and making the transform tool scale the layers width and height by 110%.

It wasn’t exactly what I wanted so I deleted all the layers and made it transform the width and height by 105% instead of 110%.

Final Results

From here on, it’s up to you to experiment with different looks. As you start experimenting, you’ll find new ways of creating not just spirographs, but random fractals. Here’s another example of what you can create.

Example 1

  1. Duplicate layer.
  2. Free transform – Angle: 5º, Horizontal Skew: 10º
  3. Offset (Filter > Other > Offset) – 10 pixels from the top and left.
  4. Hue/Saturation – 10º Hue

Example 2

    1. Duplicate layer.
    2. Free transform – Angle: 9º
    3. Hue/Saturation – 9º Hue

The post Quick Tip: How to Create Fun Spirographs and Fractals appeared first on Photoshop Tutorials.

Photoshop Tutorials