logo

Go Back   Wicked Friends > Graphics & Web Design > Graphics: Technical Discussions & Chat
WFR: WF Radio: Taking Requests: (Online) (0/32 @ 96 kbs)
WFR: Request Radio
Now Taking Requests
Tune In Now:
Now Playing:
  Basspolice - Dance (Arnie B. Remix)   


Tired of ads? Turn them off by becoming a Private Member, for as little as $5 a year. Click here for more information.
Reply
 
LinkBack Thread Tools Display Modes
Old 09-11-2007, 03:19 AM   #21
Senior Member
 

Join Date: Jan 2007
Posts: 340
My Mood:
Thanks: 653
Thanked 208 Times in 127 Posts
Chats: 5
Reputation: 227
saied has a spectacular aura about saied has a spectacular aura about saied has a spectacular aura about

awesome dude awesome. i hope u make more of these and hope more people participtate on giving more tutorials.
keep up the good work pal
saied is offline   Reply With Quote
The Following User Says Thank You to saied For This Useful Post:
Chaitanya (09-11-2007)

Tired of ads? Turn them off by becoming a Private Member, for as little as $5 a year. Click here for more information.
Old 09-11-2007, 07:39 AM   #22
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya
Talking Swirl Text Logo !

Description: This tutorial is a result of a few filters and tricks. Useful for creating a unique logo for your website.

Start a new document and fill the background with black.

Im using a dark black to blue gradient.

Use the type tool to create your text in white. Then CTRL+CLICK on your text layer to make a selection of the text.



Press CTRL+D to reset your colors to black and white.

Now Create a new layer, then go to Filter->Render->Clouds.
Press CTRL+F once to reapply the filter.

Now HIDE the original text layer so you only have the new clouds layer showing.



Press CTRL+D to deselect.

Now go to Filter->Sharpen->Unsharp Mask.

Amount->500%. Radius: 4px. Threshold: 8 levels



Now go to Filter->Stylize->Wind
Method: Wind. Direction: from the right

Now do the above again, this time Direction from the left.



ow CTRL+CLICK on the original text layer to load the original text's selection.(the one that is hidden. just ctrl+click it, do not show it).

Now go to Select->Modify->Contract. Enter 5 pixel.(this depends on how big your text is, for the size im using here, i need 5 pixels).

Now go to Select->Feather enter 3 pixels.

Then go to Select->Inverse



Now go to Filter->Stylize->wind
Method: Stagger. Direction: From the Right

Repeat the above step, but this time, direction: From the Left.



Now go to Filter->Distort->Twirl.
Set angle to around 350 (or any amount to your liking).

Now CTRL+D to deselect.



Now to add some colors to your image, just go to Image->Adjustments->Color Balance. and play around with the sliders on different Tone Balance.

Another thing you can do is Show the original text layer and set its blending mode to Exclusion, and move it on top of the effects layer.

Here is mine, also after changing the background color.



Here is another version after adding some drop shadow to the effects layer:





__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
Old 09-11-2007, 07:47 AM   #23
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya
Tutorial for pixel text !

Your Final product will look like this


1.Create New File of 400 px X 150 px and by using gradient tool make something like this for background


2. Type text using white color. Now duplicate the text layer. Then drag the duplicated layer below the original text layer.


3. Now go to Filter > Blur > Gaussian Blur and in radius field put 3 pixels and press enter. Your text will look like the figure below .


4. Then go to Filter > Pixelate > Mosaic put in size 17 and press enter.


5. Finally go to Filter > Sharpen > Sharpen repeat this twice and your final product is ready
__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
Old 09-11-2007, 07:56 AM   #24
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya
Glowing Gel Text !

Description: In this tutorial, we will create a text effect with a gel and glowing effect. A simple 5 step tutorial!


Start off with a new document. For this tutorial, i created a new 500x300 document with white background.
Now use the paint bucket tool to fill the background layer with BLACK. (or you can use another dark color)

***

Use the Type tool and type in your prefered text, use a bold font and set its size to fairly large, I used "Arial Bold", and font size 100px


Next, go to Layer->Flatten Image
Then go to Filter->Blur->Gaussian Blur, set Radius: 6.0


Now go to Filter->Artistic->Plastic Wrap

Hightlight Strength: 5
Detail: 15
Smoothness:15



Now, to colorize this image, the simplest way is to go to Image->Adjustments->Hue/Saturation - check the "colorize" box, and adjust the Hue and Saturation sliders.

The other way is to apply Image->Adjustments->Color Balance. You have more control over the colors here but slightly more difficult.





Here is another result, with this one, I set the highlight strength to 15 instead of 5.

__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
Old 09-11-2007, 08:06 AM   #25
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya
3 stroked text

Ok for this tutorial I am using a font called Jungle LIFE. Search www.dafont.com for it if you want to follow this tutorial exactly though any graffiti type font (or any font at all) will work.

Also in this tutorial I am going to include the text styles used so you can apply them easier and learn from them. I don't want this to be a bording tutorial where you have to enter values into the bleding options so simple load up the styles and apply them where I tell you to. Then experiment with them. Change the values and colors and learn from them Smile

The images for this tutorial are also saved with low quality so that they load faster so they will not reflect your actualy results. Green_Light_Colorz_PDT_37

So anyways.... Write something with your text -



Now apply "Tutorial Text #1" to it. Right click the layer and go to Bleding Options to have a look at what changes the Style has made. Experiment with the values. Ctrl click the text layer. The layer should become slected. Now go to Select>Modify>Expand and expand by 8 px or whatever you think suits the chosen font best. Make a new layer with the selection still active. Then fill the selection with #8fb02f color. Experiment with the color if you want. Keep in mind that the second layer style will appear differently depending on what color you choose. Apply "Tutorial Text #2" to this layer. This is what I have so far -



Duplicate Layer 2 (which is the layer you filled black). You can turn the layer styles applied to it off by either deleting them by draging them to the bin or by hiding the eye icon next to them.

Before:


After:


Then drag the layer down a bit to add a 3dish effect. You could alternatively continue selecting and expanding the selection to make more strokes. This is what I have -


This is my final result after adding a bit -
__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
Old 09-11-2007, 08:13 AM   #26
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya
Cool Cold Fear Text effect.

Step one:
Add your #E5FFFF text under font arial black, and 48pt. Make sure you set the tracking setting to -150.




Step two:
Now add a
Drop Shadow,


Inner Shadow,


Satin,


Gradient Overlay,


and Stroke layer styles.





Step three:
Add another text, move the layer at the bottom of every other layer. Add a Inner Shadow,


Inner Glow,


Satin,


and Pattern Overlay layer styles.


__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
Old 09-11-2007, 08:29 AM   #27
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya
Thumbs up Very stylish 3D text !

Very stylish 3D text
Create a cool 3D text Effect like these:




Step 1

Create a blank document of the desired size.
Type your text in black on a white background.
I used a pixel font (thus the cool X) but you can use any font you want.



Step 2

You have to apply a bunch of layer styles (right click text layer and choose blending options):

Drop Shadow:


Outer Glow:


Inner Glow:


Gradient Overlay:


You might to change some of the values to achieve a different outcome of the 3D text.

The text will look something like this now:


Right click the text layer and choose Rasterize.

Step 3

Hit CTRL-T and choose Warp or Perspective and distort the text any way you want.

I used Warp and came up with this:


Step 4

Alright, now hold down ALT and start pressing left and down repeatedly until you are satisfied with the 3D effect:



Step 5

Click Image --> Flatten Image.
If you want to colorize your image hit CTRL-U and pick a nice color like this:




Step 6


If you want the fiery color for you 3D Text do this:
Go to Image --> Mode --> Grayscale
then Image -->Mode --> Indexed Colors
and finally Image -->Mode --> Color Table and choose Black Body

There you go. your 3D text:
__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
Old 09-12-2007, 11:51 AM   #28
Member
 
Radar's Avatar
 

