Создаем в Photoshop логотип с эффектом шероховатости

Недавно мне попался клиент, который в самый последний момент потребовал внести небольшую корректировку в проект, и у нас состоялся следующий разговор:

Клиент: Отлично, я полностью одобряю версию логотипа в Фотошопе. Давайте на этом и остановимся.
Я: Я очень рада!
Клиент: Однако, может быть, нам стоит слегка состарить его? Пусть будет таким, будто его потрепало время. Вы же сможете это сделать, и я думаю, управитесь до обеда?
Я: Конечно! Я ведь дизайнер! (но про себя в этот момент думаю: «Чееерт, ведь я уже давно забыла, как добиться этого эффекта!»).


Проблема заключалась в том, что я регулярно использую не более 10% функций и свойств в Photoshop, и не могу держать в голове все этапы создания конкретных эффектов. Конечно, я помнила, что этот эффект предполагает использование маски, а работа с ней всегда давалась мне очень сложно. Но мне повезло, я достаточно быстро освежила память, и сегодня решила поделиться этим уроком с вами.

Этап 1: Логотип

Давайте начнем с создания логотипа в Фотошопе. Здесь представлена его векторная версия, сделанная в Illustrator. Можете скопировать ее:

  • Создайте новый Photoshop-документ. Фон изначально должен быть прозрачным.
  • Вставьте логотип как смарт-объект. Переместите его и масштабируйте:


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

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

Этап 2: Текстура

  • После того как вы найдете паттерн, скопируйте его, а затем вставьте в файл логотипа. Он окажется на новом слое. Масштабируйте его так, чтобы он гармонировал с вашим логотипом.
  • Чтобы получился красивый логотип в Фотошопе, можете даже сильно затереть его. Используйте комбинацию кистей и инструмент «Штамп».
  • Если в вашем паттерне уже имеется прозрачный фон, то можно выделить все непрозрачные элементы, используя сочетание CMD/Ctrl + клик по иконке паттерна в палитре слоев. Иначе придется выделять эти элементы вручную. Обычно в таких случаях я использую «волшебную палочку». Если она не охватывает всю область, то можно повторить процесс несколько раз. Если в паттерне много мелких деталей, то «Волшебная палочка» не поможет вам сделать аккуратное выделение. Но учитывая тот факт, что мы создаем эффект шероховатости, вряд ли об этом нужно беспокоиться.

Этап 3: Маска

  • Как только выделите все элементы текстуры, сделайте слой невидимым, кликнув по иконке с глазом на палитре слоев;
  • Выберите слой с элементом логотипа;
  • Используя кнопку «Добавить слой-маску» в нижней части палитры слоев, добавьте новый слой маски. Теперь текстура маскирует логотип:


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


И на этом все! Все делается достаточно просто и практически не требует времени! Файл должен быть сохранен в формате PSD или PNG, в зависимости от того, где это изображение будет использоваться в дальнейшем.

Данная публикация представляет собой перевод статьи «Make a Grungy Logo in Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру

Меню