Создание обоев в стиле Vista

Есть множество мнений по поводу Windows Vista. Лично мне гораздо больше нравится Ubuntu Linux 🙂 Однако кое-что мы можем позаимствовать у Висты, а именно — стили создания обоев. В этом уроке я покажу Вам, как создать в Gimp обои в стиле Vista.

Этот урок разделен на 32 шага и потребует на выполнение около 45 минут для пользователя среднего уровня.

Урок по созданию в Gimp обоев в стиле Vista
1

Создайте в Gimp новое изображение размером 1600x1200px и с белым цветом в качестве фона.

Выберите в меню Фильтры / Визуализация / Облака / Разностные облака (Filter / Render / Clouds / Solid noise) и примените фильтр со значениями, которые указаны на приведенном скриншоте.

Создаем в Gimp новый файл и применяем к фоновому слою фильтр Облака
2

Создайте новый пустой слой в Gimp.

Выберите инструмент Контуры (Paths) (это можно сделать на панели инструментов или нажатием на клавишу B. Кликните один раз слева от изображения, затем еще один раз справа от изображения. Появится линия.

Создаем новый слой в Gimp и используем инструмент Контуры
3

Теперь при помощи мыши захватите полученную линию за центр и перетащите ее немного вниз. Возле крайних точек появятся регуляторы. Потяните левый регулятор вправо вверх (как на скриншоте), а правый — в противоположную сторону.

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

Придаем контурам нужный нам вид
4

Нажмите D, чтобы назначить переднему плану и фону цвета по-умолчанию. Активируйте окно с панелью инструментов (для этого можно нажать комбинацию Ctrl+B).В свойствах инструмента Контуры (Paths) нажмите на кнопку Обводка по контуру (Stroke Path).

Задайте значение толщины линии в 1px.

Используем обводку по контуру
5

Продублируйте полученный слой (Ctrl+Shift+D). На панели инструментов Gimp выберите инструмент Перемещение (Move tool (клавиша M)), кликните по области изображения и нажмите клавишу 12 раз, чтобы переместить линию вниз.

Дублируем слой с линией и перемещаем его немного вниз
6

Используйте инструмент Вращение (Rotate tool) (Shift+R), чтобы повернуть продублированный слой на -0.2°.

Продублируйте повернутый слой еще раз и поверните новый слой. Переместите его на 12 пикселей вниз как в прошлый раз.

Немного вращаем продублированный слой
7

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

Объединяем слои с линиями для ускорения процессов дублирования и вращения
8

Нажмите Ctrl+M или выберите в меню Изображение / Объединить видимые слои (Image / Merge visible layers) и кликните на кнопку Объединить. Теперь мы имеем 3 линии в одном слое. При желании Вы можете сделать фоновый слой снова видимым (опять нажав на изображение глаза).

Теперь продублируйте этот слой снова, вращайте его на -0,6° (три линии, по -0,2° на каждую) и переместите его вниз.
Повторите эту процедуру не раньше, чем Вы создадите 24 линии или что-то около того.

Объединяем видимые слои и снова дублируем полученный слой
9

Опять объедините все видимые слои (предварительно сделав фоновый слой невидимым). После этой процедуры должно остаться только 2 слоя. Снова сделайте фоновый слой видимым.

Опять объединяем видимые слои
10

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

Используйте пункт меню Цвет / Тонировать (Colors / Colorize), задав значения 210 / 100 / 20.

Затем выберите Цвет / Яркость-Контраст (Colors / Brightness-Contrast), задайте значения 0 / +50.

Теперь используйте Фильтр / Размывание / Гауссово размывание (Filter / Blur / Gaussian Blur) со значением 80 px два раза.

Тонируем полученное изображение, добавляем цветность
11

Уменьшите масштаб отображения (например, используя Ctrl совместно с колесиком мыши). Выберите инструмент Перспектива (Perspective tool) или нажмите комбинацию Shift+P. Исказите слой таким образом, как показано на скриншоте.

Используем инструмент Перспектива в Gimp
12

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

Также применяем инструмент Перспектива ко второму слою
13

Следующий шаг урока заключается в увеличении линий, используя инструмент Gimp Масштаб (Scale tool), например при помощи комбинации клавиш Shift+T.
В появившемся диалоге введите значение 130%.

Повторите то же самое для второго слоя.

При помощи инструмента Масштаб увеличиваем размер линий
14

Теперь выберите инструмент Перемещение (Move tool) (удерживайте клавишу Shift, чтобы перемещать только активный слой. Переместите слои так же, как я (смотрите на скриншот).

При помощи инструмента Перемещение смещаем активные слои
15

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

Выберите в меню Правка / Копировать выделенное (Edit / Copy visible), затем Правка / Вставить как/ Новый слой (Edit / Paste as / New layer). Я назвал новый слой lines-both. Нажмите на иконку с изображением глаза для вставленного слоя, потому что он понадобится нам немного позже.

Снова сделайте фоновый слой видимым.

Копируем выделенное и вставляем его в качестве нового слоя Gimp
16

Выберите в качестве режима для обоих слоев Извлечение зерна (Grain extract).

В качестве режима слоя выбираем Извлечение зерна
17

Создайте новый слой над всеми предыдущими и назовите его yellow.

Выберите новый слой и используйте инструмент Градиент (Gradient-tool (клавиша L)). Выберите 1-й вариант градиента — Основной в прозрачный (foreground to transparent). Цвет: #ffd200, форма: радиальная (radial). Затем потяните градиент с правой нижней до левой верхней трети изображения.

Используем инструмент Градиент радиальной формы
18

Создайте еще один новый слой и сделайте то же самое, что в предыдущем шаге, только тяните градиент с лева до центра и установите цвет #24ff00.

Создаем в Gimp еще один слой и повторяем предыдущий шаг
19

Выберите Тон (Hue) в качестве режима предварительно созданного слоя. Установите значение непрозрачности желтого слоя в 100%, зеленого — в 45%.

Теперь нам нужно произвести коррекцию цветов фонового слоя. Выберите фоновый слой, выберите в меню Цвет / Кривые (Colors / Curves) и примените настройки со значениями, которые Вы видите на приведенном скриншоте. Это сделает темно-синие тона ближе к черному. Не забудьте настроить значения зеленого и синего.

Производим коррекцию цветов фонового слоя
20

Продублируйте фоновый слой, выберите в меню Цвет / Обесцветить (Colors / Desaturate), кликните на кнопку OK. Выберите в качестве режима слоя Экран (Screen) и установите значение непрозрачности в 85%.

Дублируем фоновый слой и обесцвечиваем его, затем в качестве режима слоя выбираем Экран
21

Теперь нужно внести немного беспорядка в наше изображение.

Продублируйте слой, на котором расположены все линии. Выберите в качестве режима для обоих слоев Извлечение зерна (Grain extract).

Вносим немного беспорядка в наше изображение, используя режим Извлечение зерна
22

Выберите в меню Gimp Фильтр / Размывание / Размывание движением (Filter / Blur / Motion blur).
Установите следующие значения:
Тип размывания: Линейное (Linear)
Длина (Length): 81
Угол (Angle): 39

Применяем фильтр Размывание движением
23

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

Переключитесь на копию слоя. Примените фильтр для этого слоя снова, используя следующие значения:
Тип размывания: Линейное (Linear)
Длина (Length): 79
Угол (Angle): 205

Слегка переместите слой вниз.

Снова применяем тот же фильтр к дубликату слоя
24

Теперь немного размоем эти два слоя и сделаем их немного больше (120% от исходного). Переместим их в позиции, на которых они будут нормально смотреться. Можно также поиграться со значениями непрозрачности.

Размываем слои, увеличиваем их и перемещаем
25

Кликните правой кнопкой мыши по названию слоя в диалоге слоев и создайте новую маску слоя (Белый цвет). Затем выберите инструмент Градиент (Gradient tool) нажмите D чтобы сбросить цвета и используйте билинейный градиент. Выберите 4-й вариант градиента (Основной в фоновый).

Также создайте маску слоя для слоя с продублированными линиями.

Создаем новую маску слоя и используем билинейный градиент
26

Сохраните результат выполненных этапов урока. Выберите в меню Gimp Правка / Копировать видимое (Edit / Copy visible), затем Правка / Вставить как / Новое изображение (Edit / Paste as / New image).

Копируем видимое и вставляем его как новое изображение
27

Продублируйте новый слой и выберите для дубликата режим Осветление.

Создайте новый слой и залейте его цветом #ffae00. Выберите в качестве режима слоя Осветление и задайте значение непрозрачности в 80%. Теперь изображение будет выглядеть более мягким.

Дублируем новый слой и выбираем в качестве режима слоя Освещение
28

Теперь несколько финальных штрихов этого урока:

Изображение / Объединить видимые слои (Image / Merge visible layers). Переместите его немного вверх.

Несколько финальных штрихов
29

Продублируйте слой, выберите инструмент Зеркало (Flip tool) и отразите его по вертикали. Переместите слой вниз, чтобы закрыть прозрачную область.

Цвет / Яркость-Контраст (Colors / Brightness-Contrast): +100 / +5

Используем инструмент Зеркало в Gimp для отражения изображения по вертикали
30

Нажмите Ctrl+M для объединения слоев.

Выберите инструмент Перспектива (Perspective tool) и исказите как на рисунке.

Объединяем полученные слои и искажаем их при помощи инструмента Перспектива
31

Вы можете добавить какой-то текст на изображение, к примеру как на приведенном изображении.

Добавляем в Gim текст на изображение
32

Напоследок можно поиграться с цветами, используя Цвет / Цветовой баланс (Colors / Color Balance).