Photoshop: Sing Your Life Tutorial

07/14/2010 in photoshop,tutorials

This tutorial was the result of a Happy Accident. As I was preparing the graphics for this week’s Noteworthy spotlight, I stumbled upon (you could say I tripped over them) Photoshop’s blending modes. In this tutorial, we’re going to use those blending modes to create the image below:

Pixel Pointers:  Sing Your Life
Sing Your Life by Morrissey

If you’re a small business owner and create your own graphics, you might find the following techniques useful when creating your next ad on N.E.E.T. Magazine or BUST. You could also use these techniques to create wedding or party invitations, scrap-pages, postcards, greeting cards, etc.

Pixel Pointers:  Sing Your Life

Here are the links to the resources I used to create the images in this tutorial:

Okay, let’s get started!

Scalloped Edges Open a New Document.
Width: 525 px
Height: 713 px

Make sure that the background content field is set to white.

I will refer to this document as “Main Doc” for the rest of this tutorial.

Open the vintage wallpaper file. Copy and paste the image into the Main Doc.

Change the opacity of the vintage wallpaper layer to 65%.
Scalloped Edges Open any one of the four color palette files and copy and paste the image into the Main Doc.

I’m using “Melancholy Marie” in these steps.
Scalloped Edges Change the opacity of the color palette layer to 67%

Change the Blend Mode:
Go to the Layers Menu
>> Layer Style
>> Blend Options
>> Blend Mode
>> Linear Burn

Play around with the other Blend Modes for some interesting results — this is the fun part.
Scalloped Edges Now, let’s add a vintage look.

Open a texture file.

Copy and paste the image into the Main Doc (above the color palette layer).

Change the Blend Mode to Multiply.
Scalloped Edges Create a New Layer above the texture layer.

Choose Black using the Color Picker from the Tool Box.

Select the Rectangle Tool (with auto fill option) from the Tool Box.

Drag a rectangle on the new layer you just created so that it only covers
the right half of the document.

Change the layer’s Blending Mode to Hue.
Scalloped Edges Windows >> Actions
Look for pwactions2

Select the Seventies Action

Click on the play button
Scalloped Edges Create a New Document. Make sure that the background content is set to White.

Select the Color Picker and select the color Black.

Choose a Retro Girls brush

Make one impression on the New Document.

Select the Magic Wand from the Tool Bar

Cbange the Tolerance to 20

Select the white background and hit delete

Select >> All
Scalloped Edges Copy and paste the Retro Girl impression into the Main Doc

Postion her to the lower right corner of the Main Doc

Add a drop shadow for depth.
opacity: 46
angle: 77 degrees
distance: 5
spread: 0
size: 5
Scalloped Edges Time to add your text.

And, we’re done!

Here are some variations, using other color palettes (click the image to enlarge):

Scalloped Edges

I really enjoyed creating this tutorial and I hope you find this useful! :)

{ 19 comments }  

1 Meg 07/15/2010 at 1:41 am

I always love your tutorials! They’re so practical and fun! Thank you for what you do! :)

2 In Honor Of Design 07/15/2010 at 5:11 am

Oh I love the blending tools. I can see your tutorials being used for students! they are really well done!
Thank you Katrina! Will continue to send people here!

3 Ruth 07/15/2010 at 5:29 am

Hi, I just wanted to say that your blog is very very inspiring, i love it!!

cheers from Paris,

Ruth

4 Michelle 07/15/2010 at 6:26 am

i just found your site and it’s really great! thanks so much for creating such a helpful place :)

5 ilene 07/15/2010 at 8:12 am

pretty! i really wish i owned photoshop. i want a MAC too.
one day hopefully. :)

6 Adeline 07/15/2010 at 9:22 am

You’re the goddess of tutorials!!!!

7 Piper 07/15/2010 at 9:23 am

just got my macbook! now all i need is to get photoshop…and i can play along with your awesome tutorials!!!

8 Chickything 07/15/2010 at 9:58 am

very intimidating but I’ll try. I’ve been wanting to do this but din’t have any idea how. Thanks for sharing!

9 simone 07/15/2010 at 11:44 am

Wow–this is great! I’m definitely going to try this one! Looks great….love your site.

10 ana erb 07/15/2010 at 8:46 pm

what a wonderful tutorial! such a great graphic too. lovely.

11 Little Miss P 07/16/2010 at 4:52 am

oh thank you, thank you! Can’t wait to give this a try x

12 mon 07/16/2010 at 8:38 am

Love the graphic you created and love even more the song you chose. I used to be an obsessive Moz fan back in high school! You have such a great blog!

13 PetraB 07/19/2010 at 11:43 am

Thank you so much for sharing this tutorial. The result of your ‘manipulations’ is amazing.

14 Carolee 07/19/2010 at 1:37 pm

Wow, this is very cool! I have been using photoshop, but only doing very simple things like adding words to photos. Really wanting to try to do this “layering” . Thanks for tuitorial, definitely going to try it!

15 Karen - The Graphics Fairy 07/20/2010 at 6:08 am

Love it, love it, love it!!! But then again I love everything that you do! Thanks for the great tutorial, I will try this out for sure.

16 Cindy Adkins 07/20/2010 at 11:39 am

This looks fabulous–I love it!!!
HUGS,
Cindy

17 Jen @ das Sushi 07/20/2010 at 12:32 pm

I’m trying to learn my way around Photoshop (well, Elements) and it’s so great to see a tutorial from someone who also has a style I love!

Thanks!

18 Marian 07/23/2010 at 2:47 pm

Beautiful digital collage. I love the fact that you included a tutorial. Thanks so much!

19 Diana 07/24/2010 at 12:34 am

oh, wow. thank you so much for this. you have no idea how much i appreciate your hard work and free tutorials! i’m sure i speak for everyone :)

Previous post:

Next post: