Trouble logging in?If you can't remember your password or are having trouble logging in, you will have to reset your password. If you have trouble resetting your password (for example, if you lost access to the original email address), please do not start posting with a new account, as this is against the forum rules. If you create a temporary account, please contact us right away via Forum Support, and send us any information you can about your original account, such as the account name and any email address that may have been associated with it.

The following tutorials have been made (mostly) in Photoshop and ImageReady.
ImageReady comes with Photoshop (starting with CS3 ImageReady has been merged into Photoshop and other Adobe programs)
--------------------------------------------------------------------------

Grayed-Out text represents tutorials which are very old or for which part of the content (eg. images) has detiriorated.
This is also aplied to notes or slightly ambigous replies to a question and not full fledged tutorials.

First of all, select the Rounded Rectangle Tool. Up at the top, be sure to have clicked the Paths button. This step is easy to miss and very important. The Radius box allows you to change how curved you want your edges to be. Play around with different values in that box to get different results.

Spoiler for Step 1:

Next, select what you want inside the rounded edges. After you are satisfied with that, click the paths tab on the pallette at the right, then right click and select make selection.

Spoiler for Step 2:

On the make selection dialogue box, be sure to have the Feathered Radius set to 0 pixels. The outline of the rounded edges should change from a solid to a broken line.

Spoiler for Step 3:

Now press Ctrl + Shift + I to select the inverse. This is going to set you up to trim off the outside edges. If you are satisfied with what you have selected to trim, press the delete key to get rid of the selected bits.

I will be teaching everyone the good tool called: Pen Tool and how to use it for extraction since beginners and intermediate personals with photoshop doesn't know how. i highly recommend this technique to everyone. I personally dont find it hard or too difficult just watch (hopes everyone likes ichigo from bleach):

First off, we'll start off with this. Selecting the pen tool:

Spoiler:

Then this, the settings for it:

Spoiler:

make a new transparent layer below the image you want to extract:

Spoiler:

Now we'll start our tracing. just like the polygonal tool you go around the scan/picture with a straight line, but with the pen tool you can curve the lines: *zoom till you can see, but not all the way (100 or 200 is good enough)*

This would be what you usually would do with the polygonal tool:

Spoiler:

This is the pen tool:

Spoiler:

*To curve the lines: click your left mouse button and hold on to it, now dddrrraagg (drag), dont watch where you drag it to, but watch what kind of curve you make! it has to border around the character's face or whatever*

now, here's a tricky part. the extended tail when you curved the line will give you problems on your next tracing line, for example: there's a 90 degree angle, but because of the extended tail it wont allow you to make a 90 degree, instead you made a rounded curve. To fix this you will use the Convert Point Tool. here's a picture of what the scenario is like:

now once you're done to a point (i usually do it section by section, doing the entire picture all at once isn't very secure.) like the polygonal tool, go out of the picture and reconnect with your first dot.

you've probably tried and said: "wtf mate? why can't i delete it?" well that's where this comes in. you have to right click and click on Make Selection

Spoiler:

once you've click make selection a small windows will pop up. Put in these settings:

Spoiler:

Press Ok, as you can see now. the tracing lines will be now look like the ones you do on any of the marquee tools or polygonal tool. all you do now is press delete

here's the result (not finished of course), and i now realize that using this picture of ichigo was a bad idea because it wasn't too technicle. you probably dont want to use the pen tool ever again because of me now...BUT! you know what?!?! this tutorial took so long i dont care if you like it or not! if you dont use it i'll beat you down with a pillow! that's right! a pillow!

All of you have probably seen sigs with some corners round and some corners straight. This is the tutorial that's going to tell you how to do that.

Tutorial made with: Photoshop.

Alright, so you're going to start out with a crop of something. I'll just take this crop of Sia from Shuffle.

Spoiler for Step 1:

Next, duplicate the layer. Don't worry about the options there, just click ok.

Spoiler for Step 2:

Now, select the bottom layer and follow the steps to making rounded edges (click here for that tutorial.)

Spoiler for Step 3:

Next, select the top layer, choose the Rectangular Marquee Tool, and select the corners that you want to be rounded (one corner at a time). When you have a corner selected, delete that portion of the top layer. Continue doing this till you have all of the rounded corners you want.

Spoiler for Step 4:

You might notice that some of the layers don't match up (one having 1 or 2 pixils over the other), and this isn't good. You now want to select the Polygonal Lasso Tool, and cut out the extra pixils. (Tip: pressing shift will make the selection line be confined to straight horizontal or vertical lines.)

Spoiler for Step 5:

And you're done! Advanced Rounded Edges made simple! To add a border, just merge the two layers and add a stroke. Have fun playing around with this!

o...i think i might have said it wrong i dont know gomen NoSanninWa...i meant is this thread for photoshop 6.0 or 7.0? b/c the examples dont look like my photoshop...XS or maybe its just a different colour?

o...i think i might have said it wrong i dont know gomen NoSanninWa...i meant is this thread for photoshop 6.0 or 7.0? b/c the examples dont look like my photoshop...XS or maybe its just a different colour?

dont worry about the colors, the reason it's that way is because we downloaded a program similar to or it is windowsblind which makes our start bar and what not a different style other then the original windows classic or windows xp.

as long as you have the tools needed, dont worry about what version of photoshop it is or have.

o...i think i might have said it wrong i dont know gomen NoSanninWa...i meant is this thread for photoshop 6.0 or 7.0? b/c the examples dont look like my photoshop...XS or maybe its just a different colour?

