[Ibizzle]

WoW! Thank Fatal_Edge. My goal for the remaining of the year is to try out as many of these as I can. **Bookmarks** :w:

[gema]

thanks!

[THE best]

Thamls for the liste, its really usefull

[graphix23]

Does anyone know how to make their own script for a homepage??
I want to know how to do it with Gimp or Photoshop CS2.
Thank You.

[Griatch]

@graphix23

Wrong place to ask this question. You won't get an answer here. Make a new topic in the help forum (you need to give more examples for what you are aiming for too).
.
Griatch

[WebSlinger]

I am obviously new here but with this level of quality tutorials I know I not only have a lot to learn, but have found a great resource of Tuts.

[Maelstrom]

The only problem with some of these tuts, is that some of the image links within some of them are broken/no longer valid.

[Haruhi]

Nice to know that your a Haruhi fan, makes me wanna gimp all over the place

[Haruhi]

Nice to know that your a Haruhi fan, makes me wanna gimp all over the place

[FunkyFloyd]

these are all broken links

[PhotoMaster]

The links have been broken since the update of the site.

[PhotoComix]

ahhh i hope were fixed

[FunkyFloyd]

reserved

[ggdancer]

I tried accessing some of the Tutorials through the links in thsi thread and found that none of the links were working except for 1. I have corrected the code for the 1st post of links and included them below. I'll do the second lot shortly.

Fatal Edge said:

Full Signature
Grunge Signature By Bluwizdom - Outcome -
Simple, Brushless Tutorial By getfirefox - Outcome -
Space Themed Sig Tut By vnt87 - Outcome -
Stock Sig Tut By sydney - Outcome -
Making Flashy Abstract Sigs By Havok - Outcome -
Pixel Sig By MistrManiac - Outcome -
Full Fall Manip Tutorial By Fl4m3d_Sky - Outcome -
Chaoscope Signature By Trapezium - Outcome -
Pixel Stretch Signature Tutorial By Kytayle - Outcome -
Desaturated Tut By Mercenary - Outcome -
Smudge Abstract By Vo1ture - Outcome -
Full Grunge Sig Tutorial By Kasami - Outcome -
Advanced Custom Shaped Tech Sig Tutorial By PaNzEr gsp - Outcome -
Sharp Grudge Abstract Tutorial By Vo1ture - Outcome -
Brush and C4D Sig Tut By The-Witch-King - Outcome -
Sprite Signature Tutorial By Pnoi - Outcome -
Brush and Filters Sig Tut By Tkill - Outcome -
Curly's Ffxii Sig Tutorial By curly haired boy - Outcome -
Line Abstract Tut By A90 - Outcome -
Grid Style Sig By Trickd - Outcome -
Make A Cool Glass/metal Sig By littleem - Outcome -
Using Brushes Signature Tut By TheKoopaBros. - Outcome -
Autumnal Sunrise Silhouette Signature By Pnoi - Outcome -
Brush and Smudge Sig Tut By MattGIMP - Outcome -
Vector Sig Tutorial By curly haired boy - Outcome -
Brushless Sig Tutorial By curly haired boy - Outcome -
Splatter/vector Sig Tutorial By curly haired boy - Outcome -
Freestyle C4d Tutorial. By Aegis - Outcome -

Backgrounds

Making Grunge And Flame Backround By takkun987
Grungestract Background Tutorial By Trapezium - Outcome -
Pixel Background By Blazeboy - Outcome -
Camouflage Backgrounds By punksnowboarder - Outcome -
Creating A 3d Background Of Boxes By MJF - Outcome -
Newbie's Plasma Cloud Background By Fallon - Outcome -
Space Backgrounds By Chosen1 - Outcome -
Pixel Backgrounds By noclayto - Outcome -
Grunge Background By SPANKY - Outcome -
Another Tech Tutorial By Luktar - Outcome -
How To Make A Grunge Background By droz928 - Outcome -
How To Easily Make A Forest Background For Your Images By Griatch - Outcome -

Text

