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

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

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

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

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

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

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

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

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

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

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

Этап 3: Маска

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

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

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

Перевод статьи “ Make a Grungy Logo in Photoshop ” был подготовлен дружной командой проекта Сайтостроение от А до Я .

16 марта 2016 в 11:07

Photoshop CC Эффект стекла или как создать логотип, кнопку, открытку.