Lessons on the gimp program. Great tutorial on digital painting in GIMP

Lesson on the topic: “ Step by step lessons V graphic editor GIMP».

Lesson objectives:

Educational:

Introduce the basic techniques of working in graphics GIMP editor;

practicing skills in working with a graphic editor;

repetition and consolidation of skills in the ability to work with tools;

Developmental:

develop cognitive interest and creative activity of students;

develop computer skills, develop friendly and business communication among students in teamwork;

Educational:

cultivate interest in the subject, accuracy, attentiveness, discipline.

Lesson objectives:

continue work on developing skills in using a graphic editor;

develop computer skills, with software product GIMP;

During the classes:

Organizing time: checking of those present.

Updating knowledge:

What is graphical information? (information or data presented in the form of diagrams, sketches, images, graphs, diagrams, symbols.)

Name 3 types graphic information(Vector graphics; Raster graphics; Fractal graphics;)

Tell us about vector graphics(a method of representing objects and images in computer graphics, based on the use of geometric primitives such as points, lines, splines and polygons. Advantages: small memory size, freedom of transformation.)

Tell us about raster graphics ( computer graphics, stored in computer memory in the form of a data card (color and brightness type) for each pixel, an array of which the image consists of. Advantages: are the best way processing photographs and drawings. Disadvantages: large amount of memory, cannot be increased to clarify details)

How does fractal graphics differ from vector graphics? (Fractal graphics, like vector calculated ones, but differ in that no objects are stored in memory. The image is built according to an equation, or system of equations, so you don’t need to store anything other than the formula. By changing the coefficients, you can get a completely different picture.)

Consolidation of the studied material:

Textbook: Ivan Khakhaev “Graphic editorGIMP: first steps".

Colored black and white photo

* Open the original photo: File Open... and duplicate it immediately. This can be done in 2 ways: Layer Duplicate layer or by clicking on the button in the form 2 sheets of paper at the bottom of the layers panel.

* We need to desaturate our duplicate: Color Desaturate... You can leave it like that, or you can “play” with the settings Color Curves...

* Add an alpha channel to the black and white layer:

* Now let's take the tool eraser

* To make the colored edges of the element, in our case strawberry, more natural, select a brush with soft edges and, reducing the opacity to 50%, go around the edges.

Mosaic effect.

I often use this technique to design my photos - although it is quite simple, it is, in my opinion, very creative.

* Open the photo you like. And immediately duplicate it: Layer - Duplicate Layer

* We could leave it like this, but the result is still a little “raw”, so let’s add clearer edges to the mosaic:

* And the final touch - change the blending mode to overlap. That's it now! You can add a frame to your liking.

Open the image you want to convert.

In the layers tab, create four more copies of the image layer.

Next to each layer there is an eye icon; it is responsible for the visibility of the layer on the canvas. Make all layers invisible except the background one, make the background layer active and merge it with the parameter 10 pixels. As a result, you should get something like this:

Make the next two layers visible. Apply to the top visible layer "Color - Posterization" with parameter 3 . Then you need to apply to this layer “Filters – Blur – Gaussian Blur” with parameter 3 . In the layers tab, change blending mode layer on "Brightness". Merge this layer with the previous one. Apply to the resulting layer “Filters – Blur – Gaussian Blur” with parameter 3 .

Set the blending mode for the resulting layer "Overlap". Make the next layer visible and active. Take it to him “Filters – Imitation – Oil paint” with parameters as in the figure below:

As a result, you should end up with something similar to this:

Set the resulting layer's blending mode "Screen". Go to the remaining untouched layer and blend to it “Filters – Blur – Selective Gaussian Blur” with parameters as in the figure below.

As a result of applying the filter, you should end up with something similar to this:

Set the resulting layer's blending mode "Scattered Light" and get the final image.

Step by step instructions(no screenshots)

COLOR - BLACK AND WHITE PHOTO:

Open the original photo: File Open...

duplicate it: Layer Duplicate layer or by clicking on the button in the form 2 sheets of paper at the bottom of the layers panel.

We need to desaturate our duplicate: Color Desaturate...

Add an alpha channel to the black and white layer: Layer Transparency Add Alpha Channel...

Now let's take the tool eraser on the toolbar and start wiping those places that we want to be colored. Select the eraser diameter depending on your original photo, and for ease of use, increase % visibility (at the bottom of the working window).

MOSAIC EFFECT:

Open the photo you like. And immediately duplicate it: Layer - Duplicate Layer and now we carry out all our manipulations with it (a duplicate, that is)

Filters - Blur - Pixelate... The size of the square directly depends on the size of the photo; naturally, the larger it is, the larger size pixel.

We could leave it this way, but the result is still a little “raw”, so let’s add clearer edges to the mosaic: Filters - Enhance - Sharpen... and look at the preview to determine the desired result.

And the final touch - change the blending mode to overlap.

FRAMES ON THE IMAGE:

Summing up the lesson: grading.

Homework: develop skills in the graphic editor GIMP.

Application:

Open the image we will work on.

Hey photographer, how do you process your photos? To do this, you all have your own secrets and your own set of programs and editors.

Today you will meet, perhaps, one of the most best photo editors of a kind. This program is so clear and easy to use that it can be described in just three words: convenience, versatility, accessibility.

I will not go into the history of the creation of the program and its past versions, but will move on to the most important, in my opinion, for you. So the name of this programs – GIMP(GIMP).

As I said, the program is easy to use. "Why? How is it different from other editors? Why GIMP? - you ask. I have an answer to all this.

The program is fully compatible with all popular operating systems (« Microsoft Windows", "Mac OS X", "Linux", "FreeBSD", "Sun OpenSolaris") and most versions of these systems. The program has its own Russian-language version, unlike most good editors. This is undoubtedly a big plus. After all, now you don’t need to constantly use a translator. The program contains user-friendly interface with many functions. You can customize it so that it contains only the essentials and essentials for you. GIMP is ideal for tasks such as photo retouching, photo editing, and image authoring.

You can easily download plugins for the program that contain certain functions and a set of tools for working with photographs, demotivators and pictures. You can set frequently used actions for the program with events on any device.

For example, rotating the mouse wheel or moving the MIDI slider. For convenience, the program has a key binding function. You can set your own hotkeys.

Another feature of the program is that it is distributed under the General Public License, which makes it free and therefore accessible to everyone!

In addition, it does not take up a huge amount of memory. The installer itself weighs only 86.2 MB (for Windows).

On this moment (01.03.2014) latest version GIMP is 2.8, information about which is full on the Internet.

As for the popularity of the program, there is no doubt about the reliability of this resource. Millions of people around the world use GIMP, and there are few who are dissatisfied with anything.

Perhaps the most pronounced shortcoming of the program is the 8-bit representation of image colors, which may interfere with the work of a professional photographer who may require a 16-bit representation. Due to the popularity of the program, there are many sites dedicated to GIMP in RuNet, where you can download additional modules and plugins. On these same sites there is great amount video tutorials about GIMP.

Usually, beginners are immediately told about all the Gimp tools, about windows, about... In my opinion, this can just be scary... Well, it’s true, I, too, was once a beginner, I learned Gimp from smart books, and it was a little hard. Sometimes it’s just not clear why. The task was to fix the photo, and then go ahead and sort out this whole bunch very well useful information where to poke what and what to poke with... How much time I spent trying to understand what an alpha channel is and what it even exists. That it needs to be added.
And then I began to teach not the right way, but the way I wanted. And I started with logos. They live at the file-create menu address and are an excellent makiwara for “punch practice.” If you installed FX-Foundry, there will be more logos. Where to look - see the screenshot. By fiddling with logos, you will understand much better the structure of Gimp images, layer blending modes, alpha channel and all that.
You'll hit your hand.
For the blog, I took a simple “hot glow” logo. When you click on the logo in the menu, the first thing that will pop up is the settings window. In it you experiment with fonts, sizes, the color of the background layer, or whatever else is in it. Windows can be very versatile in different logos.
Click. Eat!
There is a logo made of many layers (red oval).
Working with layers and applying Gimp tools to each of them is training. A fight with a shadow. You have already achieved something and now you, like a sculptor, cut off the excess from a piece of marble in order to reveal... Well, I don’t know... Venus de Milo...
Gimp for beginners is no longer boring.
How I envelop the hot glow. (Picture above). Yes, at least by removing the black background, I get a transparent one. (red oval) and drag the one I like into the logo window background picture. Like this explosive. ( If you smell gas, drop your Gimp and call 04 ). Further more. Doubling the logo You can select the layer merging mode. At the same time, understanding and remembering which one does what. Here I have the “Dissolve” mode. (big red oval) and I combine the result with the background in the “ Directional light"(small red oval). I guarantee you can’t imagine what I could do in other modes. But that's not all. By changing the color of the top layer and making it active) with color tools, I got completely psychedelic coloring. Not that I suggest repeating it, but...
Now there's another option. Also Gimp for beginners. Ice logo. Imagine that on the forum where you hang out, post such a picture so that its background merges with the site page. Like here. It's actually very simple.

In the tool window, if you click on the black square (red oval), a window will appear. There is a pipette on it (a green oval with a finger). By clicking on it you get the opportunity to take any color and it will become foreground color. Well, take the color from the browser. From the color of the forum post. And then fill the background layer of the logo (blue oval) with this color in the “Edit” menu. By inserting this on the forum, you will receive respect and respect. That is Gimp for Beginners will immediately give tangible results and a desire to continue.
And continue. If you don’t understand, ask. I do not bite. At least often...
Good luck.

Finally I found material worthy of the title of lesson No. 0. Beginners should read it, and those who have already worked with GIMP will also benefit from it.

Material taken from the site www.linformatika.ru

This is what GIMP looks like when you first launch it.

Three windows, Working, Toolbar, Layers, Channels, Paths.

If it is inconvenient to work with many windows, you can combine them; to do this, on the Toolbar, click the triangle (marked with a red circle) - add a tab and select the one you need.

For example, the same Layers, channels, contours, history of actions. Now we have all these tabs in one window on the toolbar.

The first button - Selected Tool Options- mode, opacity, size and much more.

Layers- mode, opacity and number of layers in processing. Right-clicking on a layer brings up context menu, you can click both on the layer in the toolbar and on the layer in the working window.

Selection tools

Rectangular selection. From the name it is already clear why. How does it work?

Clicking on a tool in the panel will activate the tool. Place the cursor on the image on the left, at the top, stepping back from the edge, and drag it diagonally to the right, down. You will get a selection like this. Now, if you apply any filter, it will only act on this selection area. By applying Select-Invert The selection area moves beyond the edges of the rectangle. Remove selection Select-Unselect or click on the picture.

Elliptical selection- The principle of operation is the same, the difference is in the form.

Free selection- activate the tool and carefully circle the desired selection. Close at the starting point.

By applying Select-Invert, and then Edit - Fill with background color we get White background. You can fill it with color, gradient, texture.

Magic wand - selecting a related area, for example, click on yellow color- everything yellow nearby stood out

Select by color- a similar tool, but it selects color throughout the picture

Smart scissors- really smart, by clicking on the points of the selected object, they recognize the edge and cleverly draw an outline. If part of the outline is not quite in the right place, simply move this line and continue tracing further. Lock at the origin and click inside the image.

Foreground selection- similar to smart scissors, it also clicks an object, but draws with straight lines. Finish the contour at the starting point, a brush will immediately appear with which you need to paint the selection; the size of the brush can be changed in the settings, on the toolbar.

Press ENTER and get a selection.

What can you do with the selection? Much, Edit - Copy, Edit - Paste as...

Drawing Tools

List of tools

Flat fill- fills the entire picture with the selected color, or similar colors in the image, depending on which option is selected in the tool settings.

Gradient- transition from one color to another. In the settings you can select a ready-made gradient. The first 3-4 options will be offered depending on what colors are currently in the background and foreground. In the example, "From basic to transparent" is selected

How does it work. We activate the tool, select colors, move mice across the image, and admire it.

Pencil- what do you do with a pencil? That's right, they write. Select the color, thickness and write.

Brush- a very popular tool, the default set contains a number of the most necessary ones, the rest are downloaded from the Internet, and I assure you, there are a great many of them.

For example, the Sparks brush is selected, click on the picture where you want to see stars - highlights.

Advice, it is better to paint with a brush on an additional transparent layer. There will be an opportunity to erase unnecessary things.

Eraser- erases to background or transparency.

Airbrush- writes like an old ink pen, with variable pressure.

Feather- also writes. In the settings you can select the pen configuration.

Stamp- cloning tool. Example of work.

Photo with a lot of excess around the edges and a beautiful corner of the bouquet. Choosing Stamp, set up, soft brush, increase the size and click Ctrl Click on this corner. button Ctrl let go.

Stamp out the excess. As a result, we get a frame.

Healing brush- the tool is similar to a stamp, but with some blur. Can be used to correct the skin in the photo. Elimination of wrinkles. In the settings, reduce the opacity, select the brush size. Also by pressing the button Ctrl We select the cleanest place on the skin, then we apply it along the wrinkles.

Blur-Sharpness brush for detailed processing of an edge or a separate part of an image. We learned how to cut out using the selection tools, the edges are quite sharp and it’s noticeable against the background. What to do? Brush along the outline of the cutout.

To increase sharpness, check the box in the settings options "Sharpness" and draw a brush, for example, over the eyes.

Finger- smears, capturing color. Select a brush, size and paint.. paint..

Lighten - Darken everything is clear from the title. Select a tool, set up a brush and drag over the image. In the example I drew a brush around a tulip, in comparison with the bottom picture you can see how much the image has brightened.

And now the same thing, but with settings darken

Work window menu

Let's walk through Work window menu.

File- create a new one here, open from a folder, from the network (enter URL address) open recent, gimp will show a list of recent open files. Although, if Gimp is opened for the first time, it won’t show anything :) But that’s it for now.

