Как научиться
работать с графикой
на компьютере
и не сломать голову

Сразу скажу: обойдемся без Фотошопа!

Меня зовут Константин Фёст.

Уже 15 лет я занимаюсь созданием обучающих курсов в интернете, поддерживаю свой сайт и веду рассылку.

Чтобы все это работало, мне приходится постоянно иметь дело с графикой: обрабатывать фотографии, создавать коллажи, 3D-коробки обучающих курсов, элементы оформления сайтов и лендингов.

Я делаю все сам и за годы работы накопился приличный объем знаний по этой теме.

Люди не раз просили меня сделать курс по работе с графикой, и сейчас я, наконец, смог пойти навстречу этим просьбам.

Устанавливаем GIMP на компьютер

3 мин.

Если вы раньше устанавливали программы на Windows, то и с установкой GIMP’а у вас не возникнет проблем.

Но я все-таки показал процесс его скачивания и установки, на всякий случай. Ссылку на официальный сайт программы вы найдете в файле с дополнительными материалами.

Изучаем интерфейс редактора

9 мин.

Интерфейс графического редактора сложнее, чем, например, Word'а. Этот урок поможет вам не заблудиться в дебрях иконок и вкладок.

Я расскажу о таких областях окна GIMP’а как панель инструментов, область параметров выбранного инструмента, панель слоев и каналов. А также рабочая область и строка состояния.

После этого вы станете легко ориентироваться, какой элемент управления где расположен и для чего служит.

Задаем основные настройки программы

8 мин.

GIMP содержит множество настроек, которые влияют на удобство работы и то, как себя ведут разные инструменты рисования и редактирования.

Я покажу некоторые, самые важные настройки и объясню, как их изменять, чтобы ваша работа была удобной и эффективной.

Разбираемся как устроена растровая графика

22 мин.

Это очень важный урок, в котором собрана вся необходимая теория. Без нее вам будет сложно понимать, как работают инструменты GIMP’а и как вообще редактируется и создается графика.

Поэтому очень советую не пропускать этот урок, тем более он получился совсем не длинным.

Специально для урока для сделал слайд-презентацию, которая наглядно показывает основы.

Из нее вы узнаете: чем отличаются растровая и векторная графика; в чем плюсы и минусы обоих типов; основные термины растровой графики – пиксель, разрешение, глубина цвета, цветовая модель, форматы графических файлов и их особенности.

Учимся работать с холстом и слоями

20 мин.

С этого урока вы начнете изучать непосредственно работу в GIMP’е.

Первым делом я расскажу о вещах, которые лежат в основе графического проекта – холсте и слоях.

Вы научитесь открывать разные изображения на одном или нескольких слоях, подкладывать под них фон разного цвета, выполнять простейшие операции над слоями – изменять размер, поворачивать, отрезать лишние части, дублировать.

В качестве примера я покажу как из одного яблока создать целую «сетку» в виде 16 таких же яблок и равномерно расположить их по всей поверхности холста с помощью инструмента «Выравнивание».

Изучаем инструменты для работы с цветом

20 мин.

Цвет в работе с графикой очень важен. Изменяя параметры цветности можно создавать разные художественные эффекты. Поэтому инструментов для работы с цветом в GIMP’е много.

Но я помогу вам в них не запутаться. В этом уроке вы узнаете о каналах – основе цветового представления. Также я покажу как работают основные «цветные» инструменты: «Уровни», «Цветовой баланс», «Температура цвета», «Насыщенность» и другие.

С их помощью вы научитесь делать картинку более светлой или темной, усиливать или уменьшать яркость отдельных цветов (например, исправить фотографию, которая сильно желтит), затемнять или осветлять самые темные («вытягивать тени») или наиболее яркие части изображения, исправлять неправильно заданный баланс белого (когда, например, зеленая трава выглядит на фотографии голубой), обесцвечивать изображение, т.е. делать его черно-белым, и другим подобным вещам.

Также мы не забудем очень важный «альфа-канал», который позволяет создавать в изображении прозрачные области.

