MyPs Уроки Фотошопа Инструменты Полезно Эффекты Работа с текстом Работа с фото Решение проблем Фоны Кисти Рамки Фотошоп Online

Создание эмблемы в Фотошопе: пошаговое руководство

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

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

Этот урок будет целиком посвящен созданию эмблемы для сайта в Фотошопе. В нашем случае это MyPhotoshop.ru.

Создаем круглую эмблему в Photoshop

Этот урок покажет, как сделать простую эмблему благодаря нескольким эффектам и инструментам. На деле вы сможете создавать работы куда круче. Приступим!

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

  1. Для начала, как обычно необходимо создать новый документ, в нашем случае с разрешением 1000×1000 пикселей.
    img/2019/07/emblema-photoshop-1.png 2252x1306
  2. После, в палитре слоев нужно создать новый прозрачный слой. Вы уже наверняка знаете, как это сделать, если не в первый раз на нашем сайте.
    img/2019/07/emblema-photoshop-2.png 1402x1064
  3. В качестве основного объекта нашей эмблемы для MyPhotoshop.ru мы возьмем фото Халка.
    img/2019/07/emblema-photoshop-3.png 846x1104
  4. Далее предстоит его вставить его на наш прозрачный фон, который мы до этого создавали.
    img/2019/07/emblema-photoshop-5.png 1662x1072
  5. Теперь необходимо снять с Халка рельефность и добавить эффектов. Сперва наложим на наш объект цвет в параметрах наложения. Для этого кликните дважды на нужный слой или кликните на него правой кнопкой мыши и выберите “Параметры наложения”.
    img/2019/07/emblema-photoshop-6.png 1084x1050
    В открывшемся окне настроек стилей слоя выбираем “Наложение цвета” со следующими настройками: режим наложения – “Нормальный”, непрозрачность – 90%, а в качестве цвета выбираем фирменный цвет нашего сайта. Но это все в нашем случае и с нашим объектом. Все это не является обязательным. Вообще, само по себе создание эмблемы в Фотошопе это процесс, который требует индивидуального подхода.
    img/2019/07/emblema-photoshop-7.png 1848x1276
  6. После переходим к настройкам теней, не закрывая окно со стилями слоя и устанавливаем следующие параметры: непрозрачность – 100%, смещение – 4 пикс, размер – 15 пикс, а угол поворачиваем на 120 градусов.
    img/2019/07/emblema-photoshop-8.png 1860x1340
    Применяем настройки, кликнув “ОК” и получаем такой результат:
    img/2019/07/emblema-photoshop-9.png 1654x1070
  7. Двигаемся дальше и открываем в главном меню “Фильтр” -> “Галерея фильтров”.
    img/2019/07/emblema-photoshop-10.png 970x418
    В списке доступных фильтров выбираем “Текстура” -> “Текстуризатор” со следующими настройками, как на скриншоте ниже:
    img/2019/07/emblema-photoshop-11.png 1132x604
    Применяем настройки и получаем такой результат объекта с помехами:
    img/2019/07/emblema-photoshop-12.png 1664x1062

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

Добавляем логотип

  1. Открываем наш логотип в программе и размещаем его на пустой прозрачный слой поверх Халка:
    img/2019/07/emblema-photoshop-13.png 1664x1082
  2. Сперва заходим в настройки стиля слоя с логотипом и, включив параметры “Тень”, “Градиент” и “Внешнее свечение”, настраиваем их согласно инструкциям на скриншотах ниже:
    img/2019/07/emblema-photoshop-16.png 1836x1026
    img/2019/07/emblema-photoshop-14.png 1830x1030
    img/2019/07/emblema-photoshop-15.png 1840x1040
  3. Применив изменения, уменьшаем наш логотип с помощью свободного трансформирования (CTRL+T) и перемещаем его в области груди Халка
    img/2019/07/emblema-photoshop-17.png 1640x1080
    и убираем рамки вокруг лого:
    img/2019/07/emblema-photoshop-18.png 1642x1074
  4. Далее “идем” в меню “Фильтр” -> “Галерея фильтров” и применяем фильтр “Текстуризатор” с параметрами, как на скриншоте:
    img/2019/07/emblema-photoshop-19.png 1138x611
  5. После, убираем со слоя с текстом “Наложение градиента” и получаем такой результат:
    img/2019/07/emblema-photoshop-20.png 1644x1062
  6. Далее создаем объединенную копию все слоев с помощью горячих клавиш CTRL+ALT+SHIFT+E:
    img/2019/07/emblema-photoshop-21.png 1672x1092
  7. В галерее фильтров применяем ко слою фильтр “Аппликация” со следующими настройками (см. скриншот ниже):
    img/2019/07/emblema-photoshop-22.png 1140x772
    Результат применения фильтра выглядит так:
    img/2019/07/emblema-photoshop-23.png 1646x1072
  8. Можно сказать, что наша эмблема почти готова. Так оно и есть. Посмотрите как органично уже смотрится наше лого на Халке. Осталось передвинуть ползунок непрозрачности на последнем слое к отметке 80%, чтобы стало прям совсем хорошо:
    img/2019/07/emblema-photoshop-23-1.png 1662x1070

Вроде бы все хорошо, но на эмблему не похоже, верно.

Финализируем эмблему

  1. Создаем еще одну объединенную копию слоев. Затем берем инструмент выделения “Овальная область”:
    img/2019/07/emblema-photoshop-24.png 780x481
    Выделяем нужные участок, как на скриншоте:
    img/2019/07/emblema-photoshop-25.png 1550x1082
  2. Копируем и вставляем его в новый чистый документ:
    img/2019/07/emblema-photoshop-26.png 1512x940
  3. В параметрах наложения накладываем тень на слой и получаем готовую круглую эмблему:
    img/2019/07/emblema-photoshop-27.png 812x812

Как мы и говорили в начале уроке, это очень простой способ создания очень простой эмблемы, на деле же, чем больше вы тренируетесь и тратите времени, тем круче получится результат. Иногда на создание эмблемы в Фотошопе может уйти и месяц, ведь нельзя просто так сесть и придумать классную идею для работы. Помните, что это не просто работа – это творчество.

Удачи вам в ваших работах! “Увидимся” в наших других уроках!