Welcome Guest ( Log In | Register )



2 Pages V   1 2 >  
Reply to this topicStart new topic
> Sig Tutorial: Smudging And Filters, Beginner
Senor_Grunt
post Apr 22 2008, 09:25 AM
Post #1


Member [ Level 1 ]
Group Icon

Group: [HOSTED]
Posts: 38
Joined: 22-April 08
Member No.: 29,946



I hope this is the right place for this. ohmy.gif Here we gooooo!
QUOTE

Tutorial was made assuming you are using Photoshop 7.0 or higher!

Smudging and Filters.


Hai, and welcome to Senor_Grunt's Smudge and Filters tutorial! In this tutorial, you will learn how to make a good looking sig using some filters and the smudge tool.

We will start off by making a new photoshop document with a size of 500px by 120px, then fill the background with a dark gray-ish color. I used #4E4E4E.



Next, you will want to find a good, high quality render. Here is the render I used. You don't have to use that one, but try to find a good quality one that is already cut out for you. A good place for renders is GameRenders. Click on galleries. You can sign in with the following username and password:

Username: guest1212
Password: guest

Once you have your render, open it up in photoshop, and copy and paste into your sig. But remember to select only the render. Duplicate the layer that your render is on and call one render, and one backup render. Hide the backup render layer, and move it under the 'Background' layer. Your layers should now look like this:



We wont be doing anything with the backup render layer, its just there in case we screw up our render. Now, take your render, not the backup, and put it in a corner, but don't resize it. Now, we have to desaturate it (Ctrl+Shift+U). Now go to Filter > Distort > Ocean Ripple and use a ripple size of about 8, and a magnitude of 4. Then bring the opacity down to about 50% and call this layer "ocean ripple". Your signature should look a little something like this:



Remember our backup render layer? Duplicate it once (Right click > Duplicate) and resize it to your likings, then place it on your signature. Name this layer "main render". Now we must blend the render, so it will flow better when we are done. To do this, first Ctrl+Click the little thumbnail next to the "main render" layer. Now we must feather the selection, to do this, press Ctrl+Alt+D and then set it to something like "5.5". Now go to Select>Select Inverse. Now press Delete on your keyboard a couple of times until you are satisfied with your result. 'Tis what it should look like:



Now for the cool background part. cool.gif First, duplicate your "main render" layer, name this new layer "color dodge", and drag it under your "main render" layer. Now go to Filter > Distort > Ocean Ripple again and play around with it this time, until you like the result. Move the render to the left of the render and change the layer blending mode to color dodge with a fill of about 75%.


Your sig would look a little like this now:



Now, duplicate your "main render" layer again, and drag it under the "main render" layer. Name this layer smudge. Hide the "main render" layer for now. Now select your smudge tool, then load the maple leaf brush. On the top right of Photoshop, you should see a little tab that says brushes, click it, then apply these settings:

Set the strength to about 50% and then heavily smudge this layer. Once you are finished, try duplicating your smudge layer and moving them around, or just leave it as it is now. When you're done, your sig should look like this;



Adjustment layers.

Well, we finished the background, now its time to adjust the sig so it looks a little better. Don't worry if it looks like crud right now, its kind of the idea. dry.gif

I did a little Brightness/Contrast layer over the image (Image > Adjustments > Brightness/Contrast).


The colors are a bit, well, dull and boring, don't you think? Lets try to spice them up with a little Color Balance (Layers > New Adjustment Layer > Color Balance). Make sure before you do your color balance, that the layer directly under the "main render", which should be the "smudge" layer, is selected, so not to mess with the "main render" layer.


Just mess with it 'till you find what you're looking for.

Flow, and lighting.

Can you see how the left of the Master Chief is light up? This is because the light source in the render is on the left. To add your own light source, pick a soft brush, set it to about 170-180, opacity to 45%, and then brush once in the spot you would like lighting.

http://img72.imageshack.us/img72/751/12vz2.png

Now, make a new layer, and select black as your brush color. Brush around your lighting, or on the sides of your sig, leaving your lighted area untouched, to give your sig a bit of flow. Like this:

http://img186.imageshack.us/img186/7323/13eg3.png

Now make another new layer, name it "image", and go to Image > Apply Image, then click OK. Now go to Filter > Sharpen > Sharpen.

http://img201.imageshack.us/img201/9556/14ym7.png

Now just mess with your sig and add whatever you want. Tweak it with some of the things you've learned in this tut, or, maybe add a C4D render? Anything you want. And when you're done, add your border and text. I played around with the crop tool until I came to this:

http://img412.imageshack.us/img412/9236/15nr8.png

To add a border, create a new layer, name it "border", and then Select All (Ctrl+A), and go to Edit > Stroke. I gave my sig a 2px border, black. Then for text, just add a text box and put your text where ever it feels comfortable to you.

Here is my finished result:

http://img186.imageshack.us/img186/8156/finaldb5.png

Well, I hope this tut helped, see ya! biggrin.gif

Reference source: Me.

This post has been edited by Senor_Grunt: Apr 24 2008, 09:42 PM
Go to the top of the page
 
+Quote Post
yordan
post Apr 22 2008, 11:11 AM
Post #2


Way Out Of Control - You need a life :)
Group Icon

Group: [MODERATOR]
Posts: 1,886
Joined: 16-August 05
Member No.: 7,896



Thanks for the info. Very interesting tutorial.
Strangely enough, I found exactly the same at http://www.sigtutorials.com/tutorials/basi...-signature.html
Go to the top of the page
 
+Quote Post
Senor_Grunt
post Apr 22 2008, 11:24 AM
Post #3


Member [ Level 1 ]
Group Icon

Group: [HOSTED]
Posts: 38
Joined: 22-April 08
Member No.: 29,946



ohmy.gif
Well, I wrote this tut a long time ago, so it could have been passed around. >_< I posted it on like, 4 different forums. :|
Go to the top of the page
 
+Quote Post
yordan
post Apr 22 2008, 12:23 PM
Post #4


Way Out Of Control - You need a life :)
Group Icon

Group: [MODERATOR]
Posts: 1,886
Joined: 16-August 05
Member No.: 7,896



Yes, I know. Unfortunately, here we accept only new tutorials. Even if you are the author of a previous paper, you must quote yourself when giving the full text, or simply post the link to the original text without copying in your post.
Go to the top of the page
 
+Quote Post
Senor_Grunt
post Apr 23 2008, 12:30 AM
Post #5


Member [ Level 1 ]
Group Icon

Group: [HOSTED]
Posts: 38
Joined: 22-April 08
Member No.: 29,946



So wait, is that a bad thing or good? dry.gif
Go to the top of the page
 
+Quote Post
yordan
post Apr 24 2008, 04:28 PM
Post #6


Way Out Of Control - You need a life :)
Group Icon

Group: [MODERATOR]
Posts: 1,886
Joined: 16-August 05
Member No.: 7,896



QUOTE(Senor_Grunt @ Apr 23 2008, 02:30 AM) *
So wait, is that a bad thing or good? dry.gif

It's bad posting copied posts without quoting them. Some people are trying to do that in order to cheat with the credit systems. We do not accept that. In order to be hosted here you must post original topics, you are not allowed posting topics copied from somewhere else on the web. Except if you put the copied text between quotes, naming your sources.
Go to the top of the page
 
+Quote Post
Senor_Grunt
post Apr 24 2008, 05:00 PM
Post #7


Member [ Level 1 ]
Group Icon

Group: [HOSTED]
Posts: 38
Joined: 22-April 08
Member No.: 29,946



QUOTE(yordan @ Apr 24 2008, 09:28 AM) *
[...]you are not allowed posting topics copied from somewhere else on the web.[...]naming your sources.


Not even if its mine that people ripped off and claimed as their own?

And if AM the source? Do I name myself?
Go to the top of the page
 
+Quote Post
yordan
post Apr 24 2008, 09:28 PM
Post #8


Way Out Of Control - You need a life :)
Group Icon

Group: [MODERATOR]
Posts: 1,886
Joined: 16-August 05
Member No.: 7,896



Even if it's yours, as soon as it has been already published. If somebody ripped it, that means that it was already published.
For instance I cannot post here the topics about AIX Unix that I wrote on other forums, I can just post the link to them, or if I want to show the full text I must put it between quotes.
Go to the top of the page
 
+Quote Post
Senor_Grunt
post Apr 24 2008, 09:35 PM
Post #9


Member [ Level 1 ]
Group Icon

Group: [HOSTED]
Posts: 38
Joined: 22-April 08
Member No.: 29,946



Ahhh, Ok, I see. So do I still have to reference myself as the source?
Go to the top of the page
 
+Quote Post
yordan
post Apr 24 2008, 09:39 PM
Post #10


Way Out Of Control - You need a life :)
Group Icon

Group: [MODERATOR]
Posts: 1,886
Joined: 16-August 05
Member No.: 7,896



QUOTE(Senor_Grunt @ Apr 24 2008, 11:35 PM) *
Ahhh, Ok, I see. So do I still have to reference myself as the source?

That's right, as it has already been published, you reference to yourself.
Go to the top of the page
 
+Quote Post

2 Pages V   1 2 >
Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. How To Remove Bad Sectors Or Bad Clusters From HDD(14)
  2. Cron Jobs Tutorial(3)
  3. Photoshop Tutorial: Forum Signatures(12)
  4. Short "slicing" Tutorial(12)
  5. C#.NET: Web Timer Control Tutorial(2)
  6. Excelent Classical Animation Tutorial(5)
  7. A Complete Java Tutorial(4)
  8. Help A Beginner Start On With Game Programming(8)
  9. Change Fonts On A S60 Phone [tutorial](13)
  10. Photoshop Tutorial: Carbon Fiber Pattern(6)
  11. XSLT Beginner(1)
  12. VB.NET: MS-Access Interaction Tutorial (Part I)(17)
  13. Photoshop Tutorial: Pencil Sketch(3)
  14. Pre Loader Tutorial For Flash(5)
  15. Tutorial: Dreamweaver, 3ds Max, Flash, Html, Css(8)
  1. Phpbb - Installation Tutorial ( For Newbies Based On Astahost Cpane)l(4)
  2. C# Tutorial : Lesson 3 - Programming Constructs(1)
  3. A Beginner Wanting To Learn How To Make A Web Game(4)
  4. How To Backup Your Phpbb2 Forum And Restore It On A Phpbb3 Server.(1)
  5. Gimp: Working With Text(5)
  6. How To Make An Test-based Rpg Game!(3)
  7. Asp Date And Time Tutorial(0)
  8. Javascript Tutorial For Beginner(0)
  9. Website Navigation Hover Buttons Stick So Made Css Today(7)
  10. Linux Beginners - Tutorial On Editors In Linux.(1)
  11. C/c++ -gdb Linux Debug Tool(0)
  12. Conditional Statements Of Javascript(1)
  13. Gimp Userbar Tutorial(1)


 



- Lo-Fi Version Time is now: 6th July 2008 - 07:55 AM