Another option to open a file is to simply drag it from the folder to working window. And not only from a folder, for example, grab a picture with the mouse in the Mozilla browser and drag it into Gimp, he’s smart, he’ll open it.

Save the file here too, Save as... will give a choice of formats, if you need to save the work as is, with all layers, select the native Gimp one XCF format, save transparency - GIF, animation - also GIF, but check the “animated” box, etc.

Having configured mail client, printer, you can send a file directly from Gimp.

Edit- in general, from the names it’s clear what’s here and why.

Selection- it’s also understandable to make a selection of something by selecting All - the entire image becomes selected, selecting By color and clicking on the image - the color that the mice hit will be highlighted and it will be highlighted throughout the entire picture.

View- setting up the working window

Image

Layers- editing an open layer

Color- working with color

Tools- the same tools as on Toolbars, but arranged on “shelves”

Filters- probably the most popular menu, this is where all sorts of filters are used to transform, improve and decorate our pictures.

Step 1 – Getting Started.
So, let's begin! Go to the File menu – Create a new picture or press Ctrl+N.
A dialog box should appear on the right.

Here you can change the following settings:
1. The size of your drawing, its width and height, should be approximately 1000 by 1000 pixels, because your drawing will be quite small. I advise you to always work in a large size, because... It's better to be able to make your drawing smaller if necessary, than to make it smaller and lose image quality. I usually work with designs that are 2000 pixels or larger.

2. If you want to create a drawing in A3 format, the Template menu will help you - it contains various variations of formats and sizes that may be useful to you.

3. You can check how your drawing changes when different types measurements by changing “pixels” to “inches” in the menu that appears.

4. Small icons below the file size allow you to change the appearance of your drawing from “portrait” to “landscape”.

5. If you want, you can use the " Extra options", here you can select "Color Palette". 'RGB' will be color, and 'greyscale' will be black and white.

6. "Fill..." allows you to choose between "foreground"/"background"/"white" or "transparent" if you want a blank background.

Step 2 – Working with Buttons.

1. Rectangular area: with this tool you can select the parts of the image you need. Press 'ctrl c' or 'ctrl x' to copy or cut the selected part. 'ctrl v' - paste.

2. Oval area: This is the same as the previous tool, but in the shape of a circle.

3. Lasso: With the Lasso you can select a free-form area, just make sure to end your variation where you started.

4. Magic Wand: This tool will allow you to select separate object or even highlight specific color. For example, you can use it
select the black frame and click Delete - and voila! All is ready!

5. Color Picker: This tool will help you select a color and find the same one within the image.

6. Magnetic Lasso: This is a selection tool. Use it if you want to trim around something. Select a starting point and click a little away from it - this way you will create a path from point A to point B around your image.

7. I don't use this tool.

8. Select a path: Select one point, then move, select another and, while holding, create a bend. Repeat the process. Then you can decide whether you want to create a line or a highlight.

9. Eyedropper: Simply select this tool and select a color (which will immediately become the main one in your palette) or, while in the “brush” mode, hold down ‘ctrl’ and select the desired color.

10. Zoom: I rarely use this button because... there is a more convenient one easy way- use your mouse wheel while holding 'ctrl'.

11. Ruler: I don't use this button either, but if you want to work on the corners, click on your image, HOLD the button and drag your image to the desired angle.

12. Moving: This is very useful tool, if you are working with layers. It allows you to move your layers around.

13. Alignment: Allows you to select the alignment of the object: left/right, top/bottom.

14. Frame: The name speaks for itself. If in the process of drawing you suddenly decide that you need to cut off part of the sheet, select this tool and stretch it to the right size, then click in the middle of the selected area, and the area you don't need will disappear.

15. Rotation: The tool is very useful and easy to use. With it, you can rotate objects - to do this, select a layer, hold down the rotation object and select the appropriate angle. If you want to change all the layers of your image, go to the "Image" - "Transform" settings and select the appropriate option from the list.

16. Mode: With this tool you can easily resize objects. It works on your current layer, so once you're happy with your overall image, right-click on any of the layers and select Merge Image. But remember - you must be absolutely sure that you are completely satisfied with the result!

17. Shift and 18. View: These tools are more popular when editing photos, but if you feel that some part of your image could use a little editing, you can use them to get everything looking just right.

19. Flip: This tool will allow you to flip your layer horizontally or vertically - for this you can choose this tool or hold down the 'ctrl' key.

20. Text: Again, the name is self-explanatory, however, if you click and drag an area, you can create a text box for your caption. To create a 3D effect for your text, use Filter - Light and Shadow.

21. Fill: Select the desired color to fill your layer/shape/area with.

22. Gradient: This tool can be used to create a background. Experiment with different effects to achieve best result.

23. Pencil: For creating crisp lines.

24. Brush: I'll talk about brushes below.

25. Eraser: This tool is best used with a soft brush. Apply different meanings opacity to achieve desired effect.

26. Airbrush: This tool is very pressure sensitive. graphics tablets. It is best used when creating backgrounds or soft
transitions and details, for example for drawing skin, eyes, etc.

27. Ink: The most suitable tool for landscape painting. I used it often when creating my Disney landscapes (check out my gallery). You can change the direction of the brush or its shape.

28 and 29. Stamp and Plaster: These two brushes are also better suited for photo editing, such as blurring skin and removing blemishes. Just hold down 'ctrl' and select the part of the picture that you want to copy and paste it wherever you need by simply clicking on that area.

30. I don't use this.

31. Blur: Very useful if you need to create a softness by blurring the background a little. Use it just like a regular brush. Also using it
you can change the sharpness.

32. Finger: This is my favorite and main reason why I prefer GIMP over PHOTOSHOP. Use it like a soft brush. Quick tip: if you're painting skin and mixing shades, use big size brushes and low value opacity, about 40%.

33. Darken and lighten: These two will be yours best friends! You will have to choose how to use this tool. Darkening will create shadows, and lightening will create highlights, which, in general, is very logical.

Best combinations:
Highlights+Midtones (creates soft light)
Lightening+highlights
Darkening + shadows (depth)

Step 3 – working with brushes...

Hard Brushes:
These are my favorites. I find that using hard brushes gives my work a very painterly look! This allows you to pay less attention to detail.

Soft brushes:
As I already said, I used to prefer soft brushes, but they made my work look too realistic, which is not what I always want in my drawings, but if you are a fan of realism, then soft brushes are exactly what you need! They are also good for blending colors and using the burn/dodge tool.

Mode: Change the mode to achieve different effects on different layers.

Opacity: Don't be afraid to experiment with this tool when mixing colors.

Scale: Allows you to change the size of the brush.

Brush dynamics: Launched by clicking on ‘+’. Uncheck the first box if you do not want to use pressure sensitivity when working with the tablet.

Easing: Ideal for drawing hair. Choose how long to extend the line before the color fades away.

Color palette: You can change the icons at the top right to view different palettes. I always choose the first shade approximately, then you can change the shades as you wish ‘H’ stands for “Hue” - this is the choice of the main color.

‘S’ – “Saturation” - how blurry or sharp you want the selected color to appear.

‘V’ – “Resonance” - how dark the color will be.

‘R’,’G’,’B’ - ‘Red, Green, Blue’ – you can vary the amount of each shade in your drawing.
Below you can see the HTML code of the selected color; you can write it down to use the created shade in the future, or vice versa, insert a shade you have previously created into the line.
At the very bottom of the window the shades that were most often used by you are shown. Lately- in my opinion, very useful option!

TEA-COFFEE, SHALL WE DANCE?

Let's draw the background.
Drawing a background won't give you much trouble if your subject in the picture is a person. I believe that this part of the drawing is the best for self-expression. Don't be afraid to work out the details and generally go as crazy as you like!

FACIAL FEATURES

Open your face.

So, painting skin is a lot like creating a background. True, you will need to pay more attention to the choice of colors, but the style of blocking, processing and detailing is the same. Remember: no matter what happens, don’t despair if at the beginning you get some nonsense - that’s how it’s intended. Eventually everything will turn out exactly as you planned. Patience is the key to success.