GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


Вытянутый объёмный эффект

Главная Уроки Вытянутый объёмный эффект

Прошу прощения за название. Может-быть оно не подходит под итог, но как назвать по другому я не знал.

Что мы будем делать?

В этом уроке мы собираемся растянуть одну строку пикселей для создания красивого 3D-эффекта. Сегодня мы будем добиваться такого эффекта:

Шаг 1 — Начало работы

Создаем новый документ Файл → Создать (вы можете использовать любой размер, я выбираю 640×400, запомните ширину, она нам потом понадобится, у нас 640). Установите основной цвет на что-то темное (# 080808) и цвет фона на что-то чуть светлее (# 252525).

Теперь найдите в интернете 3 фотографии, которые наполнены яркими, живыми цветами (я для этого урока взял такие http://pikucha.ru/a4ir). Обязательно сохраните фото себе на компьютер. Эти фото мы будем использовать в ближайшее время.

Шаг 2 — Создание фона

Теперь берём инструмент градиент с радиальной формой и заливаем фото градиентом с центра до любого угла.

Шаг 3 — Преобразование фото в прямоугольник

Сейчас заходим в Файл → Открыть как слой. Там выбираем первое фото из которого будем извлекать цвета. Когда слой с фото наложен заходим в Слой → Размер слоя, там Ширину ставим такой-же которую и ставили при создании изображения (у меня 640).

Теперь заходим в Слой → Слой к размеру изображения.

Давайте размоем фото в Фильтры → Размывание → Размывание движением. Настроем так:

Теперь заходим в Фильтры → Повторить «размывание движением».

И снова в Фильтры → Повторить «размывание движением»

Создаём новый прозрачный слой (Слой → Создать слой). Заходим в Фильтры → Визуализация → Облака → Сплошной шум.

Меняем режим наложения на Перекрытие. Объединяем слой с предыдущим (Слой → Объединить с предыдущим).

Берём инструмент Масштаб. Зажимая клавишу ctrl уменьшаем слой.

Заходим в Фильтры → Улучшение → Повышение резкости. Резкость ставим около 60.

Шаг 4 — Трансформация

Берём инструмент Перспектива и трансформируем так:

Заходим в Слой → Слой к размеру изображения. Берём инструмент «Прямоугольное выделение». Выделяем низ:

Жмём клавишу Del (Delete) и снимаем выделение (Выделение → Снять).

Заходим в Слой → Маска → Добавить маску слоя.

Где панель цветов жмём на выбор основных цветов (чёрный и белый).

Устанавливаем инструмент градиентная заливка. В настройках сам градиент «основной в фоновой (RGB)», а форма линейная и заливаем именно так:

Шаг 5 — Создание 3D-эффекта

Обязательно жмём на активность самого слоя, а не его маски:

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

Заходим в Правка → копировать. Выделение снимаем (Выделение → Снять). Возвращаем размер:

Заходим в Правка → Вставить как → Новый слой. Дальше в слой → размер слоя. Там снимаем «цепь» и ставим высоту около 50–100.

Дальше перемещаем наш прямоугольник под трапецию:

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

Заходим в Цвет → Яркость-Контраст.

Делаем активным слой с прямоугольником.

Заходим в Слой → Объединить с предыдущим.

Шаг 6 — Повторение

Повторяем шаги 3, 4 и 5. Только трапеция на другом месте и используем другое фото.

Шаг 7 — Наложение текстуры

Объединяем все слои (жмём на любой слой правой кнопкой мыши, там находим «объединить видимые слои». Применяем любую текстуру.

Готово!


3

В избранном у 3 человек:

Метки: , , , , , , , , , , , .

Результаты урока

Добавить

Уроки: предыдущий следующий

4 комментария

0

Пользователь #5290Лера Семикина1 февраля 2012 в 11:50Личное сообщение

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

0

Пользователь #3590Валерия Иванова1 февраля 2012 в 12:04Личное сообщение

Зачем могут пригодится?
Для чего-нибудь очень креативного.
Мне например просто нравится)

0

Пользователь #2919Родион Мошул1 февраля 2012 в 12:24Личное сообщение

Лера, для дизайна, а так-же что-бы из урока вытянуть для себя что-то новое.

0

Пользователь #2832Никита Высоцкий1 февраля 2012 в 13:10Личное сообщение

"Креативная подставка для текста" - как вариант. Если перспективу сделать чуть "ниже" то будет само то.

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Другие уроки автора

Рисуем сим-карту
В уроке я покажу вам один из быстрых способов нарисовать реалистическую сим-карту.

Рисуем Вильбера
Урок по созданию талисмана GIMP с нуля.

Обои с луной ко Дню влюблённых
В этом уроке я покажу как в GIMP создать красивые обои с луной и сердцем ко Дню Святого Валентина.

Разбитое сердце
Урок по созданию разбитого объёмного сердечка в GIMP ко Дню Святого Валентина.

Делаем эмотиконы
В этом уроке вы сможете научимся делать смайлики для форумов, веб-сайтов, блогов - эмотиконы. Сам эмотикон будем делать на основе пиксельной графики (pixel art).

Кисти

NSS-V2.0-brush-an-9 A_Nice Sketch2 U Circle shape 1 U Circle shape 2 U Circle shape 3 U Circle shape 4 U Circle shape 5 L_Coroballs GIMP Brush GIMP Brush medovaya_sota GIMP Brush Pipe Blue Prints 1 Blue Prints 2 Blue Prints 3 Blue Prints 4 Blue Prints 5 Blue Prints 6 Blue Prints 7 Blue Prints 8 Blue Prints 9 Blue Prints 10 Blue Prints 11 GIMP Brush GIMP Brush Пестрая клякса My Brush GIMP Brush стрелочка еккс еккс пече самаил GIMP Brush Zvezda Circles 3 Circles Figures Mask01 Mask02 Mask03 листья.gbr Mask05 сердечко Mask19 Mask49 Mask67 Mask73 Mask74 Mask83 волны Mask91 лучи Mask92. золотой диск значек Warface красивая кисть неоновый меч GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Вытянутый объёмный эффект» получил оценку 4.50 на основе 4 голосов.

13876+0
Комментариев

вверх