PDA

View Full Version : The Guide to GIMP (only in swedish so far)


Keff
01-10-2006, 19:57
http://files.upl.silentwhisper.net/upload3/Gimp2_2_Guide.png

Keff's guide till GIMP 2.2

Swedish only so far :/

Steg 1. En intodruktion

Vad är GIMP ?

GIMP är ett helt gratis foto-manipulerings- och grafiskt advancerat program.

Är GIMP Opensource ?

Ja.

Har GIMP några likheter med Photoshop som många grafiker använder ?

Ja. Dem flesta som provat både GIMP och PS tycker att det är stora likheter men att skillnaden sitter i det men är vad vid.

Hur är det lättast att lära sig och förbättra sina kunskaper i GIMP ?

Det finns två bra sätt,
1. Följ tutorials och lär dig hur du gjorde och om de olika effekterna
2. Lek runt lite ! Försök göra dig en bakgrundsbild, en signatur, en userbar eller en avatar till dig själv :) Testa olika effkter och Plug-ins och kom ihåg vad dem gör.

Steg 2. Installera

Enklaste sättet är att använda de automatiska installationsfilerna.

1. Installera GTK+ 2 Runtime Environment. Ladda ner (http://prdownloads.sourceforge.net/gimp-win/gtk+-2.8.18-setup-1.zip?download)
2. Installera GIMP 2.2 (version 2.2.12). Ladda ner (http://prdownloads.sourceforge.net/gimp-win/gimp-2.2.12-i586-setup.zip?download)

Sen är det bara att starta GIMP.

Steg 3. Intodruktion till verktygen

http://files.upl.silentwhisper.net/upload8/wwwwww.png

1 - Rect Select - Rektangulär Markering (samma som i Paint) R
2 - Elipse Select - Oval Markering (samma som i Paint) E
3 - Fri Markering F
4 - Markering från angränsade områden Z
5 - Markering från färg Shift + O
6 - Markers form från bild I
7 - Skapa och editera "paths" (Advancerat) B
8 - Välj färg från bilden (samma som i Paint) O
9 - Zooma in och ut
10 - Mät distanser och vinklar
11 - Flytta layers och markeringar M
12 - Skär av delar av bilden, förminska Shift + C
13 - Rotera bilden Shift + R
14 - Skala bilden Shift + T
15 - "Vinkla" bilden Shift + S
16 - Sätt perspektiv på bilden Shift + P
17 - Flippa lagret eller markeringen Shift + F
18 - Lägg till text T
19 - Fyll med ett mönster eller färg Shift + B
20 - Fyll i med en färglutning/stigning L
21 - Pennan. Rita hårda kantiga pixels N
22 - Penseln. Rita "suddiga" penseldrag P
23 - Suddigum - Sudda ut till färg eller Opacitet Shift + E
24 - Airbrush, spruta färg med olika tryck A
25 - Måla med bläck K
26 - Måla med en bildregion eller ett mönster (pattern) C
27 - Blurra eller skärpa V
28 - Smeta ut-verktyget S
29 - Förljusa/förmörka Shift + D

A - Foregroundcolor - Används som standard i många effekter
B - Backgroundcolor - Används som bakgrund i många effekter, standard som bakgrund när du gör en ny bild o.s.v.
C - Din aktiva brush
D - Ditt aktiva mönster (Pattern)
E - DIn aktiva Gradient

Alla dessa saker går att dubbelklicka på för flera val.


Steg 4. En tutorial - "Floating logo"

Modifierad upplaga på en tutorial från http://www.gimp.org - Lättare för nybörjare.

Steg ett

Jag förutsätter att ni har programmet på engelska.

Gör en bild av vald storlek (bilden i guiden är 128x64px).

Om du inte har fönstret Layers, Channels, Paths, Undo uppe så: Högerklick (i bilden) -> Dialogs -> Layers (Ctrl + L)

Steg två

Skapa ett nytt layer (ikonen längst ner i fönstret du just öppnade) med följande inställningar:

Layer name: Text
Width: Ändra inte
Height: Ändra inte

Layer Fill Type:
( ) Foreground color
( ) Background color
( ) White
(x) Transparency

Klicka OK.

Du bör nu ha två layers (lager).

Steg tre

Lägg nu till lite text med texttool (det stora T:et i huvudfönstret eller Högerklick -> Tools -> Text (Hotkey: T)

Skriv något lämpligt, guiden använder sig av JTL. Flytta runt texten tills du får den i mitten (bäst) eller annan valfri placering.

Steg fyra

Merge Visible Layers... - Högerklicka på ett av dina layers i Layers-fönstret och leta upp Merge Visible Layers...

Nu bör alla dina lager vara ett och samma. Dags att invertera färger ! Högerklick -> Layer -> Colors -> Invert

Om inget har gått galet bör du ha en svart bild med ett stycke vit text på.

http://gimp.org/tutorials/The_Basics/tut-basic-1.gif - Ungefärligt resultat

Steg fem

Nu är det dags att blurra bilden, Högerklick -> Filters -> Blur -> Guassian Blur

Inställningar:

Blur Radius:
Horizonal: 5,0
Verical: 5,0

Blur Method:
( ) IIR
(x) RLE

Nu bör texten vara "suddig".

http://gimp.org/tutorials/The_Basics/tut-basic-2.gif

Steg sex

Lägg nu till ett till lager se Steg två, samma inställningar fast ändra till:

Layer Fill Type:
( ) Foreground color
( ) Background color
(x) White
( ) Transparency

Nu bör hela bilden vara vit, det är inget fel :)

Dags att testa Plasma-effekten ! Högerklick -> Filters -> Render -> Clouds -> Plasma - Lek runt lite med olika inställingar tills det ser bra ut.

http://gimp.org/tutorials/The_Basics/tut-basic-3.gif

Lägg sedan till en Layer Mask - Högerklicka på plasmalagret i Layers-föstret och klicka "Add layer mask" och välj Vit.

I Layers-fönstret:

http://gimp.org/tutorials/The_Basics/tut-basic-dia-1.gif

Steg sju

Bump Map - Med Plasma-lagret markerat så, Högerklick -> Filters -> Map -> Bump Map

Överst, välj textlagret och låt resten vara (åtminstånde första gången du testar på det)

Nu bör din bild se ut så här:

http://gimp.org/tutorials/The_Basics/tut-basic-4.gif

Layers-fönstret:

http://gimp.org/tutorials/The_Basics/tut-basic-dia-2.gif

Steg åtta

Klicka på (aktivera) text-lagret och markera hela, Högerklick -> Select -> All (Ctrl + A)
Kopiera, Högerklick -> Edit -> Copy (Ctrl + C)
Markera din Layer-mask på Plasma-lagret och Klistra in, Högerklick -> Edit -> Paste (Ctrl + V)

Nu borde det se ut så här:
http://gimp.org/tutorials/The_Basics/tut-basic-dia-3.gif

Steg nio
Du kommer nu ha en "Floating selection" (flyttbar markering) som du får ankra ner, Crtl + H eller ikonen med ett ankare på i Layers-fönstret.

Bilden kan se ut så här nu:

http://gimp.org/tutorials/The_Basics/tut-basic-5.gif

Steg tio

Skapa ett nytt lager som du lägger mellan de andra två,

Layer name: Bakgrund
Width: Ändra inte
Height: Ändra inte

Layer Fill Type:
(x) Foreground color
( ) Background color
( ) White
( ) Transparency



Välj en färg i huvudfönstret (lätt att hitta), helst en ganska ljus och fyll i med Buckettool, Högerklick -> Tools -> Paint Tools -> Bucket Fill (Shift + B).

Nu ska det se ut såhär i Layers-fönstret:
http://gimp.org/tutorials/The_Basics/tut-basic-dia-5.gif

Bilden kan nu se ut såhär:
http://gimp.org/tutorials/The_Basics/tut-basic-6.gif

Steg elva

Du kanske märker att bilden inte är så skarp, det kan du fixa såhär: Markera masken på ditt Plasma-lager, Högerklick -> Colors -> Levels.

Ta vara på tiden här och använd mycket när du experimenterar med egna bilder för det är en mycket användbar effekt/plug-in.

Försök få det ungefär såhär:
http://gimp.org/tutorials/The_Basics/tut-basic-dia-6.gif

Steg tolv

Skugga - Nu kanske du vill lägga till en skugga till bilden.

Så som jag har beskrivit det hela så är det lättast att göra såhär:

Kopiera ditt Plasmalager (med mask), Ikonen med 2 layers på sig i Layers-fönstret eller Högerklick på plasmalagret -> Duplicate Layer.

Makera nu det understa av de 2 plasmalagren och Högerklick på det -> Apply Layer Mask

Nu bör det se ut såhär i Layers-fönstret:
http://gimp.org/tutorials/The_Basics/tut-basic-dia-7.gif

Klicka nu i Keep Trasparency knappen i Layers-fönstret:
http://gimp.org/tutorials/The_Basics/tut-basic-dia-8.gif

Välj Pencil, Högerklick -> Tools -> Paint Tools -> Pencil (Hotkey: N)

Foregroundcolor: Svart (GIMP - Huvudfönstret)

Måla över hela lagret. Nu bör du ha en helt svart text.

Markera nu hela lagret med Rect Select, Högerklick -> Tools -> Selection Tools -> Rect Select (Hotkey: R) eller Markera allt (Crtl + A)

Flytta nu "skuggan" dit du vill ha den (jag föredrar Nere till vänster) och ankra fast (Crtl + H).

Sista saken att göra (!):

Ändra opacitet på skuggan,

Layers-fönstret:
http://gimp.org/tutorials/The_Basics/tut-basic-dia-9.gif

Flytta runt med den parametern tills du hittar en vettig lösning.

Grattis, du har just gjort en Floationg logo!

http://gimp.org/tutorials/The_Basics/tut-basic-dia-9.gif

Tid att göra: Ingen aning, ganska lång.

Steg 5. En simplare texteffekt.

Steg ett

SKapa bilden, jag använder mig av dessa inställningar:

http://img65.imageshack.us/img65/7082/createnewimagebb4.jpg

Steg två

Invertera färgerna (Högerklick -> Layer -> Colors -> Invert) eller fyll i med Buckettool (Shift + B)

Nu ska bilden se ut så här:

http://img218.imageshack.us/img218/6507/heltsvartlu9.png

Steg tre

För att det ska vara så simpelt som möjligt gör vi nte ett nytt lager till texten utan kör rätt på.

Välj en lämplig font, jag valde Klingon Dagger, färg vit och skriv din text. Flytta runt tills du får den i mitten.

Högerklicka på ett av dina lager och klicka Merge Visible Layers. Nu bör det se ut såhär:

http://img83.imageshack.us/img83/2851/vittpasvartue6.png
http://img204.imageshack.us/img204/3056/vittpasvartlayeraj5.jpg

Steg fyra

Kopiera nu ditt layer (lager)

http://img213.imageshack.us/img213/6227/dubblalagerhl7.png

Sätt kopian (översta lagret i Layers-fönstret) på Mode -> Subract

http://img89.imageshack.us/img89/1081/modesubractvb4.png

Nu borde hela bilden vara svart.

Markera nu ditt understa lager och blurra (Högerklick -> Filters -> Blur -> Guassian Blur)

Jag använde mig av:

Type: RLE
Horizontal: 15
Vertical: 15

Nu kan det se ut så här:

http://img209.imageshack.us/img209/1707/efterblurfj3.png

Dags att justera kurvor :)

Steg fem

Dags för Curves. Högerklick -> Layer -> Colors -> Curves

Inställningar för Channel Value:

http://img61.imageshack.us/img61/1395/curvesvaluenq9.jpg

Channel: Green (i exemplet, det kan vara vilken du föredrar)

http://img206.imageshack.us/img206/9673/curvescolorks7.jpg

Nu är du klar och bilden bör se ut i stil med det här:

http://img214.imageshack.us/img214/4937/resultatetvb7.png

Steg 6. Ett exempler på hur man gör userbars i GIMP

Rsultatet i exemplet:
http://img212.imageshack.us/img212/6915/resultatte6.png

Steg ett

Skapa en ny bild.

Width: 350
Hieght: 19

Låt resten vara.

Steg två

Välj dig en färg som foregroundcolor och svart eller vit som backgroundcolor och ta fram gradienttool.

http://img204.imageshack.us/img204/7769/2uh7.jpg

Dra dig en vertikal linje ovanifrån och ner (håll inne CTRL för raka streck).

NU bör det se ut såhär:

http://img207.imageshack.us/img207/6264/1me6.png

Steg tre

Render. Gå in på en sida där det finns massor med renders eller gör ett eget.

Jag använder mig av:

http://img213.imageshack.us/img213/236/counterstrikesourcenormalzj1.png

Öppna ditt render i GIMP, CTRL + A (markera allt), CTRL + C (kopiera), skapa ett nytt lager i din nya bild (userbar) och CTRL + V (Klistra in).

Nu borde det se ut så här:
http://img208.imageshack.us/img208/3261/3rn3.png

Dags att skala bilden. Ta Scaletool (Shift + T) och förminska ditt render efter önskemål.

Mitt ser ut såhär nu:
http://img150.imageshack.us/img150/8310/4hv4.png

Jag använder mig nu av Fliptoll (Shift + F) för att få mitt render spegelvänt på andra sidan.
http://img150.imageshack.us/img150/880/5dk7.png

Steg fyra

Dags för text ! :)

Skapa ett nytt transparent lager och lägg till text.

Jag använder font: Visitor TT2 BRK, storlek: 12px, färg Vit

Högerklicka på ditt nya textlager och klicka Merge Down (i Layers-fönstret).

Kopiera nu ditt lager och markera det understa. Nu är det dags för en outline ;)

Högerklicka på lagret och tryck på Alpha to Selection.

Nu i bilden, Högerklick -> Select -> Grow

Välj by 1px. Fyll i markeringen med svart. nu bör du ha en bild i stil med denhär:
http://img207.imageshack.us/img207/5702/6pl6.png

Steg fem

Diagonala linjer,

I det här steget använde jag mig av ett pattern som jag gjorde för ett tag sen

Ladda ner här: http://files.upl.silentwhisper.net/upload7/zipzpizip.zip

Jag använder det som är 3x3px.

Skapa ett nytt lager och placera det över ditt render fast under texten.

Välj ditt mönster (pattern) och använd clonetool (Hotkey: C) - Dubbelklicka på ikonen i GIMP-huvudfönstret och ändra till

( ) Image Source
(x) Pattern Source.

Rita nu äver hela bilden. Ett exemplarisk resultat:
http://img204.imageshack.us/img204/1042/7js8.png

Nu ska du göra det vita transparent, Högerklick -> Filters -> Colors -> Color to Alpha. Välj vit.

Nu borde det se ut såhär:
http://img209.imageshack.us/img209/3150/8ji7.png

Ändra nu opacitet på lagret till 20.
http://img209.imageshack.us/img209/7616/9jj6.jpg

Steg sex

Sista steget nu, border.

Lättaste sätter att göra dett är:

Markera allt (CTRL + A)
Minska markeringen (Högerklick -> Select -> Shrink) Välj 1px
Invertera selection (Högerklick -> Select -> Invert)
Fyll i med svart.

KLAR :)

http://img212.imageshack.us/img212/6915/resultatte6.png

Keff
01-10-2006, 19:57
Reserved slot for more ~

Cirtaboy
01-10-2006, 19:59
Nice guide ;)

Keff
01-10-2006, 20:01
Thank you :)

Ask questions if something is hard to understand !

EDIT:

A big part of the guide is missing though it was only saved in some posts @ Tibiaswe.com.

I'm sorry for this and I'm going to expand the guide in a short while (I hope)

Greldin
02-10-2006, 01:51
Nice guide, haven't tried GIMP before but it looks good. Perhaps I'll check it out some day. ;)

Rodi
02-10-2006, 14:10
very nice guide but the link doesnt work

Anna
02-10-2006, 14:40
Bra guide :) Nice guide~~

Kaktusen
02-10-2006, 15:08
If I dont remember wrong this is not your guide? :rolleyes:

Keff
02-10-2006, 15:25
Everyone seems to like it.

And Kaktusen, this is really my guide :P

Though there is a part missing (quite big).

Disturbed
02-10-2006, 15:47
Dålig guide....

Keff
02-10-2006, 16:02
Jaha,

Vad tråkagt att du tyckte det då.

Disturbed
02-10-2006, 16:36
Okej då den var inte dålig :P
Blev lite lissen för jag hittade inte en sak.

P.S, Fonten "klingon dagger" följde inte med så la upp den :o

http://rapidshare.de/files/35229609/klindagg.zip.html

(fråga inte vart den ska ligga, vet inte själv xD)

Rodi
02-10-2006, 16:47
i am not good in gimp but i tryd in photo shop
http://img403.imageshack.us/img403/8381/tibiaod4.jpg (http://imageshack.us)


so tell me what i can do to make it beter

Cirtaboy
02-10-2006, 21:18
Nice guide startade nyss med gimp för första gången

Kyox
02-10-2006, 22:01
Jag ska försöka, men trög som man är kommer jag inte lyckas.. och för lat för att läsa hela hela hela din guide ^^,

Kyox
02-10-2006, 22:10
Huh, fattade n0ll! nada :O :D

Keff
03-10-2006, 13:35
Well, I tried to make it as simple and easy to follow as possible, probably I can't help you.

Rodi, it all depends on what you like yourself. Everyone can't like exactly the same things :P

I think you should but a 1 pixel thick broder around it and the rest is up to you.

Disturbed, allright :P

It should be in C:/WINDOWS/Fonts if anyone wonders :)

ArticaX
03-10-2006, 14:18
säkert skit bra ... fatta inte ett piss :/

pillepelle
03-10-2006, 16:25
Nice work dude !

Keff
03-10-2006, 16:26
Thank you pelle

Disturbed
03-10-2006, 20:43
Nu så! :D
Tack Keff, din guide är bäst ;)

Henrik
03-10-2006, 20:44
Tack :)
jette bra ;)

Mummrik
04-10-2006, 22:13
Jag blir galen jag kan inte spara jag gjorde en as nice userbar man kunde inte spara :S kan någon säga vad som är fel det står typ att den inte hitta nått aja ska försöka fixa själv :P

/Mummrik

Keff
05-10-2006, 14:19
Spara som ett filformat kanske ?

Testa med .jpg/.png :)

Köttbullan
05-10-2006, 16:01
Bra guide. men du snackar om något layer fönster? Hur får jag upp det?

edit: Hehe hitta det nu!

Gizm0 Flam3e
07-10-2006, 23:34
http://files.upl.silentwhisper.net/upload7/zipzpizip.zip den funkar ej :/

Keff
07-10-2006, 23:42
http://files.upl.silentwhisper.net/upload7/zipzpizip.zip den funkar ej :/
Silentwhisper har problem atm. Tyvärr

Gizm0 Flam3e
08-10-2006, 00:02
fan men bra guid hihi jag läste det i tibiaswe kommer jag ihåg :D:D
http://i110.photobucket.com/albums/n91/Us_92/Ruffy.jpg
mitt sista avatar :D

Miwna
08-10-2006, 01:37
Fixa för PS CS nu ;)

Keff
08-10-2006, 11:35
Har installerat det men jag är mycket bättre i GIMP ^^

Gizm0 Flam3e
08-10-2006, 13:26
eyy hur gör man dom sne streckarna i GIMP?

Blooper
08-10-2006, 13:39
Aight det här e mitt allra första försök i GIMP :P
http://img141.imageshack.us/img141/9898/tristangoes123wk9.jpg
kommentera :P

RAVII
08-10-2006, 15:37
I stick with my Photoshop!

It has more functions
Easyer to use.
and is more pro.

Blooper
08-10-2006, 15:39
I dont have any money to buy photoshop atm :P

RAVII
08-10-2006, 16:57
I dont have any money to buy photoshop atm :P
I never used the word buying :angel:

Keff
08-10-2006, 17:03
Gizmo

Scanlineseffekten eller gör ett pattern

Blooper

Helt okej !

RAVII

It has more functions - No it doesn't. Try to download pluginpacks and other improvements.
Easyer to use. - It all depends on what you are used to. I can't handle PS that good :P
and is more pro. - You could try to tell me why it's "more pro"

Blooper
08-10-2006, 18:03
@Ravii dont i need CD-key for photoshop CS?

Keff
08-10-2006, 18:46
I've got one :angel:

Gizm0 Flam3e
08-10-2006, 18:54
hihi jag med ;)

RAVII
09-10-2006, 07:26
@Ravii dont i need CD-key for photoshop CS?
There are several ways to get a CD-Key, ;)..

The one i use is ehh.. lets say, you save 600 euro's with it ;).


:cool:

And Keff

Its more pro becaus the quality of the actions adobe makes are much better, just like the filters.
I used a white Pixia(the first days i started photoshopping)
, and i can't say Gimp is better than that program.
And if you are talking about downloading plugins, well, that is becaus 3rd part made software to make it better,
not becaus the company created a good program.(not that making a big different..but well, standard is cool (A) )
If people would like work with Gimp, I don't hold them
I just prefer Adobe Photoshop,
You also got much better tutorials for Adobe.

www.good-tutorials.com
and for the really basics, you can find mine on the "Other Grafics" board :

[Self Made Photoshop Tutorials]

Its just what you prefer.
And I love Adobe :).

Draz~
09-10-2006, 17:12
*** vad lång :)
läste lite i början men jag har inte lust att börja med nått nytt program
så jag fortsätter väl i paint & LiquidPaint :P

Edit:
jag läte hela nu! puh...:rolleyes:
kan man göra rörliga bilder i gimp?
kan man göra rörliga bilder i PS?

Dennis
11-10-2006, 18:27
This guide is very helpful, many thanks to you.
I read it in TibiaSwe too, but I didn't think i put any comment in your thread there. Well well, thanks again! :)

Sar
12-10-2006, 18:31
Hur gör man GIMP på engelska jag fick min på svenska.

/Zlatino

Keff
12-10-2006, 19:30
Draz~

Man kan göra animationer (rörliga bilder) i både PS och GIMP.

Zlatino

Går att ställa in någon stans men annars kan du bara döpa om mappen som heter Local eller något till Locale bla bla.. :P

Något i den stilen iaf !

Zisto
12-10-2006, 19:41
Vad borde jag använda, photoshop 5.0 eller Gimp?

Keff
12-10-2006, 20:11
Smaken är som baken.

Sar
13-10-2006, 12:36
Keff det funkar inte :S Det stog redan på Locale

/Zlatino

Keff
13-10-2006, 16:25
Tvärt om :P

Locale -> Local

Minst 30 sekunder måste passera mellan inlägg. Var god vänta ett ögonblick och prova igen.

Hawkaen
14-10-2006, 11:37
Kan inte lägga upp mina bilder.
Nån som kan ge en länk? :/

Keff
14-10-2006, 16:20
http://imageshack.us
http://www.photobucket.com