Rusty Text By Chocolate570 - Outcome -
Text Effects By Nevon
Frosty Text By Dharma - Outcome -
Create 3d Text By Mr_T - Outcome -
Molten Lava Text By g0ldElite - Outcome -
Creating Shining Plastic Text By Ali Imran - Outcome -
Text Blending By fencepost - Outcome -

Avatars and Userbars

Make A Sort Of Userbar By 360 - Outcome -
Full Avatar Tut By Jackie - Outcome -
Make A Userbar By getfirefox - Outcome -

Borders

The Famous 1px Border By JeppebirD
Tech Border Tutorial By NateDog77 - Outcome -

Animation

Gap - Layermasking Video By ccbarr - Outcome -
Gap - Animated Scrolling Text By ccbarr - Outcome -
Animated Progress Bar By swmiller6 - Outcome -
How To Insert A .gif Animation Into Your Image By doomed1
3D Animated Box By shachi - Outcome -
Make A Grainy Video Animation By Lyra - Outcome -
Pixel Stretch Animation Tutorial For Gap By fencepost - Outcome -
Fading Between Images Using GAP By fencepost - Outcome -
Gap - Animated Dvd Menus By ccbarr
GAP - Add a background via Layermasking By ccbarr - Outcome -
Gap - Text Along Path By ccbarr - Outcome -
Animated Ball By stefcho_94 - Outcome -
Convert Mpeg Video Files Into Gifs Using Gap By dragonballjoseph - Outcome -
Gap - Inserting Animated .gifs Painlessly By Sean-Michael - Outcome -
Make A Fading Transition With Gap By Sean-Michael - Outcome -
GAP - Advanced Animation Simplified By Sean-Michael - Outcome -
Handwritten Text By fencepost - Outcome -
Making An Animated Flag By fencepost - Outcome -
Morphing Images By fencepost - Outcome -
Animated Snowfall In Gimp Gap By fencepost - Outcome -
Animated Flames By NateDog77 - Outcome -
Animated Highlight By fencepost - Outcome -
Animated Rain By fencepost - Outcome -
Creating A Simple Animated .gif By Sean-Michael - Outcome -
GAP - Animated Border Highlight By fencepost - Outcome -
Quick, Electric Sparks Animation Logo By Gerynar
GAP - Animated Flash Text By fencepost - Outcome -
Thumping Sig By BR7 - Outcome -
GAP - Old Monitor Sig Tutorial By curly haired boy - Outcome -
Gap For Animated Gif By sbicknel
Gap Very Simple Tutorial By ccbarr - Outcome -
Another Beginner Gap Tutorial By ccbarr Outcomes: -1- -2-
Gap Paths Animation Tutorial By ccbarr - Outcome -

[ggdancer]

Here are trhe rest

Fatal Edge said:

Making Brushes

Techy Brushes By noclayto
Creating Grungestract Brushes By gigatwo - Outcome -
Grunge Cube Brushes By StormGuard - Outcome -
Basic Rivet Brush By ClayOgre - Outcome -
Creating Spikey Brushes By fencepost - Outcome -
Extensive Guide - Making Brushes By fencepost
Making Grunge Brushes By Watup - Outcome -
Swirly Brushes By drogonZX - Outcome -

Web Layouts and Buttons

Creating Complete Website By Man of Valor - Outcome -
How To Create Image Maps For Websites By Chocolate570 - Outcome -

How to make...

Making 3d Product Box By Ali Imran - Outcome -
Creating A 3d Cylinder In Gimp By Ali Imran - Outcome -
Tentacle Tubes By noclayto
How To Create A 3d Room By MJF - Outcome -
Creating An Abstract By cgwyllie - Outcome -
Funny Thing Tutorial By stefcho_94 - Outcome -
Deep-space Pics By onionguy92 - Outcome -
Add A Sun To Your Solar System By FunkyFloyd - Outcome -
Loch Ness By sydney - Outcome -
Wave Tutorial By Zed0 - Outcome -
Tech Star By noclayto - Outcome -
Continents Tutorial By mrbagrat - Outcome -
3d Flower Tutorial By ryvkah - Outcome -
Creating Shining 3d Box By noclayto - Outcome -
Creating Potions By da nite slaya - Outcome -
Quickly Create A Water Surface By Ali Imran - Outcome -
Very Realistic Fire By jc987 - Outcome -
Tech Splash Tutorial By Luktar - Outcome -
Creating 3d Bowl By Ali Imran - Outcome -
Brick Wall Mosaic By onionguy92 - Outcome -
Tube-kind Tutorial By Blinkz - Outcome -
Abstract Twirl Tutorial By Lowfire - Outcome -
Creating Realistic Cd Disk By Ali Imran - Outcome -
Creating Realistic Star Fields By Chrios - Outcome -
Alien Flesh By ClayOgre - Outcome -
A Better Planet Tutorial By Marvin x - Outcome -
Pencil Drawing With Gimp -- Making A Black&white Human Concept Picture By Griatch - Outcome -
Meteor Tut By Blinkz - Outcome -
Creating A Globe In 2 Easy Steps By Ali Imran - Outcome -
"woven" Tribal Artwork By ClayOgre - Outcome -
Creating Denim By fencepost - Outcome -
Creating A Stereogram By fencepost - Outcome -
Definitive Wire Tut By alienfrommars - Outcome -
Creating A Water Texture By droz928 - Outcome -
Simple Crystal Thing By StormGuard - Outcome -
Foil Paper By noclayto
Making Ancient Coins By Ali Imran - Outcome -
Planning And Drawing Battle Cyborgs By Griatch - Outcome -
Creating Clear Globe Containers By fencepost - Outcome -
Create Realistic Fire With Ease By g0ldElite - Outcome -
The Evil Ring By masterdash - Outcome -
Sheathed Glass Tube By Monkey - Outcome -
Amazing Planet By Significant_Other - Outcome -
Triskit Knot By ClayOgre - Outcome -
The "organic" C4d By ClayOgre - Outcome -
Barbed Wire By ClayOgre - Outcome -
Tutorial Of Character-drawing By Pig_catapult - Outcome -
Learning To Draw Human Skin And A Hand By Griatch - Outcome -
Creating Real Old Rusted Paper By Ali Imran - Outcome -
Paint A Futuristic City By Griatch - Outcome -
Making Empty Broken Egg Shell By Ali Imran - Outcome -
Soap Bubbles By ClayOgre - Outcome -
Creating Character Artwork By Griatch - Outcome -
Basic Mountain By ClayOgre - Outcome -
Make A Flower By Fatal Edge - Outcome -

Effects and Enhancements

Shadows And Glows (3-d Effects) By saulgoode
Transition Blending By Sean-Michael - Outcome -
Backlight Effect By Noble - Outcome -
Text Bars By Watup - Outcome -
Galvanized Metal By ClayOgre - Outcome -
Fitting Text To An Uneven Surface By fencepost - Outcome -
"Cartooning" An Image By Trademarc - Outcome -
Selective Coloring By fencepost - Outcome -
Easy Stock Blending By DudeDruid - Outcome -
Sketched Glass Tutorial By kward1979uk - Outcome -
My Style Photo Tweak By booler - Outcome -
Drawing-style Picture By elgie - Outcome -
A Better Emboss And Drawing Tutorial By Trapezium Outcomes: -1- -2-
Gradient Map By philFX - Outcome -
Wave And Waterfall Rainbows By PhotoMaster - Outcome -
Woven Box By Blazeman PWNer - Outcome -
Water Reflection with Squirlz Program By toykoldkilla - Outcome -
Transform A Photo In A B&w Illustration By fotocomics - Outcome -
Stripekind Stuff By Blinkz - Outcome -
Mosaic Grid To Photos By noclayto - Outcome -
Softening The Edges Of Your Cutouts By fencepost
Creating A Spikey Thing... By zisme - Outcome -
Quick Pixel Stretch Method By fencepost
Quick Scan Lines Tut By Bloggs
3 Ways To Put An Image In Your Text By fencepost - Outcome -
Warm Glow Photomanipulation By fencepost - Outcome -
Make Your Own Scanlines By BR7 - Outcome -
Brushed Metal And Blended Text By noclayto - Outcome -
Creating Lightning By fencepost - Outcome -
Blending, Colours And Lighting By Fatal Edge - Outcome -
Blending Images In Gimp By fencepost - Outcome -
Reflections By noclayto
Blending Background Tut By monotone - Outcome -
Adding Fantasy Mood And Light To A Picture By Griatch - Outcome -
Easy Sparks By Koops12 - Outcome -
Really Cool Supernova Effect By onionguy92 - Outcome -
Vector Your Renders! By curly haired boy - Outcome -
How To Change Eye Colour By badassfeline - Outcome -

Misc

Gimp-gap Overview By saulgoode
Weird Fonts Fix By Sean-Michael
Bump Mapping By Ali Imran
Compiling Gimp 2.3.x For Windows By redforce
How To Customize Your Gimp Menus By fotocomics
Converting Photoshop Brush Files .abr And Paint Shop Pro Brush Files .jbr To Gimp .gbr Brush Files By Ali Imran
How To Stroke Filters With Brushes By fotocomics
How To Use The Gimp "history" Brush By fotocomics
Let's Make Some Cursors. By a saurus1
Changing The Look Of Your Gimp By Sean-Michael - Outcome -
A Guide To Gimp By bourne
The Layer-mask Rendering Method By ClayOgre
How To Convert Photoshop Brushes To Gimp By droz928
Creating And Using Paths By fencepost
Using the Quickmask By swmiller6 - Outcome -
How To Create And Install A New Splashscreen By droz928
Resizable Brushes And How To Take Advantage Of Gimp's Powerful Airbrush Tool By Griatch
Cutting Out Renders Using The Paths Tool By fencepost - Outcome -
Compiling Gimp From Cvs (head) With Ubuntu 6.06 By redforce
Learn Full Gimp Interface In Half An Hour By Ali Imran

the links to the tuts are working but the links to the authors profiles still need to be fixed.

[TomBrooklyn]

Hi. Is there a tutorial on how to use this Official Tutorial Index? Something that might for instance, explain the meaning of a tut, a sig, and explain what grunge means as it relates to GIMP? Other acronyms, abbreviations and/or non-standard English terms I see are C4d and Chaoscope.

Also, is there any chance of renaming some of the obscurely named tutorials into something that describes specifically what the tutorial teaches. For instance: "Another Tech Tutorial."

Finally, would it be possible to separately list any tutorials that are likely to be universally useful for a general user from those that provide some highly specific special effect? The former might include "Learning the Interface in 30 Minutes" and "Guide to Quickmasks" while the later contained things like making soap bubbles or a flower.

[MikeStahl]

I'm so new to this, I can't even do an effective search. I learned a lot of neat stuff I might want to try once I've learned a few basics. I've reviewed the user's manual, reviewed the tutorials and tried to search. Found some of what I wanted in the user's manual. Unfortunately, the author(s) seem to think I know what they're talking about and tend to leave out little details.

I would really appreciate it if someone would just give me shove in the right direction re:

1. I have some jpegs the I want to make the background transparent. I've gotten as far as getting a path (right term?) around the render (right term?) and then it all goes to heck. I've tried about 30 times and haven't succeeded yet. Please point me to somewhere that will explain what I need to do next.

2. I want to join images side by side into one image. Haven't the foggiest idea where to start.

3. I want to download an avatar from my fledgling website, but don't have the slightest idea how. I'm new at that, too. Trying to learn the basics of web building.

Like I said, just point me in the right direction and the stupid questions should diminish. I picked one heck of a hobby to keep me busy in my old age.

[saulgoode]

MikeStahl said:

1. I have some jpegs the I want to make the background transparent. I've gotten as far as getting a path (right term?) around the render (right term?) and then it all goes to heck. I've tried about 30 times and haven't succeeded yet. Please point me to somewhere that will explain what I need to do next.

The forums are misbehaving so I am unable to provide a link to the appropriate tutorial, but it is called "How to remove backgrounds" or somesuch (I thought it was stickied but apparently not).

MikeStahl said:

2. I want to join images side by side into one image. Haven't the foggiest idea where to start.

First, you need to have both files opened within the same image. You can do this by opening the first file and using "File->Open As Layer(s)" to open the second. This results in two layers placed directly on top of each other.

To position the layers side-by-side, zoom out enough so that there is a significant amount of "padding" around the images. Next, activate the Move Tool and drag the top layer into padded area beside the image. The top layer will disappear but you can still see its outline. You don't really need to worry too much about aligning it perfectly at this point; just drop the layer so its outline doesn't overlap the other layer.

The layer disappeared because it is no longer on the image canvas, we need to expand the boundaries of the image so that both layers are still shown. The easiest way to do this is to perform an "Image->Fit Canvas To Layers".

Once you have both layers visible on the image canvas, you can zoom in (if necessary) and use the Move Tool to align the layers more closely. The cursor keys can be very helpful for nudging the layer one pixel at a time (10 pixels if the SHIFT key is held down).

When you have the layers positioned properly, do another "Image->Fit Canvas To Layers" to remove any extraneous regions outside of the two layers.

[Jassie]

MikeStahl said:

1. I have some jpegs the I want to make the background transparent. I've gotten as far as getting a path (right term?) around the render (right term?) and then it all goes to heck. I've tried about 30 times and haven't succeeded yet. Please point me to somewhere that will explain what I need to do next.

Once you get your path around what you want to render(it should be a stock now if it has the background) press the enter key(that should create a selection).After that your done with the path so select the move tool and you shouldnt be able to see the path any more.Once that is done go to Select > Invert.Then press CRTL + X(I think or just go to Image > Cut.Or find the Cut option).That should make the background disappear.

However if it doesnt have an Alpha Channel then the background will change to the background color you have selected in the toolbox.To give it an Alpha Channel go to the Layers Dialogue, right click on the layer, then go press 'Add Alpha Channel'.After that repeat the above with the cutting and all that other stuff.Once you have done all that you should see a gray checker board pattern(that means that that area is transparent so thats a good thing).If you do then go to Select > None and your done :p All thats left is to save it or do whatever else you want to do with it.

If none of that works then feel free to PM me and Ill open up GIMP so I can give a better description of what to do.This is going off memory at the moment.

[FunkyPajamas]

Hi all,

Not sure if this is the right place to post. I was looking for some HTML slicing tutorials and found this:http://www.gimptalk.com/forum/topic/How-To-Create-Image-Maps-For-Websites-2797-1.html, but it doesn't really cover what I'm looking for.

I have a very specific task assigned to me: I need to slice some images out of a PSD and into jpgs/pngs. I'm a web developer so I don't need Gimp to do the HTML code for me, I just need to "get" the images that I need out of the PSD. Since I'm completely stupid when it comes to design, I don't even know where to start. I tried following these instructions: http://www.websiterepairguy.com/ebooks/ ... Image.html, but I'm not getting anywhere either. For some reason not even the "ctrl+n" shortcut works properly: the new image is not getting the dimensions of whatever's in the clipboard at the moment, and worst of all I can't even make transparency work properly.

Anyway, I need some assistance and I was hoping somebody here would be so kind as to point me in the right direction. Here's a list of the things I'm having issues with:

1. As mentioned before, when doing selecting an area, then doing CTRL+c, CTRL+N the newly created image has the canvas' dimensions, not the clipboard dimensions.

2. When trying to "slice" (is that even the right term?) an image out of a PSD, it's not coming out with transparency. I think I'm turning off layers as I should, but still, I'm probably doing a lot of stuff wrong. Anybody has a quick tutorial for doing that?

3. How does the color picker work? I'm trying to get a color in the PSD and for some reason it's not picking anything. Keeps displaying black.

Thanks in advance, and -again- sorry if this is posted in the wrong place. I'll remove it and repost somewhere else if that's the case.