Moin zusammen ,
ich habe in der SuFu gesucht , habe aber nichts darüber gefunden , und stelle das Tut einfach mal rein , wenn ich im falschen bereich bin oder es diese Art von tut schon gibt , ich habe vergeblich danach gesucht.
Please Note That Its Leeched and Copied & Pasted! So no flaming.
Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
Step 7
Step 8
[Only registered and activated users can see links. Click Here To Register...]
Now that the layer is selected...
Step 9
[Only registered and activated users can see links. Click Here To Register...]
Select the highlight layer and...
Step 10
Step 11
Step 12
[Only registered and activated users can see links. Click Here To Register...]
Now we'll add the first elements of 3D-ness to the logo. The original text layer is the base layer for any color you want to add. I'll use grey70, but you could just as easily use any old color you like. It's a good idea to play with this as you can get some funky plastic logos too. Make sure Keep Trans. is checked when you fill the layer.
Step 13
[Only registered and activated users can see links. Click Here To Register...]
As you can see, it's starting to look like something now.
Step 14
Step 15
Step 16
[Only registered and activated users can see links. Click Here To Register...]
And this is what it looks like.
Step 17
Step 18
Step 19
Step 20
Step 21
Step 22
Step 23
Step 24
[Only registered and activated users can see links. Click Here To Register...]
Change the Layer Mode of the rust layer to Muliply (Burn).
Step 25
Step 26
Step 27
[Only registered and activated users can see links. Click Here To Register...]
Making sure that you reset the color swatches on the toolbox, use the gradient tool to make a gradient in the Layer Mask so it looks like this.
Step 28
Final
Credits: Mel Boyce (2002,Text and images)
MfG,
_strYker
ich habe in der SuFu gesucht , habe aber nichts darüber gefunden , und stelle das Tut einfach mal rein , wenn ich im falschen bereich bin oder es diese Art von tut schon gibt , ich habe vergeblich danach gesucht.
Please Note That Its Leeched and Copied & Pasted! So no flaming.
Step 1
[Only registered and activated users can see links. Click Here To Register...]
Fire up GIMP and create a new image. I used a white background at 500px by 200px. I feel this size it adequate as my website at the time of writing uses 500px tables.
Fire up GIMP and create a new image. I used a white background at 500px by 200px. I feel this size it adequate as my website at the time of writing uses 500px tables.
Step 2
[Only registered and activated users can see links. Click Here To Register...]
Start by laying down some text that is wider than 400px and not too thin. I've used a font called Pricedown. The text should be created as a new layer. If you use GIMP FreeType then it is done for you, otherwise click the New Layer button in the Layers, Channels, & Paths dialog (looks like a blank piece of paper). It will help to change the layer size to that of the image. Do so by accessing the Layers menu (right click or Control+Click on the layer you wish to operate on) and select Layer to Imagesize.
Start by laying down some text that is wider than 400px and not too thin. I've used a font called Pricedown. The text should be created as a new layer. If you use GIMP FreeType then it is done for you, otherwise click the New Layer button in the Layers, Channels, & Paths dialog (looks like a blank piece of paper). It will help to change the layer size to that of the image. Do so by accessing the Layers menu (right click or Control+Click on the layer you wish to operate on) and select Layer to Imagesize.
Step 3
[Only registered and activated users can see links. Click Here To Register...]
Duplicate the text layer (text) twice. One for the highlight effect (highlight) and one for the shaded part of the effect (lowlight). The highlight layer needs to be white, so select that layer, check the Keep Trans. box on the Layers, Channels, & Paths dialog, and fill it with white. You can do this easily by dragging the white color swatch from the toolbox over to the image (assuming that the highlight layer is currently selected). Keep Trans. means "Keep Transparency"; this will ensure that any transformations or fills made to that layer will only affect the non-transparent part of the image.
Duplicate the text layer (text) twice. One for the highlight effect (highlight) and one for the shaded part of the effect (lowlight). The highlight layer needs to be white, so select that layer, check the Keep Trans. box on the Layers, Channels, & Paths dialog, and fill it with white. You can do this easily by dragging the white color swatch from the toolbox over to the image (assuming that the highlight layer is currently selected). Keep Trans. means "Keep Transparency"; this will ensure that any transformations or fills made to that layer will only affect the non-transparent part of the image.
Step 4
[Only registered and activated users can see links. Click Here To Register...]
Duplicate the text layer again and move it to the top of the Layers stack (use the little up facing arrow head on the Layers, Channels, & Paths dialog). Make sure that Keep Trans. is un-checked and then blur it. I used Gaussian Blur (RLE) at 10 pixels. When I did the original logo, it was set lower than this to make the effect less rounded.
You will need to make sure that the layer boundary is larger than the layer so that the blur can spread nicely. Step 2 mentions this.
Duplicate the text layer again and move it to the top of the Layers stack (use the little up facing arrow head on the Layers, Channels, & Paths dialog). Make sure that Keep Trans. is un-checked and then blur it. I used Gaussian Blur (RLE) at 10 pixels. When I did the original logo, it was set lower than this to make the effect less rounded.
You will need to make sure that the layer boundary is larger than the layer so that the blur can spread nicely. Step 2 mentions this.
Step 5
[Only registered and activated users can see links. Click Here To Register...]
Duplicate the blurred layer once (tmp1 and tmp2). These layers are used to create the edge lighting for the text.
Duplicate the blurred layer once (tmp1 and tmp2). These layers are used to create the edge lighting for the text.
Step 6
[Only registered and activated users can see links. Click Here To Register...]
Nudge one of the blurred layers (tmp1) down and to the right about 5 pixels. The precise number of pixels depends on how blurred and thus how round the text will appear to be, so use your best judgement. You can nudge layers my using the Move tool and the cursor keys on your keyboard. It doesn't matter which of the blurred layers you use in this step, as long as you know which one you didn't move \x{2013} you'll be needing to do a very similar thing to that one soon.
Nudge one of the blurred layers (tmp1) down and to the right about 5 pixels. The precise number of pixels depends on how blurred and thus how round the text will appear to be, so use your best judgement. You can nudge layers my using the Move tool and the cursor keys on your keyboard. It doesn't matter which of the blurred layers you use in this step, as long as you know which one you didn't move \x{2013} you'll be needing to do a very similar thing to that one soon.
Step 7
[Only registered and activated users can see links. Click Here To Register...]
Now create a selection using the blurred layer (the one you moved in step 6) using Alpha to Selection. This selection is a precise selection based on the layer and includes alpha (transparency) information. Handy stuff. You'll notice that I've turned off the layer below (the other blurred layer). This was done to make sure I could see how far I moved this layer during step 6.
Now create a selection using the blurred layer (the one you moved in step 6) using Alpha to Selection. This selection is a precise selection based on the layer and includes alpha (transparency) information. Handy stuff. You'll notice that I've turned off the layer below (the other blurred layer). This was done to make sure I could see how far I moved this layer during step 6.
Step 8
[Only registered and activated users can see links. Click Here To Register...]
Now that the layer is selected...
Step 9
[Only registered and activated users can see links. Click Here To Register...]
Select the highlight layer and...
Step 10
[Only registered and activated users can see links. Click Here To Register...]
Cut (edit/cut or CTRL+X on PC or Command+X on Mac). This will remove the blurred layers selection from the highlight layer. You could do this with channel masks, but I'm a man of simple needs and wants. There's another step after this that I haven't documented, but that's because it's the same thing again (steps 6-10) but with the other layer (tmp2: see steps 5 and 6). Move (nudge) that layer in the opposite direction (up and to the left about 5 pixels), then make the cut from the lowlight layer. Once you're done, delete the two blurred layers (tmp1 and tmp2).
Cut (edit/cut or CTRL+X on PC or Command+X on Mac). This will remove the blurred layers selection from the highlight layer. You could do this with channel masks, but I'm a man of simple needs and wants. There's another step after this that I haven't documented, but that's because it's the same thing again (steps 6-10) but with the other layer (tmp2: see steps 5 and 6). Move (nudge) that layer in the opposite direction (up and to the left about 5 pixels), then make the cut from the lowlight layer. Once you're done, delete the two blurred layers (tmp1 and tmp2).
Step 11
[Only registered and activated users can see links. Click Here To Register...]
I like to take quasi-breaks while doing some images, and this is one of those times. A good time to roll a cigarette or grab a cup coffee. I also tend to clean up temporary layers occasionally.
I like to take quasi-breaks while doing some images, and this is one of those times. A good time to roll a cigarette or grab a cup coffee. I also tend to clean up temporary layers occasionally.
Step 12
[Only registered and activated users can see links. Click Here To Register...]
Now we'll add the first elements of 3D-ness to the logo. The original text layer is the base layer for any color you want to add. I'll use grey70, but you could just as easily use any old color you like. It's a good idea to play with this as you can get some funky plastic logos too. Make sure Keep Trans. is checked when you fill the layer.
Step 13
[Only registered and activated users can see links. Click Here To Register...]
As you can see, it's starting to look like something now.
Step 14
[Only registered and activated users can see links. Click Here To Register...]
Click the blank piece of paper on the Layers, Channels, & Paths dialog and make a new transparent layer called outline. Move this new layer down the layers stack until it's underneath the original text layer.
Click the blank piece of paper on the Layers, Channels, & Paths dialog and make a new transparent layer called outline. Move this new layer down the layers stack until it's underneath the original text layer.
Step 15
[Only registered and activated users can see links. Click Here To Register...]
Select the original text layer (the one you added some color to) and do the Alpha to Selection trick again. Right click on the image and use <Image> Select -> Grow. This will make the new selection larger by a number of pixels - I used a value of 2 pixels. Once you have a selection, be sure to reselect the new layer (outline) so that you can fill it (step 17). And below is what it looks like.
Select the original text layer (the one you added some color to) and do the Alpha to Selection trick again. Right click on the image and use <Image> Select -> Grow. This will make the new selection larger by a number of pixels - I used a value of 2 pixels. Once you have a selection, be sure to reselect the new layer (outline) so that you can fill it (step 17). And below is what it looks like.
Step 16
[Only registered and activated users can see links. Click Here To Register...]
And this is what it looks like.
Step 17
[Only registered and activated users can see links. Click Here To Register...]
Fill the layer with black and deselect (CTRL+SHIFT+A on PC or Command+SHIFT+A on Mac). As you can see, the image now has more background contrast. Now, duplicate that layer and lower the copy below the original outline layer. Make sure that Keep Trans. is not checked, and blur it. I like soft shadows, so I used a Gaussian Blur (RLE) of about 30 pixels. Drop the Opacity of the layer down to about 50 and nudge it to the right and down until it looks okay.
A nice way to fill selection areas or layers that have Keep Trans. selected, is to simply drag the color from the toolbox color swatch to the layer.
Fill the layer with black and deselect (CTRL+SHIFT+A on PC or Command+SHIFT+A on Mac). As you can see, the image now has more background contrast. Now, duplicate that layer and lower the copy below the original outline layer. Make sure that Keep Trans. is not checked, and blur it. I like soft shadows, so I used a Gaussian Blur (RLE) of about 30 pixels. Drop the Opacity of the layer down to about 50 and nudge it to the right and down until it looks okay.
A nice way to fill selection areas or layers that have Keep Trans. selected, is to simply drag the color from the toolbox color swatch to the layer.
Step 18
[Only registered and activated users can see links. Click Here To Register...]
This is what the Layers, Channels, & Paths dialog should look like.
This is what the Layers, Channels, & Paths dialog should look like.
Step 19
[Only registered and activated users can see links. Click Here To Register...]
I've duplicated the highlight and lowlight layers and made them all blend with the lower layers using the Overlay mode. This helps to make the edges more 3D
.I've duplicated the highlight and lowlight layers and made them all blend with the lower layers using the Overlay mode. This helps to make the edges more 3D
Step 20
[Only registered and activated users can see links. Click Here To Register...]
Create a new transparent layer called rust and select the bezier tool (shown here as the depressed button).
Create a new transparent layer called rust and select the bezier tool (shown here as the depressed button).
Step 21
[Only registered and activated users can see links. Click Here To Register...]
Rust isn't uniform and I've decided to only worry about the lower half of the letters. Use the bezier tool on the new rust layer to start a selection that looks like...
Rust isn't uniform and I've decided to only worry about the lower half of the letters. Use the bezier tool on the new rust layer to start a selection that looks like...
Step 22
[Only registered and activated users can see links. Click Here To Register...]
This. Click inside the bezier path once you close it (close it by clicking one the first node). This will create a selection. Use <Image> Select -> Feather to feather (blur) the selection. I used a value of about 10 pixels.
This. Click inside the bezier path once you close it (close it by clicking one the first node). This will create a selection. Use <Image> Select -> Feather to feather (blur) the selection. I used a value of about 10 pixels.
Step 23
[Only registered and activated users can see links. Click Here To Register...]
Pick a nice bright orange or brown color for the rust. My site logo used a reddy-borwn color, but here I've chosen a bright orange. Fill the selection with it. Using the famed Alpha to Selection move, get the selection for the original text layer. Once you have that selection area, click the rust layer to make it active. Invert the selection (CTRL+I or Command+I) and Cut. This will leave only the part of the rust layer that actually covers the letters and not the extra.
Pick a nice bright orange or brown color for the rust. My site logo used a reddy-borwn color, but here I've chosen a bright orange. Fill the selection with it. Using the famed Alpha to Selection move, get the selection for the original text layer. Once you have that selection area, click the rust layer to make it active. Invert the selection (CTRL+I or Command+I) and Cut. This will leave only the part of the rust layer that actually covers the letters and not the extra.
Step 24
[Only registered and activated users can see links. Click Here To Register...]
Change the Layer Mode of the rust layer to Muliply (Burn).
Step 25
[Only registered and activated users can see links. Click Here To Register...]
The image should now look a little like this. Don't worry, it'll look better soon.
The image should now look a little like this. Don't worry, it'll look better soon.
Step 26
[Only registered and activated users can see links. Click Here To Register...]
With the rust layer selected, add a Layer Mask.
With the rust layer selected, add a Layer Mask.
Step 27
[Only registered and activated users can see links. Click Here To Register...]
Making sure that you reset the color swatches on the toolbox, use the gradient tool to make a gradient in the Layer Mask so it looks like this.
Step 28
[Only registered and activated users can see links. Click Here To Register...]
The image should now look like this.
The image should now look like this.
Final
[Only registered and activated users can see links. Click Here To Register...]
With a little playing around you can get to this. I duplicated the rust layer and moved them (the original rust and the copy) down the stack until the highlight and lowlight layers were above them. I also duplicated the original text layer, switched on Keep Trans., and used <Image> Render -> Clouds -> Solid Noise to add a bit of interest to the layer. Try using the Curves tool to help with this. You may also notice that the outline layer is blurred. Sometimes this can help. The idea is, try stuff and find out.
Well, thats it. Hope that taught you the power of selections and layer modes to some degree. There are many people who tout the use of channel masks, but don't under estimate the power of selections to do your dirty work.
With a little playing around you can get to this. I duplicated the rust layer and moved them (the original rust and the copy) down the stack until the highlight and lowlight layers were above them. I also duplicated the original text layer, switched on Keep Trans., and used <Image> Render -> Clouds -> Solid Noise to add a bit of interest to the layer. Try using the Curves tool to help with this. You may also notice that the outline layer is blurred. Sometimes this can help. The idea is, try stuff and find out.
Well, thats it. Hope that taught you the power of selections and layer modes to some degree. There are many people who tout the use of channel masks, but don't under estimate the power of selections to do your dirty work.
Credits: Mel Boyce (2002,Text and images)
MfG,
_strYker