All About Graphic Designing..!!
Nowdays Presentation is biggest thing in the world and the best way to represent yourself is by pictures...Each site will look a lot dull if it doesn't contain any picture considering this fact I am starting this thread in this Tutorial section...I know that there are many Adobe Photoshop/GIMP/etc. designer in this forum..please share your tutorial here...
Discuss anything from everything in this thread..you can ask for help for example... how to produce this effect...the main work of this thread is to put a person in the world of Graphic Designing..
If u have made ANY ART then u can even post that in this thread but please don't start posting like rate my art rate my art..
Rules for tutorial writer/tutorial poster:-
1. If you have made any tutorial then post that here or if u get any good tutorial in the net then post the tutorial along with the source..
2. Providing of outcome of the tutorial is necessary.
3. Use as simple language as u can use while writing the tutorial..
4. Try to prevent spelling as well as grammar mistake..
5. Please provide that the tutorial is of Photoshop/Gimp/erc. in the beginning...
6. Don't put all the steps in the tutorials. Just put the tutorial name and its effect pic...and ofcourse a link to complete tutorial.
This prevents thread to become heavy with images..!
If tutorial has short description with less steps and no images, then post the complete tutorial if any. <<<<---MOST IMPORTANT
Moderators:- Please merge all the photoshop/gimp/etc. tutorial which you whenever find in this thread....and add a poll which ask "Do you think this thread must be sticky ?" with option "Yes" and "No"..as I forgot to add the poll when I was creating the thread...
--------------------------------------------------------------------
Photo to Cartoon Tutorial (GIMP):-
1. Open the image u want to convert to Cartoon.
2. Click on Layer -> Duplicate Layer.
3. Select the new Layer.
4. Click on Filters -> Edge-Detect -> Edge
5. Select Sobel
6. Amount should be 2.0
7. Black should be checked.
8. Click on Layers-> Colors -> Invert
9. Open Layers Dialog -> Change the Layer Mode to Divide.
10. See the result and Enjoy...
Experiment with Layer mode settings to get more cool results.
Source : Myself (Krazzy Warrior)
Outcome Of This Tutorial:- (http://www.thinkdigit.com/forum/showpost.php?p=874638&postcount=203)
Mahendra Singh Dhoni
http://www.imgx.org/files/18999_mcqvv/dhoni.jpg
http://www.imgx.org/files/19000_7lztk/dhoni_cartoon.jpg
Spiderman
http://www.imgx.org/files/19001_mrg3q/Spiderman.jpg
http://www.imgx.org/files/19002_cat2s/Spiderman_cartoon.jpg
--------------------------------------------------------------------
Lolz Text effect (GIMP):-
http://i269.photobucket.com/albums/jj44/visio159/tutorials/1sampletext.jpg
http://i269.photobucket.com/albums/jj44/visio159/tutorials/22TaDaItsComplete.jpg
Read continued here..Source (http://visio159.com/2008/08/15/lolz-text-effect-using-gimp/)
--------------------------------------------------------------------
Grand Prix Games - The community place :: Grand Prix 4 :: WIP ::
Re: WIP - Hungaroring 1991 [56K Warning]. Date: November 21, 2008 03:47PM. Posted by: Rot Teufel (IP Logged). the others tracks are all in sleeping list for
http://www.grandprixgames.org/read.php?4,824379HOME |
Reflection Filter(GIMP):-
http://gimp-tutorials.net/files/refelction.png
This filter could help you save some time for those web 2.0 reflection effects.
This script was written by otavio. (http://code.google.com/p/gimp-reflection/)
How to install : Download the file attached below unzip the file gimp-reflection.scm and place it in your gimp scripts directory (C:Program FilesGIMP2.0sharegimp2.0scripts).
How to Use : You will find the filter under Filters > Decor > Reflection
http://gimp-tutorials.net/downloads/downbutton.jpg (http://gimp-tutorials.net/downloads/downbutton.jpg)
--------------------------------------------------------------------
Chewing Gum Text (Photoshop Tutorial):-
Hereâ ™s a tutorial to create some chewing gum like text.
Step 1: Create a new document, white background, any size. Type some text with the Horizontal type Tool with the colour #03C2FA
Step 2: Go to your blending options: Layer > Layer Style > Blending Options. Select Gradient Overlay.
http://img11.echo.cx/img11/8571/chewinggum18zb.jpg
Step 3: Then add an Outer Glow
http://img11.echo.cx/img11/4889/chewinggum22tq.jpg
Step 4: Select the text by holding down Ctrl and clicking on the Text Layer.
Step 5: Then Select your Rectangular Marquee Tool and by holding down Alt, drag over the bottom half to deselect it.
http://img11.echo.cx/img11/6545/chewinggum36rv.jpg
Step 6: While the top half of the text is selected, create a new layer (Ctrl+Shift+N). Then, Press D and then X to set your foreground colour to White.
Step 7: Select the Gradient Tool. Set the Gradient Picker to â œforeground to transparentâ ? and the gradient type as Linear. Then press Shift and drag from top of the text, to 75% of the WHOLE TEXT, slightly below the selection.
Step 8: Change the opacity of the New Layer to about 70%. Thatâ ™s all!
Source (http://www.thinkdigit.com/forum/showthread.php?t=9215)
--------------------------------------------------------------------
Create Spirographs (Photoshop):-
In this video tutorial you'll learn how to create Spirographs using Actions and Paths in Photoshop.
You will be creating this:
http://img233.imageshack.us/img233/2402/86729479ik5.jpg
Link: http://www.geocities.com/blueshift_g...pirograph.html (http://www.geocities.com/blueshift_gs/Spirograph/tutorial/spirograph.html)
Format: Flash(swf)
Size: 320kb(approx)
Download offline: Link (http://www.geocities.com/blueshift_gs/Spirograph/tutorial/spirograph.zip)
Source (http://www.thinkdigit.com/forum/showthread.php?t=87043)
--------------------------------------------------------------------
Colourful Glowing Text Effect (GIMP):-
http://gimp-tutorials.net/files/thumb_0.jpg
Read Here (http://gimp-tutorials.net/gimp-text-effect-tutorial)
--------------------------------------------------------------------
Creating Reflection (GIMP):-
http://i528.photobucket.com/albums/dd324/krazzywarrior/GIMP%20Art/ReflectionGimper.jpg
Read On.Source (http://binnyva.blogspot.com/2006/12/creating-reflections-for-logos-in-gimp.html).
--------------------------------------------------------------------
http://i528.photobucket.com/albums/dd324/krazzywarrior/GIMP%20Art/NFS-PSSig.jpg
^^Thanks...
Useful Thing to do with Paths (GIMP):-
http://gimpology.com/uploads/476_314_1_thumb.png
In this tutorial, we will focus on how to change selections to paths and paths to selections, and more importantly, why we care about doing so.
Let’s start with a 250×250 and a white background. Now use the lasso selection tool to carve out a part of the image. The edge you are creating could be the edge of a piece of torn paper.
http://merit.oryo.us/i/10/scrn1.png
Now create a new transparent layer and call it paper. Use it and fill in the selected region with a light blue (#4a7bf6).
http://merit.oryo.us/i/10/scrn2.png
At this point, we want to save the selection. After all, it’s a bit complicated and would be hard to reproduce. Who knows, we might need it down the road. To save the selection, use the select menu and hit “To Path”.
Hmm. What happened? Nothing? Well, it might seem that way, but we’ve successfully saved the selection to a path. To see it, open up the path dialog from the dialog menu. You should see our new path listed.
http://merit.oryo.us/i/10/scrn3.png
Let’s turn back now to our image and clear the selection, (Select > None). As you can see, we still have some work to do here. First, let’s put in a drop shadow. Create a new layer and place it under the paper. I’ll call it shadow. We’re going to need the selection again, so we’ll grab it from the path. Pull up the path dialog and select the path that represents our paper (it’s probably the only one there). Once highlighted, press on the button at the bottom that looks like a selection. This is the “Path to Selection” button. Going back to our image, we can select the shadow layer and fill it with black. From there, well, you know the drill. Use a Gaussian blur to get a drop shadow. I used a radius of 15px.
http://merit.oryo.us/i/10/scrn4.png
We’ve made some progress, but there’s still a little magic left we need to work. Let’s try to soften up the edge of the paper. To do this, I want to coat the edge with a lighter shade of blue. I would like to achieve something like this…
http://merit.oryo.us/i/10/scrn5.png
To do this, we’ll use our path again. If you take another look at the path dialog, you’ll see a button with a brush on it. That is what we want, “Stroke Path”. Again, with our path select, hit this button. It will bring up a window which will allow us to select a tool that will be applied to your path. In essence, this means that the tool will be applied to the path. Select “Stroke with a paint tool” and grab the paintbrush from the list of options.
http://merit.oryo.us/i/10/scrn6.png
We’re almost there, but before we stroke the path, we need to make sure the paint tool is set properly. Bring up Gimp’s toolbox and select the paint brush. Here’s where we’ll make some changes.
http://merit.oryo.us/i/10/scrn7.png
The color I used was a lighter shade of blue (#b2c7fd) and a custom round brush with a radius of 2px and a hardness of 50%. If you’re not sure how to edit a brush, you might “brush up” on that and look at See Stars by Editing Your Brushes (http://merit.oryo.us/b/6/see-stars-by-editing-your-brushes). Once you have the color and brush set, go back to the stroke path dialog and press stroke.
I hope you agree that paths aren’t as complicated as some might have you believe. You can work with them and they can save you some time and effort.
Source (http://merit.oryo.us/b/10/useful-things-to-do-with-paths)
As as you are forcing so using ImageShack and will surely know what is better ???
Btw keep posting some good tutorials out here...
Where can I create a folder in imageshack ????
Just my 2 cents of advice to any one who is trying GIMPing.
Exploit these tools to your intelligence:
Path Tool
Mask
Air Brush Tool
Blur Tool
Smudge Tool
Dodge Tool
Threshold
I know your first reaction will be that these tools are just basic, but believe me you can use them to do things they are not supposed to be ever used for.
^^Got it. :-)
Light Effect:-
http://gimp-tutorials.net/files/glow.jpg (http://gimp-tutorials.net/node/123)
Joke-A-Day Web Site - A Sample Design Specification::
All screens in this specification are only roughly indicative of how the site will look. An experienced Graphic Designer will design a colour scheme,
http://www.yart.com.au/article.asp?ID=5HOME |
Read Here... (http://gimp-tutorials.net/node/123)
Guys keep this thread updating whenever u write tutorial or find any tutorial...http://s269.photobucket.com/albums/jj44/visio159/Unismilies/45.png
@beta testing..
Next time I prefer u to post download button http://gimp-tutorials.net/downloads/downbutton.jpg instead of posting link...
be easy, thats Monalisa and I dunno really whats so interesting about it.
Thread Title Changed
All About Graphic Designing..!!
@T159
ok I selected this image.
http://i528.photobucket.com/albums/dd324/krazzywarrior/bnw_sharukh.png
But I am not able to colour the skin perfectly...can u just help me out how to do so..which option i must choose in brush tool and what colour ??
Fun with Light(GIMP):-
http://gimp-tutorials.net/files/thumb.jpg
Read on (http://gimp-tutorials.net/light_bulb_gimp_tutorial)
^^Well said but I love photobucket..and AFAIK it doesn't provide thumbnail...
Nice compilation.
Thanks.
AFAIK I don't think you can do so :-(
But still, you can tag all your images and find images posted under the same tag.
nice tutorial..... More coming up???
^^Well said but I love photobucket..and AFAIK it doesn't provide thumbnail...
Well then why not dump it??
Move to Imageshack man it's the best.
Founded a good tutorial..so posting here..
Folded Paper Tip (GIMP):-
http://gimp-tutorials.net/files/paper_fold_0.jpg
Read on Source (http://gimp-tutorials.net/gimp-paper-fold-tutorial)
Just one suggestion from my side KW. Instead of posting the full image, why don't you host it on Imageshack or something, and post only the thumbnail here?
http://www.societyofrobots.com/images/programming_vision_mona_lisa_greyscale.jpg
http://www.joelp.com/biz/joelp_head.jpg
http://www.trustedreviews.com/images/article/inline/4133-Boat1greyscale.jpg
try'em out :P
^gr8...keep it up...
Animated Sparkling Eyes:-
http://www.13dots.com/st/spark.gif
^^its gr8...see for a while..
Source and read on... (http://www.13dots.com/index.php?categoryid=35&p2_articleid=48)
Amazing Fire Effect In Photoshop:-
http://psdtuts.s3.amazonaws.com/118_Fire/34.jpg
Source and Read Continued Here @ http://forums.digitalpoint.com/showthread.php?t=1030432
6. Don't put all the steps in the tutorials. Just put the tutorial name and its effect pic...and ofcourse a link to complete tutorial.
This prevents thread to become heavy with images..!
If tutorial has short description with less steps and no images, then post the complete tutorial if any. <<<<---MOST IMPORTANT
^^ 1st post updated for tutorial writer/poster
----------------------------------------------------------------
http://i528.photobucket.com/albums/dd324/krazzywarrior/GIMP%20Art/NFS-PSSig.jpg
I was never banned from this forum. I changed my user title to this one because I like it!!!!
Thanks...!!http://s269.photobucket.com/albums/jj44/visio159/Unismilies/48large.png
so edit ur previous post and plz edit ur user title....:D
http://www.societyofrobots.com/images/programming_vision_mona_lisa_greyscale.jpg
Ok colouring this one..
This'll be useful.
so plz change me i get irritated by that even i pmed Goobimama (mod) asking why he was banned...lol..reason is because u r my friend...btw do u like all tut that i am posting...btw edit ur post and put that download button..
http://www.pampelmoose.com/mimg/buttons/download.gif (http://stevesdesktopphotography.com/plugins.htm) free Photoshop filters
http://www.pampelmoose.com/mimg/buttons/download.gif (http://downloads.sourceforge.net/gimp-win/gimp-2.4.7-i686-setup.exe) GIMP installer for Windows (14.2 MB)
AFAIK I don't think you can do so :-(
But still, you can tag all your images and find images posted under the same tag.
hmm...ok started using imageshack...only reason is that it provides thumbnail...
^^ Thanks
Till now I used to consider path tool as waste but after reading/posting the above (previous post) i came to know that it is of lots of use...:D
great tut. man!.Thats a shows helluva great Effort!
http://www.33smiley.com/smiley2/communicate/everyday/2.gif
http://www.33smiley.com/smiley2/communicate/praises/13.gif
http://www.33smiley.com/smiley2/communicate/hindi/19.gif
^^Why he just rocks...???I left mono lisa because of u...now donot say no help me out
Nope... Too lazy and quite busy right now. Here's a link to the download button- http://www.pampelmoose.com/mimg/buttons/download.gif
The film grain effect
Adding the film grain effect to an image in GIMP.....
Before
http://www.gimp.org/tutorials/Film_Grain/sailboat-01-original.jpg
After
http://www.gimp.org/tutorials/Film_Grain/sailboat-08-grain-masked-rebalanced.jpg
Read (http://www.gimp.org/tutorials/Film_Grain/)
^^Well said but I love photobucket..and AFAIK it doesn't provide thumbnail...
http://www.imagehosting.com/
http://imageshack.us/
These are much better alternatives :)
^^Changed my user title. Also edited my post.
I really like this thread and will try to post some tuts after the exams are over....
BTW, have your exams started? If not, when do they start?
No Sssshhhahrukh please
Woah. You trying to embarrass me with that chewing gum text tutorial? :
Well complied tuts
Really helpful :)
@beta testing
Change your user title :D
Ok thanks.....nice download button...let me create my own button for download...making..btw is that download button made by u:confused:
My condition on this tool:-
Exploit these tools to your intelligence:
Path Tool <--- n00b
Mask <--- good/expert
Air Brush Tool <--- n00b
Blur Tool <--- n00b
Smudge Tool <--- n00b
Dodge Tool <--- n00b
Threshold <--- n00b
Ok I am going to explore btw can u post a link where I can know about this tools...
Black & White to Colour (Using Gimp):-
http://i269.photobucket.com/albums/jj44/visio159/black-and-white-flower.jpg
http://i269.photobucket.com/albums/jj44/visio159/black-and-white-flowerffinal.png
Source and Read on (http://visio159.com/2008/08/11/bnw-to-color/)
@T159
I am not able to get a good Black and White Photo which I can colour..help me by giving a nice photo except that of gals...
Photo to Sketch in GIMP
http://img146.imageshack.us/img146/2589/fig01zx1.th.jpg
http://img261.imageshack.us/img261/4773/fig16av1.th.jpg
Read on... (http://www.thinkdigit.com/forum/showthread.php?t=68982&highlight=gimp)
 Microsoft Unleashes Visual Studio .NET
 IBM's iPhrase Buy Adds to WebSphere |
All About Graphic Designing..!! [56k warning] 
PRINT
Add to favorites