Уроки Все для дизайнера Юлия Партусова 6 февраля 2012

Создаём акварельное лого в Фотошоп

Сложность урока: Средний

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


(нажмите на изображение, чтобы увеличить)

Материалы для урока:

Архив

Шаг 1. Новый документ
Открываем фотошоп и создаём в нём новый документ с размерами 1680x1050 пикс., цвет заднего плана белый.

Шаг 2. Лого
На новом слое пишем текст при помощи инструмента Text Tool (Горизонтальный текст). В своей работе я использую шрифт Bifurk, Вы можете взять любой другой шрифт. Каждую букву нашего лого пишем на отдельном слое. Мне хватило двух слоёв для букв D и G (я повернул букву G так, чтобы она была похожа на букву C).
Далее создаём отдельную папку для каждой буквы, у меня получилось две папки. Теперь нужно растрировать текстовые слои – правый клик по слою с буквой, в выпадающем меню выбираем опцию Rasterize (Растрировать тип). Повторяем эти действия для всех текстовых слоёв.

Шаг 3. Градиент и поворот.
Для начала я объясню как сделать необычный эффект на букве D, далее надо будет применить этот принцип к другой букве.
Дублируем слой с буквой «D» дважды. Воспользуемся Free Transform Tool (Свободная трансформация) или сочетанием клавиш Ctrl+T. Вращаем эти дублированные слои – один на 6,5гр., другой на -6,5гр. Переименовываем их в «d_01»и «d_02».

Добавляем слоям «d_01»и «d_02» стиль Gradient Overlay (Наложение градиента), настройки смотрим на скришоте. Вы можете подобрать другие цвета на свой вкус.

Прим.переводчика: обратите внимание, что угол градиента в первом стиле 90градусов, а во втором -50градусов. Цвета градиента в обоих стилях одинаковы: b80000 позиция 0%, fed00b позиция 20%, feeb75 позиция 40%, d889ca позиция 60%, 5da2b2 позиция 80%, c10000 позиция 100%.

Уменьшите Оpacity (Непрозрачность) этим слоям до 50%.
Повторите эти действия для другой буквы.

Шаг 4. Размытие.
Выберите два слоя с градиентом и нажмите сочетание клавиш Ctrl+Alt+E, чтобы получить объединённый слой.  Расположите появившийся объединённый слой ниже слоёв с градиентом. Применяем к этому слою Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) 3 пикс. Переименуйте слой с размытием в «d Blur», уменьшите ему Оpacity (Непрозрачность) до 50%.

Повторите эти операции для другой буквы.  Теперь создайте папку и переместите в неё папки с буквами. Скройте слои с чёрными буквами, нажав на глазик рядом с иконкой слоя. Выберите все слои с буквами кроме чёрных, нажмите клавиши Ctrl+Atl+E, чтобы создать новый объединённый слой. Переместите этот слой ниже всех слоёв, примените к нему фильтр Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) 30 пикс. Измените этому слою Оpacity (Непрозрачность) до 40%.

Шаг 5. Использование акварельных текстур.
В своей работе я использую две текстуры, которые Вы можете найти по ссылкам: Текстура1 и Текстура2. Откройте скачанную акварельную красно-оранжевую текстуру в фш, перетащите её в наш документ, трансформируйте до нужного размера, расположите поверх лого как на скриншоте. С зажатым Ctrl кликаем по слою с чёрной буквой D, потом не снимая выделения зажимаем клавиши Ctrl+Shift и кликаем по слою с чёрной буквой С – получится выделение двух букв сразу. Идём на слой с акварельной текстурой и создаём маску слоя: Layer – Layer Mask – Reveal Selection (Слой – Слой-маска – Показать выделенную область). Уменьшаем этому слою Оpacity (Непрозрачность) до 80%.

Перетаскиваем вторую акварельную текстуру в наш документ. Создаём выделения слоёв «d_01», «d_02», «c_01»и «c_02», по вышеописанному принципу повторяем все действия, меняем слою с текстурой режим наложения на Overlay (Перекрытие).

Шаг 6. Фон.
Сейчас мы будем создавать фон. Для этого необходимо скачать архивы с текстурами: 10 old paper texture by `Bleeding-Dragon и ShadyMedusa-stock’s. Из первого архивы выбираем понравившуюся текстуру старой бумаги, я использую paper2. Откройте и перетащите эту текстуру старой бумаги в наш документ. Поворачиваем её и трансформируем до нужного размера  Edit – Transform – Rotation 90° (Редактирование – Трансформация – Поворот на 90 по часовой). Располагаем этот слой ниже всех слоёв.
Теперь открываем текстуру из второго архива, также поворачиваем и уменьшаем под размеры нашего документа. Располагаем этот слой ниже слоёв с буквами, но поверх слоя с текстурой старой бумаги. Уменьшаем этому слою непрозрачность до 30%.


(нажмите на изображение, чтобы увеличить)


(нажмите на изображение, чтобы увеличить)

Шаг 7. Линии
Создаём новый слой, используя Rectangle Tool (Прямоугольник) рисуем тонкую линию. Копируем этот слой трижды, при каждом копировании смещаем линию немного вправо. Таким образом, у нас получится 4 полосы. Объединяем эти 4 слоя в один. Копируем объединённый слой, располагаем его как показано на картинке.


(нажмите на изображение, чтобы увеличить)

Шаг 8. Текстура на линиях.
Выбираем два слоя с линиями и трансформируем их через Free Transform Tool (Свободная трансформация) либо воспользуемся сочетанием клавиш Ctrl+T, одновременно поворачиваем полосы, потом перемещаем один слой с полосками вниз, как показано на картинке, как бы соединяем их друг с другом.
Загружаем акварельную Текстуру, открываем её в фш, перетаскиваем в наш документ, подгоняем по размеру. Размещаем её поверх слоя с верхней частью полосок, правый клик мышью по слою с текстурой, выбираем Create a Clipping Mask (Создать обтравочную маску). При необходимости Вы можете повернуть и уменьшить либо увеличить акварельную текстуру на полосках, используя Free Transform Tool (Свободная трансформация). Должно получиться приблизительно так:


(нажмите на изображение, чтобы увеличить)


(нажмите на изображение, чтобы увеличить)

Шаг 9. Маски слоя.
Создаём выделение слоёв D, d_01 и d_02. Инвертируем выделение и создаём маски на слоях с полосками. Должно получиться как на картинке:


(нажмите на изображение, чтобы увеличить)

Шаг 10. Добавляем брызги краски.
Загрузите любые кисти с брызгами, скачать которые Вы можете, к примеру, на deviantART Brush Library. Я рисовал брызги разных цветов, каждую на новом слое. Можно применить к некоторым слоям с брызгами различные текстуры как в примере с полосками.

Прим.переводчика: кисти с брызгами можно взять в архиве


(нажмите на изображение, чтобы увеличить)

Шаг 11. Добавляем брызги на задний план.
Создаём новый слой, переименовываем его в «Paint Brushes», создаём папку выше слоёв с фоновыми текстурами, перемещаем туда этот слой. Используем инструмент Brush Tool (Кисть) рисуем брызги. Теперь нам надо создать копию слоя с акварельной краской, который мы использовали в качестве обтравочной маски к слою с полосками. Воспользуемся комбинацией клавиш Ctrl+J, чтобы скопировать этот слой с акварельной краской. Перемещаем этот слой в папку с брызгами поверх слоя «Paint Brushes», правый клик мышью по слою с акварелью, выбираем опцию Create a Clipping Mask (Создать обтравочную маску).

Вот и всё, наш урок закончен. Надеюсь, Вам понравилось!


(нажмите на изображение, чтобы увеличить)

Автор: drawingclouds
Переводчик: Партусова Юлия
Ссылка на источник

Источник: www.drawingclouds.com

Комментарии 71

А где ссылки на текстуры????

Dashutick, http://joxi.ru/MAjkVLCjZVkare

Спасибо за урок

Спасибо!Добавила своего и покреативила)

Спасибо за урок!

Спасибо большое)))

Спасибо за познавательный урок.

красиво, но логотип непрактичный

Спасибо за урок!

у меня не получилось

Отличный урок!Спасибо!

Спасибо за урок)

классно)

на 5 шаге запара

Ну и ради прикола=))

Спасибо!

у меня 5 шаг не получается((

Супер, спасибо! Все очень классно

спасибо за урок=)

очень классный урок

Спасибо за урок!

Спасибо за урок!

Классный урок! Спасибо!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее