0% found this document useful (0 votes)
373 views

Gimp Tutorial

This is a basic tutorial of GIMP covering the installation process, interface orientation and some basic image editing GIMP is a freeware used for image retouching and editing, free-form drawing, resizing, cropping, photo-montages, converting between different image formats, and more specialized tasks. Authored by Spencer Kimball and Peter Mattis and originally released January 1996. Available on Linux, OS X, Microsoft Windows, FreeBSD, OpenBSD, Solaris, AmigaOS 4.

Uploaded by

Rudyard Von
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
373 views

Gimp Tutorial

This is a basic tutorial of GIMP covering the installation process, interface orientation and some basic image editing GIMP is a freeware used for image retouching and editing, free-form drawing, resizing, cropping, photo-montages, converting between different image formats, and more specialized tasks. Authored by Spencer Kimball and Peter Mattis and originally released January 1996. Available on Linux, OS X, Microsoft Windows, FreeBSD, OpenBSD, Solaris, AmigaOS 4.

Uploaded by

Rudyard Von
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 179

GIMP TUTORIAL FOR

BEGINNERS
rvecheminada.wordpress.com

Gimp is very similar as


adobe photoshop

rvecheminada.wordpress.com

The key difference is

rvecheminada.wordpress.com

Gimp is free!

rvecheminada.wordpress.com

Installing gimp

rvecheminada.wordpress.com

Open your internet browser

rvecheminada.wordpress.com

Type the link in the address bar

rvecheminada.wordpress.com

This is the download page

rvecheminada.wordpress.com

Click here for the direct download

rvecheminada.wordpress.com

Alternative download link

rvecheminada.wordpress.com

10

Torrent link

rvecheminada.wordpress.com

11

Alternative link

rvecheminada.wordpress.com

12

Boy, theres so many


links!

rvecheminada.wordpress.com

13

Scrolling down further


the page reveals more
links
rvecheminada.wordpress.com

14

As shown here

rvecheminada.wordpress.com

15

With corresponding regions specified

rvecheminada.wordpress.com

16

After you have clicked a


link

rvecheminada.wordpress.com

17

Save the installer in a


folder that is easily
accessible
rvecheminada.wordpress.com

18

Like so

rvecheminada.wordpress.com

19

Open the installer

rvecheminada.wordpress.com

20

Run as admin when prompted

rvecheminada.wordpress.com

21

This is to ensure a safe


and clean installation

rvecheminada.wordpress.com

22

Select your desired language

rvecheminada.wordpress.com

23

Click customize

rvecheminada.wordpress.com

24

The license agreement of gimp

rvecheminada.wordpress.com

25

After reading, click next

rvecheminada.wordpress.com

26

You can click here to change the installation type

rvecheminada.wordpress.com

27

Choosing compact installation halves the disk


space used

rvecheminada.wordpress.com

28

But less features will be installed

rvecheminada.wordpress.com

29

Lets select full installation for this tutorial

rvecheminada.wordpress.com

30

Click next

rvecheminada.wordpress.com

31

Selecting file associations

rvecheminada.wordpress.com

32

You can select here which file extensions

rvecheminada.wordpress.com

33

You wish to open with gimp

rvecheminada.wordpress.com

34

When you double click a file in explorer

rvecheminada.wordpress.com

35

If you wish to open all files available with gimp

rvecheminada.wordpress.com

36

Click select all

rvecheminada.wordpress.com

37

I do recommend leaving
this part as is

rvecheminada.wordpress.com

38

Since I only want to use


gimp for editing
purposes
rvecheminada.wordpress.com

39

Click next when youre done

rvecheminada.wordpress.com

40

Make sure to check this part

rvecheminada.wordpress.com

41

Then click next

rvecheminada.wordpress.com

42

Confirmation window

rvecheminada.wordpress.com

43

Check all parts and when you are ready

rvecheminada.wordpress.com

44

Click install

rvecheminada.wordpress.com

45

Wait for the installation to finish

rvecheminada.wordpress.com

46

Click finish

rvecheminada.wordpress.com

47

Look for the gimp icon on your desktop

rvecheminada.wordpress.com

48

This is the icon that you will double click

rvecheminada.wordpress.com

49

If you are to use gimp

rvecheminada.wordpress.com

50

Gimp interface

rvecheminada.wordpress.com

51

This is the default window of gimp

rvecheminada.wordpress.com

52

To get started with gimp

rvecheminada.wordpress.com

53

Well need a canvas

rvecheminada.wordpress.com

54

Click file

rvecheminada.wordpress.com

55

Click new

rvecheminada.wordpress.com

56

Gimp will then ask for the image size

rvecheminada.wordpress.com

57

Not sure about manually typing the resolution?

rvecheminada.wordpress.com

58

You can click the template dropdown menu

rvecheminada.wordpress.com

59

And now you can choose from the choices


provided

rvecheminada.wordpress.com

60

Do note that some resolutions are really large

rvecheminada.wordpress.com

61

Like this a3 template here

rvecheminada.wordpress.com

62

To elaborate, we compare it to this template

rvecheminada.wordpress.com

63

Notice that the difference is quite huge

rvecheminada.wordpress.com

64

This is important to
remember

rvecheminada.wordpress.com

65

For you to avoid


consuming too much disk
space
rvecheminada.wordpress.com

66

You can click reset if you wish to redo

rvecheminada.wordpress.com

67

This will default to the 600x400 resolution

rvecheminada.wordpress.com

68

however, you can click ok if you are satisfied

rvecheminada.wordpress.com

69

Congratulations! You now have your canvas

rvecheminada.wordpress.com

70

Congratulations! You now have your canvas

rvecheminada.wordpress.com

71

Next step is to utilize this area

rvecheminada.wordpress.com

72

Click windows

rvecheminada.wordpress.com

73

Highlight dockable docks

rvecheminada.wordpress.com

74

And choose from the selection

rvecheminada.wordpress.com

75

I have chosen brushes, gradients, and palletes

rvecheminada.wordpress.com

76

Now we will move these dialogs here

rvecheminada.wordpress.com

77

Simply by dragging them

rvecheminada.wordpress.com

78

You have to click this part

rvecheminada.wordpress.com

79

You will know when you have successfully


dragged it

rvecheminada.wordpress.com

80

When it now occupies the space

rvecheminada.wordpress.com

81

Lets add these two now

rvecheminada.wordpress.com

82

Lets add these two now

rvecheminada.wordpress.com

83

The end result should look like this

rvecheminada.wordpress.com

84

Notice the tabs now are only pictures

rvecheminada.wordpress.com

85

You can arrange them separately like so

rvecheminada.wordpress.com

86

To do that

rvecheminada.wordpress.com

87

youd drag the tab you wish to seperate

rvecheminada.wordpress.com

88

And highlight it slightly above the tabs

rvecheminada.wordpress.com

89

Until a blue line appears in the area

rvecheminada.wordpress.com

90

Once the line appears you can drop the tab

rvecheminada.wordpress.com

91

And it should look like this now

rvecheminada.wordpress.com

92

Now you have easy to access tools

rvecheminada.wordpress.com

93

Now you have easy to customize tools

rvecheminada.wordpress.com

94

And next is maybe youd want a picture

rvecheminada.wordpress.com

95

To add pictures, you click file

rvecheminada.wordpress.com

96

Click open

rvecheminada.wordpress.com

97

This window will open

rvecheminada.wordpress.com

98

Select your image

rvecheminada.wordpress.com

99

Click open

rvecheminada.wordpress.com

100

And a separate window with the image will open

rvecheminada.wordpress.com

101

And now your gimp window should look like this

rvecheminada.wordpress.com

102

It looks messy because of the window

rvecheminada.wordpress.com

103

Lets merge the image into one window

rvecheminada.wordpress.com

104

By dragging this part here

rvecheminada.wordpress.com

105

Into the white canvas here

rvecheminada.wordpress.com

106

Once you begin dragging


the window minimizes

rvecheminada.wordpress.com

107

Giving you lots of space


to drop the image

rvecheminada.wordpress.com

108

If the image is larger


than the canvas size

rvecheminada.wordpress.com

109

The image will overlap the canvas

rvecheminada.wordpress.com

110

But it will not show the full image

rvecheminada.wordpress.com

111

As shown by the yellow lines here

rvecheminada.wordpress.com

112

They signify the size of the image

rvecheminada.wordpress.com

113

If this happens, just create a new canvas

rvecheminada.wordpress.com

114

Always remember the image size!

rvecheminada.wordpress.com

115

Merging/overlapping 2 pictures

rvecheminada.wordpress.com

116

Its preferable that you


have different sized
images
rvecheminada.wordpress.com

117

You will need to open a new image

rvecheminada.wordpress.com

118

I chose the image of kuya jobert

rvecheminada.wordpress.com

119

Fresh from the google search results

rvecheminada.wordpress.com

120

Fresh from the google search results

rvecheminada.wordpress.com

121

First thing you should do

rvecheminada.wordpress.com

122

Click fuzzy select tool

rvecheminada.wordpress.com

123

And drag around the image

rvecheminada.wordpress.com

124

Now click layer

rvecheminada.wordpress.com

125

Highlight transparency

rvecheminada.wordpress.com

126

Then click add alpha channel

rvecheminada.wordpress.com

127

This will give the image a


transparent background

rvecheminada.wordpress.com

128

After that, if the image is still highlighted

rvecheminada.wordpress.com

129

Shown by the lines

rvecheminada.wordpress.com

130

Press the delete key

rvecheminada.wordpress.com

131

And this should be the end result

rvecheminada.wordpress.com

132

If there are smudges in the picture

rvecheminada.wordpress.com

133

You can use the eraser tool

rvecheminada.wordpress.com

134

To remove the smudges

rvecheminada.wordpress.com

135

Now let us move the image

rvecheminada.wordpress.com

136

Drag this part

rvecheminada.wordpress.com

137

And drop it anywhere in the image

rvecheminada.wordpress.com

138

The image may not show itself

rvecheminada.wordpress.com

139

But it is there

rvecheminada.wordpress.com

140

Here in the layers dialog

rvecheminada.wordpress.com

141

We want kuya joberts picture to be here

rvecheminada.wordpress.com

142

Simply drag the layer and drop it above tulips

rvecheminada.wordpress.com

143

Like so

rvecheminada.wordpress.com

144

Higher layer=more
priority on visibility

rvecheminada.wordpress.com

145

Now lets get back to the


images

rvecheminada.wordpress.com

146

Now the image of kuya jobert appears

rvecheminada.wordpress.com

147

Adding alpha layer in the kuya jobert image

rvecheminada.wordpress.com

148

Allows images layered beneath it to be shown

rvecheminada.wordpress.com

149

Basic image effects

rvecheminada.wordpress.com

150

Gimp has a lot of neat


effects

rvecheminada.wordpress.com

151

And they are also easy to


use

rvecheminada.wordpress.com

152

These effects can accessed here in filters

rvecheminada.wordpress.com

153

Each filter has a category and subcategory

rvecheminada.wordpress.com

154

Each filter has a category and subcategory

rvecheminada.wordpress.com

155

For now let us highlight artistic

rvecheminada.wordpress.com

156

And select clothify

rvecheminada.wordpress.com

157

Every effect has its settings window

rvecheminada.wordpress.com

158

This is the setting window for clothify

rvecheminada.wordpress.com

159

Unfortunately, there is no preview

rvecheminada.wordpress.com

160

Lets click ok

rvecheminada.wordpress.com

161

And presto!

rvecheminada.wordpress.com

162

Kuya joberts image is not affected

rvecheminada.wordpress.com

163

Since the highlighted layer is the tulips image

rvecheminada.wordpress.com

164

Effects apply to the


highlighted layer

rvecheminada.wordpress.com

165

Lets try another effect

rvecheminada.wordpress.com

166

This time well edit kuya joberts image

rvecheminada.wordpress.com

167

Lets highlight edge-detect

rvecheminada.wordpress.com

168

And select neon

rvecheminada.wordpress.com

169

Here is the setting window for neon

rvecheminada.wordpress.com

170

More radius=blemishes the picture

rvecheminada.wordpress.com

171

More amount=adds more color

rvecheminada.wordpress.com

172

When done, click ok

rvecheminada.wordpress.com

173

And here is the end result!

rvecheminada.wordpress.com

174

The other effects work


in a similar mechanic

rvecheminada.wordpress.com

175

Wherein you just select


the effect

rvecheminada.wordpress.com

176

And adjust it to your


liking

rvecheminada.wordpress.com

177

Try to experiment with


the other effects!

rvecheminada.wordpress.com

178

End of tutorial

rvecheminada.wordpress.com

179

You might also like