Детали:
Программа: Illustrator CS4, Photoshop CS6 и выше
Время выполнения: ~40 мин.
Сложность: средние

Материалы урока:
Фото: Текстура дерева
Фото: Перспектива
Файлы: Векторные лого исходник переводчика demiart_logo_eps
Шрифт: FAMILIAR PRO
Шрифт: Corleone
 

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


Этап 1. Создаем смарт объект с правильной перспективой.
Шаг 1.
Загрузите текстуру «Дерево» и откройте в Photoshop.


Шаг 2.
Загрузите изображение «Перспектива» и также откройте в Photoshop.


Шаг 3.
Скопируйте и вставьте изображение с переспективой в наш документ с деревянной текстурой.
Переименуйте слой в «Перспектива» .


Шаг 4.
Выберите цвет переднего плана на желтый (можете выбрать любой другой цвет, который вам нравится).
Выберите инструмент Rectangle Tool / Инструмент "Прямоугольник" (U) и создайте векторную форму размером 1267x814px.
Переименуйте данный слой в «Смарт объект» .
Далее конвертируйте данный слой в Smart Object / Смарт-объект перейдя в меню Layer / Слои > Smart Object / Смарт-объект > Convert to Smart.


Шаг 5.
Перейдите в меню Edit / Редактирование > Transform / Трансформирование > Distort / Искажение и переместите верхний правый угол совмещая его с правым углом изображения с перспективой.


Шаг 6.
Проделайте тоже самое и с остальными точками размещая их в углах черного прямоугольника с перспективой.


Шаг 7.
Теперь вы можете удалить слой «Перспектива» .


Этап 2. Подготавливаем логотип.
Шаг 1.
Для завершения сцены нам нужен логотип. Лого станет элементом, который будет выгравирован на деревянной поверхности.
Автор урока предлагает использовать уже готовые логотипы, но они не бесплатные – желающие могут скачать по ссылке в материалах урока.
Вы же можете использовать любой свой векторный логотип или например векторный вариант логотипа Demiart.


Шаг 2.
Если вы выбрали логотип автора откройте его в программе Adobe Illustrator.
При открытии файла у вас может появится вот такое предупреждение, которое говорит, что у нет соответствующих шрифтов. Бесплатные идентичные шрифты можно скачать по ссылке в материалах урока.


Шаг 3.
Выберите инструмент Selection Tool (V) и выберите ваш логотип.
Скопируйте его перейдя в меню Edit / Редактирование > Copy / Скопировать или Ctrl+C, создайте новый документ размером 350x350px в Adobe Illustrator и вставьте скопированный логотип перейдя в меню Edit / Редактирование > Paste / Вставить Ctrl+V.


Шаг 4.
Используя инструмент Selection Tool (V) и переместите его в серую область документа.


Шаг 5.
Для того чтобы импортировать логотип в Photoshop вы должны перевести в кривые все объекты и удалить белый фон.
Убедитесь что значок выбран перейдите в меню Object > Expand Appearance, затем выберите Object > Expand / Расширить. В появившимся диалоговом окне выберите пункты Object и Fill / Выполнить заливку и нажмите OK.


Шаг 6.
Перейдите в панель Pathfinder, если вы ее не видите откройте ее перейдя в меню Window / Окно > Pathfinder и нажмите на иконку Trim / Тримминг.


Шаг 7.
Теперь логотип 100% векторная форма, но вам нужно удалить белое заполнение. Для этого выберите инструмент Magic Wand Tool / Инструмент "Волшебная палочка" (Y).
Переместите курсор на область белого заполнения и выберите его. После этого перейдите в меню Edit / Редактирование > Cut / Вырезать.
Теперь значок готов к импорту в Photoshop.


Этап 3. Вставляем логотип в Photoshop.

Шаг 1.
Вы все еще находитесь на рабочей области программы Adobe Illustrator. Выберите логотип и скопируйте его.


Шаг 2.
Перейдите в программу Photoshop, выберите слой «Смарт объект» и дважды кликните на нем в панели слоев. Вы перейдете в окно редактирования Smart Objects / Смарт-объекты, затем вставьте скопированный логотип. В появившимся окне Paste as - выберите Smart Object / Смарт-объект и нажмите Ок.


Шаг 3.
В верхней панели параметров установите положение логотипа на 633.50x406.50px и задайте размер в 666%, как по ширине, так и по высоте.


Шаг 4.

Сохраните документ с редактируемым Smart Object / Смарт-объект нажав Ctrl+S и закройте его.
Перейдя в наш основной документ, вы получите обновленный логотип, вписанный в перспективу. 


Этап 4. Создаем гравировку логотипа.

Шаг 1.
Установите значение Fill / Выполнить заливку для слоя «Смарт объект» равное 0%.


Шаг 2.
Продублируйте слой пять раз переименуйте их и сгруппируйте, как показано на скрине ниже.


Шаг 3.
К слою «Эффект 5» примените стиль слоя Bevel & Embossed со следующими настройками.


Шаг 4.
Так же добавьте стиль слоя Inner Shadow / Внутренняя тень установив следующие значения настроек.


Шаг 5.
Добавим стиль слоя Satin / Глянец установив заполнение #3b2b25.


Шаг 6.
И добавим стиль слоя Drop Shadow / Тень со следующими настройками.


Шаг 7.
Теперь выберем слой «Эффект 4» и применим к нему следующие стили слоя.
Inner Shadow / Внутренняя тень

Pattern Overlay / Наложение узора
(выберите набор Grayscale Paper и примените узор Black Weaved.)


Drop Shadow / Тень


Шаг 8.
Выберите слой «Эффект 3» и примените стиль слоя Inner Shadow / Внутренняя тень.


Шаг 9.
Выберите слой «Эффект 2» и примените стиль слоя Inner Shadow / Внутренняя тень.


Шаг 10.
Выберите слой «Эффект 1» и примените следующие стили.
Inner Shadow / Внутренняя тень

Gradient Overlay / Наложение градиента

Первая контрольная: Color / Цвет #696969, Location / Расположение 0%.
Вторая контрольная: Color / Цвет #d9d9d9, Location / Расположение 100%.)

Вот и все...
Поздравляю вы выполнили урок

Автор: Tom Piccarreda
Источник: Tutsplus
Переводчик: 2 fingers 

https://demiart.ru/forum/index.php?showtopic=262382