Ah. The potential for such misunderstandings is just one reason why I advocate posting complete sentences. Grammar is good.

This thread can be for any program: Photoshop 6.0, Photoshop 7.0, PaintShop Pro, MS Paint... It is all determined by the software owned by the tutorial writer.

__________________

There's not that fine a line between willing suspension of disbelief and something just being stupid.

This thread can be for any program: Photoshop 6.0, Photoshop 7.0, PaintShop Pro, MS Paint... It is all determined by the software owned by the tutorial writer.

Yep. And thats why I've always said what program I've used to create said tutorial. Any Photoshop version will work with my tutorial I believe, but I'm specifically using Photoshop CS. It shouldn't look any different fro 7.0, but I'm not sure about other versions.

I'm pretty sure some of you have seen the sigs I have done with the font that mimics the Shuffle logo. If not, here's an example:

In this tutorial, I'll be showing you how to do this!

This tutorial was made in: Photoshop.

First of all, you need the correct font. The one I use is called Fat; the problem is I don't know where I found it. To fix this problem, I'm going to host it on some webspace I have Click here to download the font. If clicking on the link doesn't prompt you to save the file, right click and select Save Link As or Save Target As, depending on your browser.

(Tip: To install the font, copy it into your C:\Windows\Fonts directory.)

After thats done, get out the image you want to place the text on. Click the Horizontal Line Type Tool and click on your canvas. Make sure you have selected the Fat font and also have an appropriate font size selected. Don't worry about the colour just yet.

Spoiler for Step 2:

Type 1 letter, click another tool, and then click the Horizontal Line Type Tool again. Then click on the canvas away from your first letter. This will type each letter on a new layer (this is crucial for steps coming up).

Spoiler for Step 3:

Once you have all of your letters down, you can start changing the colours. You can change the colours by selecting the Horizontal Line Type Tool and highlighting each letter individually, and then clicking the colour picker. The Shuffle! logo follows a specific colour pattern for the letters, and we want to mimic this. Here is the colour pattern that you should follow. To make your letters this same colour, first save this image and open it in Photoshop. Then follow the above directions to change the colours and when in the colour picker, click on the colours in the pattern.

Spoiler for Step 4:

When all of your letters are coloured, you will want to start rotating them. Rotate each individual letter by selecting the layer, and clicking Edit > Transform > Rotate. The first letter should be rotated Left, second should be rotated Right, and so on. When each letter is rotated, line them up so that they "fit together". This might involve making one letter higher than the other.

Spoiler for Step 5:

When all the letters are lined up appropriately and you are sure you're happy with it, press Shift + Ctrl + E to merge all of the layers. Then duplicate the layer once. Warning! Once you merge your layers, the text is no longer editable. Be sure to make sure you're happy with what you've done before doing this step.

Spoiler for Step 6:

Now you're almost done. Select the bottom layer and click Layer > Layer Style > Stroke. Choose a Size of 5 and the colour black. Click OK. Then select the top layer and click Layer > Layer Style > Stroke. Choose a Size of 4 and the colour white. Click OK. If the layers aren't matched up properly, you'll see more black on one side than another. Choose the Move Tool and nudge (by using the arrow keys) the layer into proper position.

First of all, select the Rounded Rectangle Tool. Up at the top, be sure to have clicked the Paths button. This step is easy to miss and very important. The Radius box allows you to change how curved you want your edges to be. Play around with different values in that box to get different results.

Spoiler for Step 1:

Next, select what you want inside the rounded edges. After you are satisfied with that, click the paths tab on the pallette at the right, then right click and select make selection.

Spoiler for Step 2:

On the make selection dialogue box, be sure to have the Feathered Radius set to 0 pixels. The outline of the rounded edges should change from a solid to a broken line.

Spoiler for Step 3:

Now press Ctrl + Shift + I to select the inverse. This is going to set you up to trim off the outside edges. If you are satisfied with what you have selected to trim, press the delete key to get rid of the selected bits.

Spoiler for Step 4:

And voila! Rounded edges, Yuiichi Style.

Spoiler for Step 5:

Hope you find this helpful!

I got as far as step 4. but when i do the deleted i get left with white color corners. Nothing i do seem to get rid of the corners. So i need to do to get rid of the corners?

I got as far as step 4. but when i do the deleted i get left with white color corners. Nothing i do seem to get rid of the corners. So i need to do to get rid of the corners?

Also how i do add borders?

Are you saving the image in JPEG format?
Because it doesn't support transparency, hence the white corners.
Try saving it in GIF or PNG format.

For borders, just select the area of the image you want to have a border.
If your corners are square just do a select all, then go to edit->stroke.
If your corners are rounded you may have to use the rounded marquee tool to do your selection.

for the "Advanced Rounded Edges"...this might be stupid but...how do you delete the corners...what button do you press...? i tried backspace and in the history i cleared it...but it didnt do anything. then i tried the delete button under insert like on the keyboard...but nothing happened.

for the "Advanced Rounded Edges"...this might be stupid but...how do you delete the corners...what button do you press...? i tried backspace and in the history i cleared it...but it didnt do anything. then i tried the delete button under insert like on the keyboard...but nothing happened.

help XS

Delete is the right key to use

For advanced rounded edges, you have 2 layers right? So, your only rounding 1 of those layers, the other layer fills in the space that you've deleted. Thats why you have to move on to the next step to choose which corners you want rounded.