После серии экспериментов с поиском нужного цвета и самой идеей, я сделал типографический дизайн для этого урока. Дизайн создан под впечатлением изумительной работы Скотта Хансена. Если вы не знаете, кто это, настоятельно рекомендую вам посмотреть его работы.
Перед началом давайте посмотрим на изображение, которое будем создавать.
Итак, в ходе этого урока вы научитесь создавать плакат с типографическим дизайном. Вы научитесь, как заставить некоторые элементы выглядеть грязновато путем добавления текстуры, а также добавлять глубину при помощи световых эффектов.
В этом проекте используются:
Шрифт: Bifurk
Кисти: грязная краска для аэрографа, птица, дерево и Bittbox акварель (скопируйте кисти в каталог с кистями, например ~/.gimp-2.6/brushes/)
В этом уроке я использую GIMP 2.6.
Создайте новый документ GIMP с размером 768×1024 пикселов и залейте задний план цветом #f3e9b8.
Затем создайте новый слой и создайте прямоугольное выделение как на иллюстрации ниже.
Теперь нужно закруглить углы. Используйте команду «Выделение > Закруглить прямоугольник» и радиус в 10 пикселов. (Гораздо проще использовать параметр «Закругление» в самом инструменте прямоугольного выделения — прим. пер.)
Залейте полученное скругленное выделение темно-коричневым цветом #412011.
Теперь добавьте текст. В качестве гарнитуры я использовал замечательный шрифт Bifurk. Переключитесь на инструмент ввода текста, укажите кегль равным 100 пикселам, цвет — как у фона (#f3e9b8), наберите «DESIGN».
Создайте новый слой. Теперь создайте прямоугольное выделение прямо над буквой E и залейте его указанным выше цветом фона и текста.
Добавьте нижнюю строку со словом «IDEA» и теми же параметрами. Расположите ее по образцу, приведенному на иллюстрации ниже.
Повторите шаг с прямоугольным выделением и заливкой.
Добавьте верхнюю строку с текстом «INSPIRE». Идея состоит в совпадении буквы текста с уже нарисованным ранее прямоугольным выделением. Вот почему я разместил букву P над E.
Создайте новый слой и поиграйтесь с формой букв.
После этого сведите слои с текстом и прямоугольникам в один слой, последовательно выбрав в контекстном меню каждого слоя пункт «Объединить с предыдущим» (как вариант, можно просто оставить видимыми только все текстовые слои и создать новый слой из видимого, после чего скрыть видимость использованных слоёв — прим. пер.).
Создайте новый слой. Я использую в нем кисти Dirty Spraypaint и Bittbox Watercolour, чтобы добавить в дизайн немного текстуры и убрать ощущение плоскости изображения. Цвет — #f3e9b8.
Следующий шаг — добавление птиц и дерева. Создайте новый слой, выберите кисть с птицами и нарисуйте их. Затем создайте еще один слой и добавьте кистью дерево и кустик в левом нижнем углу.
Добавьте еще немного птиц:
Теперь пора добавить текстуру бумаги, которую можно скачать отсюда. Поместите текстуру в новый, самый верхний слой. Поскольку размер текстуры не совпадает с размером документа, инструментом Масштаб измените размер текстуры (не забудьте отключить сохранение соотношения сторон щелчком по кнопке с изображением звена цепочки).
Поменяйте режим слоя с текстурой на «Перекрытие».
Создайте новый слой и назовите его по имени градиента (см. далее). Слой должен быть под слоем с текстурой. Выберите из набора градиент Full Saturation Spectrum, оставьте непрозрачность инструмента равной 100% и выберите линейный тип градиента. Нарисуйте отрезок градиентной заливки из левого нижнего угла в правый верхний. Поменяйте режим слоя с градиентом на «Извлечение зерна», а непрозрачность слоя — на 24,8.
Теперь пора добавить немного глубины. Добавьте новый слой и залейте его черным цветом. Вызовите диалог эффекта «Освещение» («Фильтры > Свет и тень > Освещение») и введите значения со снимка экрана на иллюстрации ниже.
Измените непрозрачность на 50%, а режим слоя — на «Перекрытие». Вот и всё :)
В заключение
Если вам нужна версия с коричневым, более темным цветом, необходимо использовать другой градиент, например german flag smooth (использующий цвета немецкого флага — прим. пер.).
Вы можете скачать файл XCF с получившимся у меня файлом.
Оригинал: Cool Typography Design Poster in Gimp
Автор: Starlight86
Оставить комментарий