Photoshop Tutorials

[PinkCouture]

This post is kinda old: http://www.bellazon....100#entry416916

Could one of you PS Gurus post an updated tutorial on how to do this? Thanks!

[Lkjh]

This post is kinda old: http://www.bellazon....100#entry416916

Could one of you PS Gurus post an updated tutorial on how to do this? Thanks!

Is there a specific part you would like to be explained?

[PinkCouture]

^ I was hoping someone with an updated version of Photoshop can post a new tutorial. Maybe even just the part about inserting the gif into the signature.

I know it is a lot to ask but I think the general BZ community would appreciate it

For now, could you explain Part 3 since one of the screenshots is no longer available?

[Baby.Jude9]

Working on it as we speak. NOBODY ELSE DO IT! I'M PUTTING A LOT OF EFFORT INTO IT!

[Lkjh]

^^ Oki

[Baby.Jude9]

^ Jesus Christ, this is hard, but I'll try my best: (Also, just for reference, in this tutorial I'm using Photoshop CS5, but all version of Photoshop from CS3 and should work just the same)

1. Get the screencaps from the video you want to you use for your gif. For downloading videos, I use the Complete Youtube Saver Firefox add-on, but any basic youtube downloader or video downloader you can find or already have should work. For screencapping, I use the KMPLayer and I find it works great! But, once again, anything should work just fine. I'm going to use these screencaps of Daphne Groeneveld from this video because I already have them saved on my computer:

2. Gif making time! For those of you who aren't well versed in gif making in Photoshop, here's a Photoshop Action I created that basically makes the gif for you and also helps you save LOTS of time in the process. For downloading and using the action in Photoshop, this tutorial should be helpful. Also, when making your gif, make sure your Photoshop is in the "Motion" workspace or it won't work right and that in the animation window of Photoshop it says "Frames and not "Timeline" or else it also won't work right. Anyway, we made our gif, yay! Mine has 17 frames, but any frame length should work just fine:

3. Edit the gif to your liking for your signature. This means coloring, cropping, resizing, etc. etc. Do this all to your own liking but just keep in mind that your might have to change these things later on. After I edit my gif, this is what it looks like:

4. Time to make your non-moving signature base! Once again, do this to your liking. This is mine:

*Note: The white area in the middle is where my gif will go. MAKE SURE YOU HAVE THIS! Leave space open somewhere in your signature for your gif! I made the white box by taking the Rectangle Tool set to "Fill Pixels" and making a box in a DIFFERENT LAYER FROM MY BASE (Must be a different layer!). It doesn't necessarily have to be white or even a box, just a solid colored area where you want your gif to go.

5. I (Like avadakedavra in his original tutorial), choose to put a polaroid frame around my white space where my gif will go. THIS STEP IS NOT NECESSARY, it is only for effect if you want it. It's very easy to find polaroid frames; I get most of mine from deviantart, but you could just look them up on google if you'd like. When I paste my polaroid frame around my white space, I find I can't see the frame as much as I'd like, so I link the layers and move them so I can see the frame first. DO NOT COMBINE THE TWO LAYERS. The white space is very important for when we add our gif frames.

6. Now it's time we move our gif frames to our signature. Go back to your gif and follow step 2-4 of my tutorial here (I'm sorry but it's just so much easier to redirect to that tutorial than explaining it ALL OVER AGAIN). Now all your frames are copied and almost ready to be pasted into your signature.

7. Go back to your signature and make sure that all the layers you want on your final signature are visable. Go to the animation window and click on what should be the only frame there, a frame with all your layers on it. Make sure it is selected in blue. On the bottom of the animation window you will see a button that sort of looks like a post-it note with the bottom left hand corner flipped up. This button will duplicate the selected frame. Click on this button until you have the number of frames in the animation window as the number of frames in your gif; In my case, 17 frames.

8. Go back to this tutorial and repeat steps 2-3 on your signature.

8. Once again, go to my tutorial here and do steps 5-6 so that your gif frames are now pasted on your signature.

9. Uh-oh! That's not where I wanted my gif frames to be!

10. Go to your layers window in Photoshop and select all your gif frame layers To select multiple layers, to go the first layer and click on it, then go to the last layer and click on it while also holding down the "Shift" button your keyboard. You know they'll be selected because they'll be higlighted in blue. Also, make sure that the layer directly below your gif frame layers is your white box. In my case, this means moving my gif frames in between the white box layer and the polaroid frame layer. Once the layer under your gif frame layers is the white box and all your gif frame layers are selected and highlighted in blue, right click and then click on the option that says "Create Clipping Mask".This makes it so that your gif frames are only visible within your white box.

11. Uh-oh! I still can't see my gif frames. Click on the frames and move them to your liking so you can see them using the transform tool. Since the layers are linked, they will all move together, so you won't have worry about moving all of them.

12. Done! Click the play button in the animation window to make sure it looks just the way you want it too. Mine was moving a little fast, so I slowed the frame delay .15 seconds, but this is all personal preference. Also, make sure looping options are set to "Forever" and not "Once". Once it looks just the way you want it to, go "File" > "Save for Web and Devices" and save your gif. Remeber that the quality might not be as good as it looked on Photoshop because gifs can't be saved in that good of quality. Here's my finished gif:

Hope this helped! Please let me know if this was helpful and if anything needs clarification.

[Lkjh]

I was hoping someone could help me with these two questions:

1. My gradient tool seems to be highly 'overreacting'. Whenever I'm drawing a 1mm line the whole picture completely dissapears.

2. My brush tool reacts different too. I used to be able to (for example) 'flatter' leaves all over the picture whenever I used the leave-brush, but nowadays it only makes a straight line of leaves.

Anyone who knows how to solve this?

[Baby.Jude9]

^ I'll try to help!

1. Could you give me a more specific example? Like a picture or something. I'm not too big on gradients seeing as I don't really use them too often, so I'm afraid I can't really help you until I can see EXACTLY what's going on in your photoshop.

2.

This button is your best friend for that situation. (If you can't find the button go to Window > Brush and the same window will open as if you'd clicked on the button.) The window that opens up includes a bunch of different brush settings that you can play around with however you like.

If you're looking to make a "flatter" sort of effect, you'd probably want to use the Spacing option under Brush Tip Shape and all the options under Scattering. You can also use the Shape Dynamic settings to make it so the brush paints in different sizes and directions, the Color Dynamic options to make it paint in different colors and the Transfer options to make it paint in different opacities throughout the image.

I'm not sure if any of this was remotely helpful. If it wasn't, I'm sorry! If it was, you're very welcome and your work is stunning! Keep up the good work!

[Lkjh]

Thank you so much Baby Jude!

On my first question: I've restarted the program, and everythings working fine now, so I guess that's solved

And that button is perfect! Yay

Once again helped me a lot!!

[Lkjh]

I'm back with a new question once again

Does anyone know if it's possible to apply layer effects (in my case 'drop shadow') on all layers at once instaid of dropping shadow on a word layer-by-layer?

[donbot]

^You can right-click a layer that's already got the drop shadow on it, and choose "Copy Layer Style". Then select all the other layers you want to apply it to at once, then right-click and "Paste Layer Style".

[Lkjh]

THANK you!

This saves me ages of clicking on layers

[Lkjh]

Is there a way to apply psd's or other edits to one layer only?

And thereby not affect all the layers under the layer you want to (in my case) brighten?

[donbot]

^I hope this is what you mean..

You have several layers:

Create an adjustment layer on top:

All you need to do is clip this layer to the one you want to apply it to. Either:

1. Hold down Alt and move your mouse directly over the line in between the two layers (on the red dotted line above) and click. The cursor will change to two overlapping circles when you're in the right spot

2. Right click the top layer and choose "Create clipping mask"

You should see a little arrow next to the layer if you've done it right. You can see in the example that now the desaturation adjustment layer is only being applied to the "maryna front" layer, and "maryna back" remains unaffected.

You can Alt-click between the layers again to unclip it, or alternatively Right-click > Release clipping mask

[Lkjh]

I don't use the black/white exposion of the layers the way you do, but I think I can see what I'm supposed to do.

Thank you so much for taking the time to explain things to me once again, you're really helping me forward!!

[dreamss]

I wanna learn how to photoshop so, but I just don't have time to read the procedure, it looks like a very long process

[donbot]

^The best way to learn it is to just jump in and play around with it. Rather than reading a whole "this is how to use Photoshop" guide, you're better off just reading smaller tutorials on specific things you want to do, then you'll pick up more and more knowledge as you go

[donbot]

I was asked how to do the thin line texture on this signature:

I thought I'd explain it here so other people could perhaps get something out of it too.

It's pretty easy to do by using Photoshop patterns.

First you need to decide how thick you want each line, and also how far they are spaced apart.

The one above looks like a 1 pixel thick line with 2 pixels inbetween.

So to recreate that:

- Create a new document with transparent background, 1 pixel wide and 3 pixels high

- Fill in one of the pixels of the document white (or whatever you want the colour of the lines to be). The document will be tiny, so zoom right in

- It should look something like this:

- Select the whole document (Ctrl-A)

- Go to Edit > Define Pattern...

- You can give it a name if you want, then click OK

Now you can apply this line pattern to any other document, since you have it saved.

- Open the image you want to put it onto

- Create a new layer

- Go to Edit > Fill...

- In the "Use" drop-down list, select Pattern

- Select your saved pattern from the list below that

Then there it is - the line pattern over the top of your image. Since you put them on their own layer, you can then lower the opacity down and/or change the blending mode (Overlay gives a pretty cool effect for white lines).

You can experiment with different line thicknesses and gaps in the pattern for different effects

using

If you want to use angled lines like in the first image, still use the same method described above to define the pattern. Then you create a new document that's larger than your image, and fill the pattern in a layer on that document. Then you can duplicate the layer from there into your image, then Ctrl+T to transform/rotate the lines. You need the lines layer to be larger than your image size, otherwise they won't extend all the way to the edge once you rotate it.

You can also create a 45 degree line pattern like this:

Any other angles can be difficult to get to tile correctly, so it's just easier to make horizontal lines then rotate it later.

[Lkjh]

I was asked how to do the thin line texture on this signature:

I thought I'd explain it here so other people could perhaps get something out of it too.

It's pretty easy to do by using Photoshop patterns.

First you need to decide how thick you want each line, and also how far they are spaced apart.

The one above looks like a 1 pixel thick line with 2 pixels inbetween.

So to recreate that:

- Create a new document with transparent background, 1 pixel wide and 3 pixels high

- Fill in one of the pixels of the document white (or whatever you want the colour of the lines to be). The document will be tiny, so zoom right in

- It should look something like this:

- Select the whole document (Ctrl-A)

- Go to Edit > Define Pattern...

- You can give it a name if you want, then click OK

Now you can apply this line pattern to any other document, since you have it saved.

- Open the image you want to put it onto

- Create a new layer

- Go to Edit > Fill...

- In the "Use" drop-down list, select Pattern

- Select your saved pattern from the list below that

Then there it is - the line pattern over the top of your image. Since you put them on their own layer, you can then lower the opacity down and/or change the blending mode (Overlay gives a pretty cool effect for white lines).

You can experiment with different line thicknesses and gaps in the pattern for different effects

using

If you want to use angled lines like in the first image, still use the same method described above to define the pattern. Then you create a new document that's larger than your image, and fill the pattern in a layer on that document. Then you can duplicate the layer from there into your image, then Ctrl+T to transform/rotate the lines. You need the lines layer to be larger than your image size, otherwise they won't extend all the way to the edge once you rotate it.

You can also create a 45 degree line pattern like this:

Any other angles can be difficult to get to tile correctly, so it's just easier to make horizontal lines then rotate it later.

I didn't even know there was an option to do that. Thank you once again! Going to give it a try!

[SicK As mY SecReTs]

hey!

can anyone pls explain me how can I remove texts from magazine cover, to make it look like the original pic

wherever I searched they all said "Clone Stamp Tool", but it's not very good, or should I use other tools with it or there's other way of doing it ?