Применяем основные инструменты рисования

45 мин.

Тут вы, наконец, возьмете в руки кисть, карандаш и краски, и начнете рисовать линии, круги, квадраты, кольца, звезды и другие фигуры.

Изменяя параметр «Жесткость» научитесь делать края нарисованных элементов четкими или расплывчатыми.

Функция «Сглаженные штрихи» позволит рисовать плавными линиями, так что с ее помощью вы сможете потренироваться в каллиграфии, выводя красивые фигуры и даже буквы.

Функция «Заливка» позволит вам покрасить условный забор парой нажатий мышкой, а «Градиент» - начать красить, например, зеленой краской, а закончить желтой, с плавным переходом между ними.

Изучаем способы выделения областей

33 мин.

Выделение – очень важная часть работы с графикой. Казалось бы, это просто…

Представьте, что у вас есть картинка: красный круг на белом фоне. Как взять этот круг и перенести его, скажем, на черный фон?

Ну да, надо выделить только сам круг, а фон не выделять. Потом то, что выделено, скопировать и вставить на другой фон.

Вот с таких простых действий мы и начнем этот урок. Для этой задачи даже есть специальный инструмент - «Волшебная палочка».

Но поможет ли ее волшебство, если вместо круга нужно выделить что-то посложнее, к примеру, цветок? Ответ узнаете в этом уроке.

Осваиваем работу с контурами

25 мин.

«Контуры» – мой любимый инструмент в GIMP’е.

С его помощью можно создать выделение любой формы, а также выполнить обводку или заливку цветом созданной фигуры.

Особый шик в том, что контуры можно плавно изгибать, создавая криволинейные фигуры.

И еще один бонус: в отличие от других инструментов выделения, например, «Лассо», контуры – вещь многоразовая. Они сохраняются в специальной вкладке. В любой момент можно туда зайти и снова выделить контур, выполнить его обводку/заливку, или изменить его форму.

Применяем фильтры

16 мин.

Фильтры позволяют применять к изображению в слое разные художественные эффекты.

Возможно, самый известный фильтр – «Гауссово размывание». Он делает картинку нечеткой, мутной. Используется для того, чтобы создать эффект заднего плана, который находится не в фокусе (как на профессиональных фотокамерах), или чтобы скрыть детали на изображении. Например, лицо человека или номер на машине.

Фильтр «Рябь» делает картинку волнистой, причем размах и силу этих волн можно менять. С помощью этого фильтра можно не только «пускать рябь» по фотографиям, но и легко сделать из прямой линии волнистую.

Я покажу работу семи фильтров, но всего их в GIMP’е около сотни. Огромный простор для творчества!

Работаем с текстом

13 мин.

Если вы хоть раз оформляли текст в Word’е, то и здесь не испытаете проблем, увидев знакомые параметры: выравнивание текста, размер, цвет, межстрочный интервал и расстояние между символами.

Но мы же в графическом редакторе! Поэтому можем делать с текстом все, что угодно: делать его волнистым (с помощью того же фильтра «Рябь»), располагать по линии контура любой формы, поворачивать под углом, заполнять внутренность символов любой текстурой, как стандартной, так и взятой с любой понравившейся фотографии.

Создаем цветной предмет на черно-белом фоне

15 мин.

С этого урока начинается практическая часть курса. Здесь на конкретных примерах я покажу как использовать изученные ранее инструменты для получения практических результатов.

Пожалуй, эти уроки будут даже более полезны и интересны, чем уроки второго раздела. Потому что в них вы увидите, как все полученные навыки применяются в комплексе.

Первым на очереди будет создание очень популярного эффекта – цветного предмета на черно-белом фоне. Мы возьмем цветную фотографию, аккуратно вырежем из нее автомобиль, потом обесцветим исходное изображение и вставим машину в то же самое место.

Убираем трещины на старой фотографии

14 мин.