Join Date: Sep 2007
Location: London, UK
Posts: 40
My Mood: Amused
Thanks: 20
Thanked 95 Times in 26 Posts
Chats: 20
Reputation: 106
Radar will become famous soon enough Radar will become famous soon enough

Adobe Photoshop Tutorial - Every Tool Explained

Code:
Every Tool Explained. There are 130 pages which are full of stop spamming, projects and tips on how to use Photoshop easily and how to get the best out of one of the best photo imaging programs out there.

Subjects covered in the book include:
Selection Tools in Photoshop:
Navigating and Editing Your Images
Using the Brushes and Pencil Tools
Using the Cloning and Healing Tools
The Gradient, Eraser and Fill Tools
Getting to Know the Effects Tools
Working with the Type Tool
Working with Paths, Vectors and Masks
Annotations, Notes and the Measure Tool
Creating Top Quality Artwork
Download
PHP Code:
http://rapidshare.com/files/55115137/Ado_photo_every_tool_explained.rar 
__________________

Feels good to be back to WF, Radar at your service.
Radar is offline   Reply With Quote
The Following 2 Users Say Thank You to Radar For This Useful Post:
Chaitanya (09-12-2007), rd757 (03-18-2010)
Old 09-12-2007, 12:00 PM   #29
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya

Very Nice Radar,
__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
Old 09-26-2007, 08:49 AM   #30
~ ELiTE GuRu ~
 
Chaitanya's Avatar
 

Join Date: Nov 2006
Location: A Land of Miracles
Posts: 2,483
My Mood: Busy
Thanks: 1,207
Thanked 2,228 Times in 1,108 Posts
Chats: 4595
Reputation: 2233
Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute Chaitanya has a reputation beyond repute
Send a message via MSN to Chaitanya
Thumbs up Advanced Glow Effects

Step 1:



As with pretty much every tutorial I've ever written we begin with a radial gradient. This one is pretty harsh and goes from a reddish brown colour to black. Here are the exact colour codes:

Foreground colour - #922f00
Background colour - #000000


Step 2:

In this tutorial we actually need a pretty intense centre, so what we'll do is duplicate the layer we just made and set the one above to a blending mode of "Color Dodge" . There are a few types of blending modes, darkening ones, lightening ones, colourizing ones and inverting ones. Color Dodge is probably the stronges of the lightening ones. As you can see in the screenshot it produces a pretty full on centre.




Step 3:

Now in our glow effect it helps to have a nice textured background. So we are going to create a sort of smoky haze. To do this create a new layer, then make sure you have white - #ffffff and black - #000000 selected as your background and foreground colors.

Then go to Filter > Render > Clouds. This will give you some random cloud pattern as above.




Step 4:

Now set the opacity of your layer to "Overlay" and 30% transparency. In some instances this would be enough, but for our needs we want it even smokier looking!

So go to Filter > Sketch > Chrome and use default settings of 4 and 7 for detail and smoothness respectively. Actually you can probably mess around with those if you want, but the defaults seem to be fine.

When you're done you the result should look a lot smokier (once its overlayed at 30% transparency that is). You can see the result in the background of the next screenshot.



Step 5:

Now before we can start making glows, we need to have something TO glow. Here's where we break out the pen tool. If you have used the pen tool much I suggest playing around with it a little. There are some tricky things you can do with shortcuts but for this tutorial you don't need those.

In fact all we want to achieve is some nice curves. Fortunately this isn't too hard. I find the trick is not to use too many points. Instead rely on the pen tools natural curving and drag the mouse out for each point so you get a big angle. In this S curve shown above I've only used three points, the starting point, the end point and one in between to give it the bend.



Step 6:

