Jump to content

Tutorials and Icon help


Guest Nim

Recommended Posts

  • Replies 1.2k
  • Created
  • Last Reply

Tutorial: Emma inspired me :P

1. Prepare the base and flatten the image

2. Fill the icon with #f0a8a8 and set it at exclusion @36%

3. Fill the icon with #f0a8a8 and set it at screen @ 38%

4. New brightness and contrast layer @ B:-17 C:0

5. Fill the icon with #3426e3 and set it at color dodge@100%

6. Add

Thisand texture set it at Hue@50%

7. Then you can add whatever you want.

Link to comment
Share on other sites

  • 2 weeks later...

Someone suggested I do a tutorial, so I though I'd have a go.

Before you start:

-I used Photoshop 7 for this, but im 99% sure you can transfer it to other versions/ other graphics programs e.t.c

-This is a simple tutorial. Don't expect it to be one of those "OMG!! THIS IS OUT OF THE WORLD!!" products.

-I've written it in detail (a bit), for those newbies to PS e.t.c

-If you try this out, I'd like to see how it turned out. So please give me feedback/show us your final product.

Ok, to start off....

1. Open your image, and crop it. Tip: It's always better to crop your image from a weird angle, as it makes your final product look more original/unique/better. Center crops can be ugly, aswell. Once you've cropped your image, that will now be your base.

This is my base:

tut1.jpg

2. Sharpen Image (Filter>> Sharpen>> Sharpen). Depending on your image, you may need to do this twice. I only did it once, however.

3. Now duplacite your base TWICE. To duplacite something, right click your image in the layers pallette, then a "pop-up" (?) will come up. Click 'Duplacite layer'. Do this twice

4. Desaturate your first duplacite (the one above your base). To desaturate your image, press Ctrl + Shift + U (Don't actually press the plus sign on your keyboard :P). And then set the blending mode to 'Softlight', at 100% opacity.

5. Now for the other duplacite, set the blending mode to 'Softlight', at 100%.

My base now:

tut2.jpg

Note: Depending on your image, you may need to alter the opacity on those duplacites

6. Now go to Layer>> New Fill layer>> Solid colour, a pop up will come up that will say something about a new layer. Click OK. Then the color selector will appear. At the bottom of that pop up, the very bottom (where you can automatically enter your color code), enter 0B043E into that space. Click ok. Now your image is just 1 blue square.

7. Change the blending mode to 'Exclusion'. Much better.

My base now:

tut3.jpg

8. I added this pattern,

tut5.png

I found that online at another tutorial, but now can't find that tutorial so I can't give any credit for it. Set it to softlight at 40% opacity. Select your eraser tool. I had mine at size 19, 100% opacity, and erased any of the pattern on Hilary (face/clothes e.t.c).

My base now:

tut4.jpg

Now add text/brushes e.t.c and you're done!. I know it's not much, but I did say it was a simple tutorial.

Hi, I was doing this tut, and I've got a bit stuck on the pattern bit,

Any suggestions??

I'm using Photoshop elements 5

Link to comment
Share on other sites

This tutorial wouldn't have happened, had it not been for a tutorial by .Cat. Steps 5 and 7 are from her, with my alterations.

From hqpromo042.jpg to this: holdme-tut.png

1. Open image, sharpen once

(crop to 675x300)

2. Duplicate layer, set to screen,

3. Merge layers.

4. Duplicate layer. Filter → blur → gaussian blur, 1.7pixels

5. Set blurred layer to soft light.

6. Layer> New Fill Layer> Solid color.

#5c6af4, set to Color Burn, 40.

Another New Fill Layer.

#ff5fa, set to Softlight, 30.

7. Now get your text tool, and write whatever you want (it works better in White). Right click

the text layer, and go down to Blending options. Select "Drop Shadow", and "Outer Glow"

instead of using the ”awful” yellow color for gradient (at least that’s what PS wanted me to

use), use color #F7B4D9 (I eye-dropped it from her dress). Same with any brush you might

use.

I have almost finished this tut, and my text just wont work, any suggestions??

Link to comment
Share on other sites

  • 5 weeks later...

Zetti wanted a tutorial on THIS icon.

It's a lot of layers so it might take a while to do. I made it in Photoshop, but it doesn't contain anything that you can't achive in PSP.

Step 1

Take your cap, duplicate it (ctrl+j) and set the duplictaed layer on screen. Marge down the duplicated layer (ctrl+e). Now paste your brighten cap on your white icon base. Like this:

step1-3.png

Step 2

Now duplicate your image and desaturate it (ctrl+shift+u). Set the duplicated desaturated image on soft light.

It should now look like something like this:

step2-2.png

Step 3

Take THIS texture and paste it above all the layers. Put it on screen 100%.

Your icon should look like this now:

step3-2.png

Step 4

Make a new layer and fill it with the color #dfdea9. Put this layer on screen 100%.

Your icon should now look something like this:

step4-3.png

Pretty bright don't you think?

Step 5

Make a new layer and fill it with the color #302f08. Put this layer on Soft Light 100%.

step5-4.png

Still pretty bright, but it's darker.

Step 6

Now take THIS texture and paste it above all the other layers. Put this layer on Lighten 100%.

step6-1.png

Not that much of a difference.

Step 7

Now we have to make the icon darker, it can't look like this. Go down in your layer palette and find the first black and white layer you have. Duplicate that and move it above all the other layers. Put this layer on Soft Light.

step7-2.png

Yey that's what I'm talking about.

Step 8

We're going to make it even more darker so go down your layer palette and find the first colored version of your image. Duplicate it and move it above all the other layers. Put this layer on Soft light.

step8-1.png

More dark, but it's not enough for me.

Step 9

Repeat step 7.

step9-1.png

Okay that will have to due for now.

Step 10

Make a new layer and fill it with the color #653044. Put this layer on Soft Light 100%. Duplicate this purple layer once (ctrl+j) and put the duplicated layer on Soft Light 100%.

step10-1.png

That really darkened it and made it a bit brown.

Step 11

Take THIS texture and put it on Hard Light 100%.

step11-1.png

That made it yellow.

Step 12

Take THIS texture and put it on Soft Light 100%.

step12-1.png

That gave the color a bit more strength and added a line in the upper part of the icon.

Step 13

Now find your first colored image, duplicate it and move it above all the other layers. Just like you did in step 8. Put this duplicated layer on Lighten 100%.

step13.png

Step 14

Take THIS texture and paste it above all the other layers. Put it on lighten 100%.

step14.png

Step 15

Make a new layer and fill it with the color #041c3c. Put this layer on Exclusion 100%.

step15.png

Not much left, I promise.

Step 16

Go down your layer palette and find the first black and white version of your image. Just like you did in step 7. Move it above all the other layers and put it on Soft Light 100%.

step16.png

Step 17

Make a new layer. With the marquee tool mark a border in the down part of your icon. Fill the mark with the color #f8cc8d. This is how mine looks like now:

step17.png

Step 18

Now add some text on that orange part. I used a bright languid red color fo rmy text. I thought that looked best.

step18.png

Step 19

Now add a light texture of your choice.

step19.png

Step 20

Add THIS texture and put it on Darken 100%. Now I Stamped the image (ctrl+shift+alt+e). I sharpened this stamped layer once.

recyclingorange_leah.png

And you are done!

This is my layer palette:

PART 1

PART 2

Feel free to ask if there's something you don't understand.

Em, I did this tut excluding the text and stamp,with a picture Kris10na let me have but I don't think I've done it right any suggestions??

http://i33.photobucket.com/albums/d81/suza...kris10acopy.png

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.