Как сделать гравировку в фотошопе
В этом уроке вы узнаете, как создать мокап с выгравированным на дереве логотипом. Благодаря тщательно настроенным стилям слоя, в конце мы получим фотореалистичный результат.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Создаем смарт-объект с правильной перспективой
Шаг 1
Загружаем текстуру дерева и открываем ее в Photoshop.
Шаг 2
Загружаем картинку с перспективой и открываем ее в Photoshop.
Шаг 3
В верхнем меню переходим Select – All (Выделение – Все), затем Edit – Copy (Редактирование – Скопировать), чтобы скопировать выделенную область.
Переходим на документ с текстурой дерева и в верхнем меню выбираем Edit – Paste (Редактирование – Вставить), чтобы вставить скопированную картинку с перспективой поверх текстуры.
Дважды кликаем по названию слоя на панели слоев и вводим «Перспектива».
Шаг 4
Устанавливаем цвет переднего плана на желтый (подойдет любой цвет, который будет выделяться на фоне перспективы).
Дважды кликаем по названию слоя с прямоугольником, чтобы его переименовать, и называем «Смарт-объект».
Выбираем слой «Смарт-объект» и в верхнем меню переходим Layer – Smart Object – Convert to Smart Object (Слой – Смарт-объект – Преобразовать в смарт-объект).
Шаг 5
Переходим Edit – Transform – Distort (Редактирование – Трансформирование – Искажение). Перемещаем правую верхнюю опорную точку так, чтобы она соответствовала правому верхнему углу черного прямоугольника.
Шаг 6
Тянем остальные опорные точки, чтобы трансформировать желтую фигуру по форме черного прямоугольника.
Шаг 7
Теперь мы можем удалить слой «Перспектива», больше он нам не понадобится. Для этого выбираем слой на панели слоев и переходим Layer – Delete – Layer (Слой – Удалить – Слой).
2. Подготовка значка в Illustrator
Шаг 1
В этом разделе урока мы немного поправим выбранный значок. Если вы не пользуетесь программой Illustrator или для своего мокапа выбрали другой логотип, можете пропустить эту часть и переходить сразу к третьему разделу.
Логотип будет центральным элементом нашей работы.
Примечание: вы можете использовать бесплатный вариант логотипа из архива с материалами, приобрести логотип как автор урока на Envato Elements или использовать свой собственный.
В этом уроке мы будем использовать логотип из набора Badge and Logos Vol.01. Скачиваем его и открываем в Illustrator.
Шаг 2
Открываем векторный ai-файл в Adobe Illustrator. При открытии может появиться окно с предупреждением, что данный документ использует шрифты, которые не установлены в системе. Не волнуйтесь об этом – все шрифты бесплатные и внутри архива с логотипами есть текстовый файл с инструкцией по установке и скачиванию.
В данном уроке я использовал два шрифта для логотипа:
Шаг 3
Копируем логотип через меню Edit – Copy (Редактирование – Скопировать) или нажатием клавиш Ctrl+С.
Создаем новый документ размером 350 х 350 пикселей File – New (Файл – Новый).
Вставляем на этот документ скопированный логотип через меню Edit – Paste (Редактирование – Вставить) или нажатием клавиш Ctrl+V.
Шаг 4
Шаг 5
Перед импортированием логотипа в Photoshop мы должны трансформировать его в кривые и удалить все белые области, которые на сером фоне отчетливо видны.
В верхнем меню переходим Object – Expand Appearance (Объект – Разобрать оформление).
Затем применяем Object – Expand (Объект – Разобрать). В открывшемся диалоговом окне отмечаем Object (Объект) и Fill (Заливка) и нажимаем ОК:
Шаг 6
Переходим на панель Window – Pathfinder (Окно – Обработка контуров).
Нажимаем на кнопку Trim (Обрезка).
Шаг 7
3. Переносим логотип в Photoshop
Шаг 1
Шаг 2
Возвращаемся в Photoshop и дважды кликаем по миниатюре смарт-объекта на панели слоев. В результате в новой вкладке мы откроем содержимое данного смарт-объекта. Здесь мы будем вносить необходимые изменения. Сохранив работу, смарт-объект на основном документе автоматически обновится, и мы увидим результат.
На панели слоев отключаем видимость слоя с желтой фигурой, нажав по значку глаза напротив названия слоя. Вставляем скопированный логотип Edit – Paste (Редактирование – Вставить) (Ctrl+V).
В появившемся диалоговом окне отмечаем Smart Object (Смарт-объект) и нажимаем ОК:
Шаг 3
На верхней панели устанавливаем положение логотипа по осям X и Y на 633,50 и 406,50 соответственно. Затем ширину и высоту увеличиваем до 666%. Закончив, нажимаем клавишу Enter, чтобы принять изменения.
Шаг 4
Сохраняем документ File – Save (Файл – Сохранить) или Ctrl+S.
Возвращаемся на основной рабочий документ и видим изменения. Теперь вместо прямоугольника у нас появился логотип. При этом сохранена перспектива желтого прямоугольника.
В этом уроке я покажу вам, как создать эффект выжженной гравировки логотипа на деревянной поверхности. Для этого эффекта вы можете использовать любой логотип, форму или текст. Гравировка может быть отредактирована и настроена по вашему вкусу.
Для начала вам нужно выбрать понравившуюся текстуру дерева. Я буду использовать текстуру старого выцветшего дерева, которую можно взять в архиве.
Материалы для урока:
Добавьте несколько корректирующих слоёв, чтобы ещё больше состарить древесину. Сначала добавьте Brightness/Contrast (Яркость/Контрастность), а затем Hue/Saturation (Цветовой тон /Насыщенность ).
Добавим в работу наш логотип. Я буду использовать логотип в стиле ретро, который создал сам. Вы можете скачать его здесь. Это полностью редактируемый PSD-файл. Так же вы можете выбрать один из этих удивительных ретро-знаков и настроить на свой вкус.
Откройте в фотошопе psd-файл с логотипом и поместите в работу выше слоя с текстурой дерева. Преобразуйте все слои логотипа в смарт-объект.
Примечание переводчика: в psd-файле с лого три группы. Для удобства перемещения в работу советую объединить все эти группы в новую группу и потом эту группу перетащить в рабочий документ. Далее преобразовать эту группу в смарт-объект.
Наш лого и текстура имеют разные углы обзора. Перейдите в меню Edit> Transform> Distort (Редактирование-Трансформирование-Искажение) и измените перспективу логотипа.
Теперь, всё, что вы должны сделать - это добавить следующие стили слоя, чтобы создать эффект гравировки, а так же эффект обгоревшего дерева.
Делаем в Фотошоп логотип с эффектом гравировки по дереву
В этом уроке вы узнаете, как создать мокап логотипа с эффектом гравировки по дереву. Благодаря тщательно настроенным стилям слоя, в конце мы получим фотореалистичный результат.
Сложность урока: Легкий
В этом уроке вы узнаете, как создать мокап с выгравированным на дереве логотипом. Благодаря тщательно настроенным стилям слоя, в конце мы получим фотореалистичный результат.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Создаем смарт-объект с правильной перспективой
Шаг 1
Загружаем текстуру дерева и открываем ее в Photoshop.
Шаг 2
Загружаем картинку с перспективой и открываем ее в Photoshop.
Шаг 3
В верхнем меню переходим Select – All (Выделение – Все), затем Edit – Copy (Редактирование – Скопировать), чтобы скопировать выделенную область.
Переходим на документ с текстурой дерева и в верхнем меню выбираем Edit – Paste (Редактирование – Вставить), чтобы вставить скопированную картинку с перспективой поверх текстуры.
Дважды кликаем по названию слоя на панели слоев и вводим «Перспектива».
Шаг 4
Устанавливаем цвет переднего плана на желтый (подойдет любой цвет, который будет выделяться на фоне перспективы).
Затем выбираем Rectangle Tool (U) (Прямоугольник) и кликаем по документу. В открывшемся диалоговом окне мы можем ввести точные размеры фигуры. Пишем 1267 х 814 пикселей и нажимаем на кнопку ОК.
Дважды кликаем по названию слоя с прямоугольником, чтобы его переименовать, и называем «Смарт-объект».
Выбираем слой «Смарт-объект» и в верхнем меню переходим Layer – Smart Object – Convert to Smart Object (Слой – Смарт-объект – Преобразовать в смарт-объект).
Шаг 5
Переходим Edit – Transform – Distort (Редактирование – Трансформирование – Искажение). Перемещаем правую верхнюю опорную точку так, чтобы она соответствовала правому верхнему углу черного прямоугольника.
Шаг 6
Тянем остальные опорные точки, чтобы трансформировать желтую фигуру по форме черного прямоугольника.
Шаг 7
Теперь мы можем удалить слой «Перспектива», больше он нам не понадобится. Для этого выбираем слой на панели слоев и переходим Layer – Delete – Layer (Слой – Удалить – Слой).
2. Подготовка значка в Illustrator
Шаг 1
В этом разделе урока мы немного поправим выбранный значок. Если вы не пользуетесь программой Illustrator или для своего мокапа выбрали другой логотип, можете пропустить эту часть и переходить сразу к третьему разделу.
Логотип будет центральным элементом нашей работы.
Примечание: вы можете использовать бесплатный вариант логотипа из архива с материалами, приобрести логотип как автор урока на Envato Elements или использовать свой собственный.
В этом уроке мы будем использовать логотип из набора Badge and Logos Vol.01. Скачиваем его и открываем в Illustrator.
Шаг 2
Открываем векторный ai-файл в Adobe Illustrator. При открытии может появиться окно с предупреждением, что данный документ использует шрифты, которые не установлены в системе. Не волнуйтесь об этом – все шрифты бесплатные и внутри архива с логотипами есть текстовый файл с инструкцией по установке и скачиванию.
В данном уроке я использовал два шрифта для логотипа:
Шаг 3
Закончив с шрифтами, выбираем инструмент Selection Tool (V) (Выделение). Левой кнопкой кликаем по логотипу Vintage Knights (или по тому, который вам больше всего понравился).
Копируем логотип через меню Edit – Copy (Редактирование – Скопировать) или нажатием клавиш Ctrl+С.
Создаем новый документ размером 350 х 350 пикселей File – New (Файл – Новый).
Вставляем на этот документ скопированный логотип через меню Edit – Paste (Редактирование – Вставить) или нажатием клавиш Ctrl+V.
Шаг 4
С помощь Selection Tool (V) (Выделение) перемещаем логотип на серую область за пределы белого поля документа.
Шаг 5
Перед импортированием логотипа в Photoshop мы должны трансформировать его в кривые и удалить все белые области, которые на сером фоне отчетливо видны.
Выделяем логотип инструментом Selection Tool (V) (Выделение).
В верхнем меню переходим Object – Expand Appearance (Объект – Разобрать оформление).
Затем применяем Object – Expand (Объект – Разобрать). В открывшемся диалоговом окне отмечаем Object (Объект) и Fill (Заливка) и нажимаем ОК:
Шаг 6
Переходим на панель Window – Pathfinder (Окно – Обработка контуров).
Нажимаем на кнопку Trim (Обрезка).
Шаг 7
Так как логотип является векторной фигурой, мы без труда можем удалить белую область. Берем Magic Wand Tool (Волшебная палочка) и кликаем курсором по белому, чтобы выделить нужную область. Для удобства можете приблизить документ с помощью Zoom Tool (Z) (Масштаб). Выделив все белые области логотипа, переходим Edit – Cut (Редактирование – Вырезать).
3. Переносим логотип в Photoshop
Шаг 1
Продолжаем работу в Adobe Illustrator. Если логотип не выделен, кликаем по нему инструментом Selection Tool (V) (Выделение). Через меню Edit – Copy (Редактирование – Скопировать) или нажатием клавиш Ctrl+C копируем наше лого.
Шаг 2
Возвращаемся в Photoshop и дважды кликаем по миниатюре смарт-объекта на панели слоев. В результате в новой вкладке мы откроем содержимое данного смарт-объекта. Здесь мы будем вносить необходимые изменения. Сохранив работу, смарт-объект на основном документе автоматически обновится, и мы увидим результат.
На панели слоев отключаем видимость слоя с желтой фигурой, нажав по значку глаза напротив названия слоя. Вставляем скопированный логотип Edit – Paste (Редактирование – Вставить) (Ctrl+V).
В появившемся диалоговом окне отмечаем Smart Object (Смарт-объект) и нажимаем ОК:
Шаг 3
На верхней панели устанавливаем положение логотипа по осям X и Y на 633,50 и 406,50 соответственно. Затем ширину и высоту увеличиваем до 666%. Закончив, нажимаем клавишу Enter, чтобы принять изменения.
Шаг 4
Сохраняем документ File – Save (Файл – Сохранить) или Ctrl+S.
Возвращаемся на основной рабочий документ и видим изменения. Теперь вместо прямоугольника у нас появился логотип. При этом сохранена перспектива желтого прямоугольника.
4. Создаем эффект гравировки
Шаг 1
На панели слоев устанавливаем Fill (Заливка) смарт-объекта на 0%:
Шаг 2
Пять раз дублируем смарт-объект. Это можно сделать через меню Layer – New – Layer Via Copy (Слой – Новый – Скопировать на новый слой) или сочетанием клавиш Ctrl+J.
Переименовываем и группируем (Ctrl+G) все копии, как показано ниже.
С этого момента, если вы захотите заменить логотип, то воспользуйтесь слоем «Смарт-объект». Открываем его, меняем картинку и сохраняем. При этом все стили, которые мы добавим ниже, автоматически применятся к новому логотипу.
Шаг 3
Примечание: чтобы получить доступ ко всем контурам в стилях слоя, выполните шаги, как на скриншоте ниже.
Шаг 4
Шаг 5
Шаг 6
Шаг 7
Теперь добавим стили для слоя «Эффект 4».
Шаг 8
Добавляем эффект Pattern Overlay (Наложение узора) и настраиваем его, как показано ниже:
Левой кнопкой кликаем по кнопке выбора узора, в открывшемся окошке нажимаем на значок в виде шестеренки и выбираем набор узоров Grayscale Paper (Серая бумага) и находим узор Black Weaved (Черная ткань).
Шаг 9
Шаг 10
Далее мы добавим стили для слоя «Эффект 3».
Шаг 11
Добавляем стили для слоя «Эффект 2».
Шаг 12
И последний слой «Эффект 1».
Шаг 13
Применяем стиль слоя Gradient Overlay (Наложение градиента) и настраиваем его:
Нажимаем кнопку выбора градиента и настраиваем.
Поздравляю, мы закончили!
В этом уроке вы узнали, как создать логотип с эффектом гравировки по дереву.
Надеюсь, вам понравилось, и вы узнали что-то новое. Не стесняйтесь оставлять комментарии, предложения и делиться результатами.
Примечание: Если вы ищете качественный мокап логотипа (платно), автор рекомендует посмотреть на сайтах Envato Elements или GraphicRiver, там вы найдете все, что вам нужно, включая мокап, который вы создали в этом уроке.
В этом уроке вы узнаете, как, используя стили слоя и текстуры, создать выгравированный металлический текст.
Сложность урока: Легкий
В этом уроке вы узнаете, как создать выгравированный металлический текст в программе Photoshop, используя стили слоя, а также текстуры. Вы сможете создать свою винтажную металлическую табличку всего лишь за несколько простых шагов. Вы можете использовать любую металлическую текстуру, а также любую форму для создания металлической таблички на своё усмотрение. Вы даже можете создать деревянную табличку, заменив металлическую текстуру на деревянную. Надеюсь, вам понравится этот урок.
ОК. Давайте приступим!
Итоговый результат
Шаг 1
Вначале, с помощью инструмента Прямоугольник (Rectangle Tool), создайте фигуру прямоугольник. Далее, добавьте металлическую текстуру на своё усмотрение, расположив данную текстуру поверх слоя с прямоугольником. Лучше всего использовать металлическую текстуру с царапинами, например текстуру, которую я использовал в этом уроке. Щёлкните правой кнопкой мыши по слою с металлической текстурой и в появившемся окне, выберите опцию Создать обтравочную маску (Create clipping mask).
Шаг 2
Возвращаемся на слой с прямоугольником и добавляем стили слоя Тиснение (Bevel and Emboss) и Тень (Drop Shadow), чтобы создать эффект металлической таблички.
Шаг 3
Далее, добавьте простой текст или вы можете использовать что-то посложнее, например, логотип.
Шаг 4
Теперь, чтобы создать выгравированный металлический эффект для слоя с текстом, нам необходимо добавить некоторые стили слоя.
Тень (Drop Shadow)
Внутренняя тень (Inner Shadow)
Внешнее свечение (Outer Glow)
Наложение цвета (Color Overlay)
Шаг 5
Если вы всё правильно сделали, то выгравированный металлический текст должен выглядеть, как на скриншоте ниже:
Шаг 6
Чтобы сделать старую металлическую табличку более интересной, вы можете добавить рамку, как показано на скриншоте ниже. Вы можете использовать любую форму рамки на своё усмотрение.
Шаг 7
Теперь перейдите на слой с текстом, щёлкните правой кнопкой по слою с текстом и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Sty/lessons/les). Теперь, возвращаемся на слой с фигурой рамки, также щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Вклеить стили слоя (Paste Layer sty/lessons/les). Таким образом, вам не придётся дважды применять те же самые настройки, чтобы создать нужный эффект. Или вы можете сохранить данный стиль слоя и использовать его также в других своих проектах.
Шаг 8
Чтобы добавить больше деталей, вы можете добавить болты по углам металлической пластины. Для выделения болтов, вы можете воспользоваться одним из инструментов выделения программы Photoshop. К слою с болтом, добавьте стиль слоя Тень (Drop Shadow), а затем несколько раз продублируйте слой с болтом, расположив болты, как показано на скриншоте ниже.
Шаг 9
Если вы хотите добавить к металлической табличке винтажный эффект, то вы можете добавить текстуру с ржавчиной, поменяв режим наложения с текстурой ржавчины на Перекрытие (Overlay) или Умножение (Multiply) в зависимости от текстуры. Я использовал металлическую текстуру с ржавчиной с режимом наложения Темнее (Darker Color).
В этом уроке вы узнаете, как создать выгравированный металлический текст в программе Photoshop, используя стили слоя, а также текстуры. Вы сможете создать свою винтажную металлическую табличку всего лишь за несколько простых шагов. Вы можете использовать любую металлическую текстуру, а также любую форму для создания металлической таблички на своё усмотрение. Вы даже можете создать деревянную табличку, заменив металлическую текстуру на деревянную. Надеюсь, вам понравится этот урок.
ОК. Давайте приступим!
Итоговый результат
Шаг 1
Шаг 2
Возвращаемся на слой с прямоугольником и добавляем стили слоя Тиснение (Bevel and Emboss) и Тень (Drop Shadow), чтобы создать эффект металлической таблички.
Шаг 3
Далее, добавьте простой текст или вы можете использовать что-то посложнее, например, логотип.
Шаг 4
Теперь, чтобы создать выгравированный металлический эффект для слоя с текстом, нам необходимо добавить некоторые стили слоя.
Тень (Drop Shadow)
Внутренняя тень (Inner Shadow)
Внешнее свечение (Outer Glow)
Наложение цвета (Color Overlay)
Шаг 5
Если вы всё правильно сделали, то выгравированный металлический текст должен выглядеть, как на скриншоте ниже:
Шаг 6
Чтобы сделать старую металлическую табличку более интересной, вы можете добавить рамку, как показано на скриншоте ниже. Вы можете использовать любую форму рамки на своё усмотрение.
Шаг 7
Теперь перейдите на слой с текстом, щёлкните правой кнопкой по слою с текстом и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Sty/lessons/les). Теперь, возвращаемся на слой с фигурой рамки, также щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Вклеить стили слоя (Paste Layer sty/lessons/les). Таким образом, вам не придётся дважды применять те же самые настройки, чтобы создать нужный эффект. Или вы можете сохранить данный стиль слоя и использовать его также в других своих проектах.
Шаг 8
Чтобы добавить больше деталей, вы можете добавить болты по углам металлической пластины. Для выделения болтов, вы можете воспользоваться одним из инструментов выделения программы Photoshop. К слою с болтом, добавьте стиль слоя Тень (Drop Shadow), а затем несколько раз продублируйте слой с болтом, расположив болты, как показано на скриншоте ниже.
Шаг 9
Если вы хотите добавить к металлической табличке винтажный эффект, то вы можете добавить текстуру с ржавчиной, поменяв режим наложения с текстурой ржавчины на Перекрытие (Overlay) или Умножение (Multiply) в зависимости от текстуры. Я использовал металлическую текстуру с ржавчиной с режимом наложения Темнее (Darker Color).
Читайте также: