Tag Archives: photoshop tutorials

Sunsets (PHSH Effect #27)

Loading

I was going to say I chose to do a sunset so we could get over our winter blues, but we actually had a pretty mild winter where I am, so not too sure how well that works. Whether or not you also had a mild winter, learning to make a sunset effect in Photoshop can still be fun!

This tutorial is one of the simpler ones, so you’ll have plenty of time to practice, and might pick it up faster than some of the others!

For this tutorial, it’s going to really help you out if you choose an image that’s almost a sunset, anyway. I initially tried this effect myself (as well as some Youtube tutorials) using a picture that had high-noon sun lighting and it just did not work. At all. I’ll show you that disaster at the end of the tutorial, so you can see.

Now normally, I’d consider using a picture that’s already close to what you want to achieve as ‘cheating’ – if you were going to just use the pre-made picture as-is, you might as well go all the way and just find a full sunset picture – but seeing the difference between the high-noon picture and the one I ended up using was so drastic, I’m giving it a pass. (Also because I couldn’t figure out how to make it work on the high-noon picture)

This is the picture I ended up using:

Step 1

After re-sizing your picture to fit your new work document, you’ll want to make a Gradient Layer.

You’re going to have to create your own sunset colour gradient for your image. The specific colours you use will heavily depend on the colours your image already has. If you don’t pick colours that are already somewhat close, it won’t tint the image correctly and will end up looking very fake.

You’ll want to use 4 sunset colours, and then the last colour you’ll need to make light grey.

For my image, these are the colours I used:

1st: Pale Yellow: Colour Code #fffac4

2nd Brighter Yellow: Colour Code #fcf38d

3rd Pale Orange: Colour Code #ffbb5b

4th Brighter Orange: Colour Code #ff8b2e

If you plan on using this effect often, feel free to Save this Gradient by giving it a name and then pressing the New button to add it to your Gradient Presets.

Once you have the correct colours, you’ll want to click on the colour bar to make one of those pointer things show up on the top of the bar, and then change it’s Opacity to 75%. Or, you can just drag the pointer that’s already at the top on the left side (over the pale yellow) over until it’s over the Pale Orange and change that ones Opacity.

You’ll also want to change the Opacity of the pointer that’s over the Grey to about 30%.

Once you’ve changed those Opactities, click the Okay button.

Then once you’re back in the Gradient Fill dialogue box, change the Style to Radial, change the Angle to 130 and change the Scale to between 120-135, depending on what works best with your image. (Mine was 135)

 

Step 2

Now we’re going to change the Brightness of the picture. To do this, go back to the Create New Fill/Adjustment Layer at the bottom of the Layers Panel and select Brightness/Contrast from the menu.

In the Panel that pops up, you’ll either want to slide the Brightness slider down or just replace the value by typing in -26.

After you successfully lower the Brightness, just click on the double arrows at the top right-hand side of the panel to close it.

 

Step 3

Now we’re going to add a filtered look to the whole picture. To do this, we’re going to add 2 Solid Colour Layers.

To make the 1st Colour Layer, go back down to the Create New Fill/Adjustment Layer at the bottom of the Layers Panel and click on Solid Colour.

The first colour we’re going to pick is going to be a darker colour. For my image, I had to choose a shade of Brown (#644503), however in one of the tutorials I saw on Youtube, the person made this colour a pinky Red. This will depend entirely on the image you chose.

If you find it easier, feel free to use the colours I’m using in this tutorial, and then once you’ve gone through all the steps, go back and see if changing the colours will make the image look better/more realistic.

The next colour layer we’re going to add is going to be a bright colour. For my image, I found a bright Orange (#ff7200) worked well. The Youtube tutorial person made this colour a pale yellow.

 

Step 4

Now that we’ve got both the colour layers, it’s time to incorporate them into the image!

Still being on your bright colour layer, change the Opacity to 35% and change the Blend Mode to Soft Light.

Next, go back to your darker colour (Brown) layer and change it’s Opacity to 27%, and then change this one’s Blend Mode to Vivid Light.

 

Step 5

At this point, you should see your image looking sunset-y. If you don’t and you’ve been following the tutorial colours, don’t worry. You might just have to change the colours to suite your own image.

For this step, we’re going to go back to the Gradient layer, and change it’s Blend Mode to Hard Light.

It doesn’t look like my image colour changed because I already had the Gradient layer’s Blend Mode to Hard Light. If it was on Normal (like yours should be), this should be what it looks like:

 

Step 6

Can you believe we’re already at the last step? Yep, it’s true!

The last thing you need to do is drag your darker colour (Brown) layer so it’s sitting underneath the Gradient layer.

To do this, just click on the layer in the Layer’s Menu and then drag it until it’s under the Gradient layer. Once it’s in the right place, take your finger off the mouse button.

Once you’ve got the darker colour under the Gradient, all you need to do is save because this effect is now done! Don’t forget to save both a PHSH file (.psd) and a picture file (.png, .jpeg, etc.), this way you can go back if you need to adjust something and/or to just play around with colours or layers later.

Also, as promised, here are my failed attempts at creating a sunset on a picture with high-noon lighting.

First, the original picture:

And now the first failed attempt. This attempt was the one I did by following a Youtube tutorial.

And this is the failed attempt from after I changed colours to see if that would help.

The 2nd attempt was closer, but no matter how I tweaked the colours – whether making them more red, more orange or more yellow – I just couldn’t make it work with the lighting. No matter what I did, it just kept looking fake/edited. I also had to add the sun to the image, and I feel like that also contributed to the failure of it.

So yeah, in case you didn’t know: just because I make these tutorials doesn’t mean I don’t also still fail at making effects! This is why I always try to remind you guys not to feel bad or get down on yourselves if you try an effect and it doesn’t work. There are many factors that go into making an effect work – the picture you choose, your version of Photoshop, and sometimes I swear just if you’re having a lucky day.

Keep practicing and fiddling around and you should get it eventually!

Also I don’t remember if I’ve ever said, but if you guys ever have questions about any of the effects I share, please feel free to reach out and ask! The whole reason I started this tutorial series was to help people (mainly indie authors) and it wouldn’t be very helpful if you found the tutorial confusing, or come away with more questions than answers.


Like this tutorial? Check out the rest of the series here!

Lens Flares (PHSH Effect #21)

Loading

This article was written 21.11.26, please excuse any joke/reference that’s no longer applicable.


I hope you practiced the Glitter effect well last month, because this month, I’m showing you how to make your glitter effects look a little more realistic with Lens Flares.

Step 1

For this tutorial, you’re gonna want to open the (unflattened) Glitter project you were previously working on. If you don’t have one, or missed the tutorial, check it out here, and then come back.

Once you have a Glitter-effect picture open, create a New Layer (using the button on the bottom of the Layers panel), and then select the Brush tool from the left-hand side.

Go up to the Brush settings and change the size to something pretty small, and change the Hardness to very low, as well.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 1 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Step 2

Next, while making sure you’re on the New Layer, I want you to paint a dot somewhere on the picture you’ll be able to see it.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 2 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Optionally, you can now make a smaller dot directly in the middle of this white one, by using the Eye Dropper tool and picking up a colour from your glitter. This can help the Lens Flare look more realistic, but it depends on the image being used.

For this tutorial, I negated the glitter-coloured dot, and the picture still came out fine. However, when I’ve done these effects on a more complicated image, the coloured dot in the center made a surprisingly big difference.

That said, since you’re just learning and most likely doing so in a simple picture, you won’t have to worry about that right now. Just keep it in mind for the future.

 

Step 3

Now, stretch the white dot vertically, elongating it.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 3 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Then, copy the stretched out dot (by click/dragging the image while holding down ALT), or make another one.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 4 1 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Step 4

Once you have 2 stretched dots, rotate one of them horizontally, and fit it over the first (still vertical) dot, so you make a T shape with them.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 4 2 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Step 5

Next, in the Layers panel, select both stretched out dot Layers (hold CTRL while you click on both layers), then right-click, and select Merge Layers.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 5 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

This will merge the two stretched out dot layers together, making them 1 layer. This will make it easier to use throughout the rest of the tutorial. However, if you wanted to keep them separate, but use them together, you could either CTRL + click them every time, or, add them to a Group (the folder button at the bottom of the Layers panel).

 

Step 6

Now that you have the lens flare, it’s time to add it to the picture! To do this, you can rotate it, until it looks like an X, then drag it so it’s sitting on top of the glitter-fied portion of the picture. If needed, you can also resize the lens flare, so it’s smaller.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 6 1 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 6 2 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Step 7

Now all that’s left to do is add a few more Lens Flares, to make it look a little more realistic. You can rotate and resize them as necessary, just be sure not to add too many to your picture. Less is more with this effect.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 7 1 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Lens Flares (Effect 21) - Step 7 2 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

And that’s all there is to it! Once you’re happy with the number of flares you’ve added, don’t forget to save! Also, you’ll want to keep each Lens Flare on it’s own separate layer, just in case you want to re-arrange them.

This effect can also be used in more ways than I’ve shown here, but I think getting comfortable with adding them to glitter is a great way to start out, since glitter is naturally shiny. Once you get comfortable with the glitter, you can start experimenting with adding them to other reflective surfaces, like puddles/water, or mirrors.

You’ll have plenty of time to practice the effects you’ve learned thus far, as the next, and last tutorial for the year will be coming in October. But, don’t worry, it’s going to be well worth the wait!


Like the tutorial? Check out the rest of them here!

Glitter (PHSH Effect #20)

Loading

This article was written 21.11.25, please excuse any reference/joke that’s no longer applicable.


Now that it’s summer and we’re finally getting to go back outside in the nice weather, the timing couldn’t be more perfect to pivot away from the ‘depressing’ rain effect I showed you last time, and show you how to make something much ‘happier’: Glitter!

AterImber.com - PHSH Tutorials - PHSH Effect 20 Glitter - Glitter Steps Finished - phsh effect, photoshop, photoshop tutorials, glitter, indie authors, books, book covers, author help, writing tips

Also, Pride is this month, so it seemed extra fitting, albeit a little cliché.

Let’s get started!

Step 1

First step for this effect, is you’ll need to find a Glitter Texture picture, and have a picture you want to add glitter to. For simplicity, I’m going to be doing this tutorial with a picture of an eye, and apply the glitter to look like eye shadow.

That said, you can definitely use this technique to add glitter in more fantasy-based pictures, if needed. (I’ll show you an example at the end of the tutorial)

I can’t remember if I’ve mentioned this yet or not, but if you haven’t found a good royalty-free website to get pictures from (unfortunately you can’t just use Google-d pictures for book covers), Pixabay and Pexels are great websites.

Once you have both pictures, open a new PHSH project, and place both the glitter, and base picture into it, and resize if necessary. Then, (if needed), drag the glitter layer so it’s on top of the base picture.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Step 1 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

You can also change the glitter layer’s Opacity so you can see the base picture through the layer.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Step 2 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Step 2

Once you have your pictures set, we’re going to use the Eraser tool to erase parts of the glitter picture we don’t need. Using a pretty big sized brush, and a high percent of Hardness, start erasing the parts of the glitter picture you don’t need.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Step 3 1 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

In my case, this would be everything except for the part of the picture that’s covering the upper eyelid.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Step 3 2 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Step 3

Once you’ve erased everything on the glitter layer you don’t need, you can go ahead and change it’s Opacity back to 100%.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Step 4 1 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

While still in the Layers panel, go over to the Blend Mode (which is the drop-down menu directly to the left of the Opacity), and change it from Normal to Overlay, or Screen. Use whichever one looks best with the picture you have. In my case, I used Overlay.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Step 4 2 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

Step 4

Once this is done, go ahead and clean up the edges of the glitter layer, if needed. You can also slightly lower the Opacity if you need to. Depending on your image, I wouldn’t make it too low, though, since you want the glitter to be seen over the picture.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Step 5 - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

And there you have it! A simple way to add glitter to most pictures.

AterImber.com - PHSH Tutorials - PHSH Effect 20 Glitter - Glitter Steps Finished - phsh effect, photoshop, photoshop tutorials, glitter, indie authors, books, book covers, author help, writing tips

Obviously, this is a pretty simple way to show you how to add glitter to something. However, the steps are almost exactly the same, even if you, for example, wanted to make a vampire/give a person glittery skin.

AterImber.com - Writing - Writing Tips - Photoshop Tutorial Series - Glitter (Effect 20) - Vampire Girl - phsh, phsh tutorials, photo manips, books, book covers, indie author, book cover tips, writing help

For this image, I started with the exact same steps as above, but I ended up lowering the Opacity a little more, and, I also right-clicked on the glitter layer and used the Warp function to give it a slightly ‘bent’ appearance, so it would look more like it was attached to the girl’s skin.

Warping the glitter layer is an optional step. I’ve found it tends to only work with certain images, while on others, you can’t tell at all that it was used.

But go ahead and play around to see what works best for you.

You’ll want to get pretty good at applying glitter to images, because the next tutorial I’m gonna be showing you is an effect that just so happens to pair well with this one:


Like this tutorial? Check out the rest of them here!