Здесь с помощью инструментов «Штамп» и «Лечебная кисть» мы уберем трещины и пятна со старой фотографии, которая испортилась от времени.

После этого обработаем фон, чтобы он стал более мягким и однородным.

Ретушь старых фотографий - это популярная услуга в фотосалонах. Теперь вам не придется за нее платить. А там, глядишь, вы и сами сможете на ней зарабатывать, оказывая услуги тем, кто не умеет делать то, чему вы научитесь из этого урока.

Вырезаем объект сложной формы из фона

13 мин.

Если геометрическую фигуру с четкими краями или цветок вырезать довольно просто, то «волосистые» объекты типа мягкой мохнатой игрушки или просто человека с распущенными волосами, уже значительно сложнее.

В этом уроке я покажу один из способов отделения таких картинок от фона. Делать будем на примере шерстяного котика (мне кажется, что это котик). Никакая «Волшебная палочка» или «Контуры» для выделения такого объекта нам не помогут.

Способ, который я показываю, основан на работе с цветами. В уроке вы узнаете все подробности его применения.

Кстати, после переноса вырезанного объекта с исходного темного фона на светлый, вокруг него часто остается темная «аура». Я покажу как ее уменьшить.

Создаем коллаж из двух изображений

12 мин.

Плавное растворение одного изображения в другом – очень распространенный прием при создании коллажей.

В этом уроке мы используем его, чтобы создать фантастический пейзаж и поместить на небо изображение планеты, различимое при свете дня.

Помогут нам это сделать векторная маска слоя и инструмент «Градиент».

Вставляем фотографию в красивую рамку

6 мин.

В интернете есть море сайтов, с которых можно бесплатно скачивать рамки для фотографий – новогодние, на день рожденья, романтические, для выпускного и т.д.

Большинство таких рамок созданы или в формате PNG (однослойная картинка с прозрачностью), или в формате Фотошопа – PSD.

К счастью, GIMP умеет открывать фотошоповские файлы, хоть и с некоторыми ограничениями. В большинстве случаев все такие рамки открываются на ура. Самое большое их преимущество в том, что все элементы оформления рамки, как правило, выполнены на отдельных слоях, поэтому при желании можно отключать лишние, которые не нравятся.

Именно с помощью таких рамок обычно оформляют свои работы фотографы, которые работают на публичных мероприятиях, в школах, садах и т.д. Теперь вы сможете делать это сами.

Наносим рисунок на каменную стену

7 мин.

Здесь мы будем писать на стенах. Но надписи у нас будут приличными и полезными. Так, мы нанесем на каменную стену белой краской указатель выхода в виде стрелки, и соответствующую надпись.

Чтобы надпись выглядела естественно, она должна располагаться в соответствии с линиями перспективы. Придать ей правильную форму поможет инструмент «Перспектива», которым мы до сих пор не пользовались.

Но это еще не всё. Сквозь «краску» должна проступать текстура каменной поверхности. Я покажу как это сделать.

Создаем рекламную листовку

23 мин.

Специально для этого урока я придумал вот такую шуточную листовку своих услуг, предназначенную для печати.

В уроке я покажу как создается макет такого проекта из множества слоев, как они располагаются в нужном порядке, чтобы получить те или иные эффекты. Также мы применим большинство из ранее изученных инструментов.

Поняв принцип, потом вы сможете как орешки щелкать не только листовки, но и любые подобные штуки, предназначенные для печати или отображения на экране: визитки, пригласительные, буклеты, флаеры, баннеры, шапки для Youtube-каналов, обложки для групп в соцсетях и т.д.

Делаем фон сканированного документа белым

4 мин.

Навыки работы с графикой пригодятся вам не только для творческих задач, но и для сугубо житейских.

Иногда бывает нужно сделать фон сканированного документа идеально чистым и белым. При сканировании фон часто получается серым или желтоватым (зависит от состояния документа).

Я покажу как с помощью уже известных вам возможностей GIMP’а очистить фон до идеального состояния и оставить нетронутыми такие деликатные детали как печати и подписи.