Once you have a nice curve, create a new layer. Then click on the paintbrush tool ( and choose a very thin, hard brush. As you know soft brushes are the blurry ones and hard brushes are more solid. In this case I suggest using a thickness of 3.

Note that you can have any colour selected as your brush colour because we'll go over it with a layer style shortly.



Step 7:

Now switch back to the PEN tool. You must switch tools in order to do this next bit.

Then right click and select "Stroke Path". You will get a little dialog box appear as in the screenshot. Choose "Brush" and make sure there is a tick next to "Simulate Pressure". This is important as it will give your curve tapered ends which will make it rock!

Next right click again and select "Delete Path".



Step 8:

You should now have something like the above. Just a thin, cool swishy thing.



Step 9:

Now we add some glows. The easiest way to make our glows is to use layer styles. And the best way to tell you what layer styles to use is to tell you to download the sample Photoshop PSD from the bottom of this page and then open it up and look through them there.

In a nutshell I've added two sets of glows. To do this I first use Outer Glow and then because I want a second glow, I change the Drop Shadow settings so that it becomes a glow (you can do this by reducing the distance and changing the blend mode to something like Color Dodge)

Oh and also I've used a Color Overlay to make the item white so that its like the centre of an intense glow.




Step 10:

So now you have the same line but with a cool glow coming off it. The beauty of using a layer style is that you can copy and paste it to other layers. To do this you just right-click the layer and select "Copy Layer Style" then create a new layer and right-click and choose "Paste Layer Style".



Step 11:

So now repeat the same process a couple of times to make more squiggly lines.

In this instance I made one a little thicker by changing the paint brush size before I did the "Stroke Path" bit of hte process. I also made a third line and erased part of it and sorta made it join the other two to look like a cool triangular shape.




Step 12:

Here I've added some text in and applied the same layer style to the text layers.

It's important to pay lots of care and attention to your text. When you're first starting out use simple fonts and play with spacing between letters, words and sizes. You can achieve a lot with just some small tricks. Here I've contrasted the three words by making Glow a lot larger and in regular casing, then made Advanced and FX much smaller, with greater space between the letters and all Caps.

You can control spacing with text using the Character window. If it isn't already open go to Window > Character and it should appear. Mess about with the different settings until you learn what each controls.




Step 13:

Now we add some particles. To do this create a new layer then select a tiny paint brush - size 3 - and just paint some dots on. It helps if they are clustered towards the centre of the glow so that it looks like they are emanating from there.

You can make some of the central ones larger by doubling over on them with a second paint brush dab.

Then paste our Glow layer style on to that layer too!




Step 14:

Now that's looking pretty cool, but it will look even cooler if we give it some subtle colouring instead of this super gaudy red.

So create a new layer and using a radial gradient draw a blue to white gradient as shown.




Step 15:

Then set that layer to a blending mode of "Color" and change the opacity to 50%.

You'll see that it turns the image kind of bluish. I think that's looking much cooler already, but just to go that extra step I also created a couple of extra layers, one with some faint yellow and one with faint purple. You can see them in the screenshot above.

I set each layer to blending mode of "Color" and thin opacities so that they all fade together.




Step 16:

And there you have it, advanced glow effects with a cool colour blend and subtle smokey background combined make for a pretty great effect.

Just remember to experiment with settings and try appling the glow to different things to see how it turns out. And try different color combinations, some suprising combinations turn out really beautiful. Good luck!

__________________
aka : Dev(wd)

~ Rules ~ Introductions ~ Arcade ~ Why i can't Donate to WF? ~ How did u find WF? ~

Be right back...


Chaitanya is offline   Reply With Quote
The Following 5 Users Say Thank You to Chaitanya For This Useful Post:
Aezl (10-01-2007), airbrushjohn (06-10-2009), Gerd11 (05-10-2008), xphil34 (06-06-2008)
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Adobe Photoshop CS4 raiden2010 Applications 12 06-30-2010 06:42 PM
101 Design resource sites ! Chaitanya Tutorials 0 07-23-2008 10:58 AM
Discover Photoshop CS - DVDs Chotto Tutorials 0 08-17-2007 04:05 PM


Tired of ads? Turn them off by becoming a Private Member, for as little as $5 a year. Click here for more information.

All times are GMT. The time now is 09:06 AM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.3.2
Template-Modifications by TMS
Page generated in 0.37496 seconds with 13 queries