Изображение на кружке
Всем привет!
В сегодняшнем уроке мы научимся добавлять изображение на кружку и сделаем заготовку (Mock-up), при помощи которой можно будет добавлять другие изображения на кружку в два клика.
Из урока ы узнаете, как работать со смарт-объектами, масками слоя, инструментами Прямоугольная область, Кисть, Текст и Перемещение, использовать текстуры, отделять предметы от фона, рисовать светотень и многое другое.
Открываем в фотошоп (Ctrl+O) фото с кружкой.
Создаем новый пустой слой и называем его «Макет». Чтобы переименовать слой, дважды щелкните по названию слоя в палитре слоев, введите новое имя и нажмите клавишу Enter.
Активируем инструмент Прямоугольная область и создаем прямоугольное выделение по размеру кружки.
Заливаем выделение черным цветом. Для этого в панели цвета в качестве основного выставте черный цвет – нажмите клавишу D чтобы сбросить цвета к установленным по умолчанию. Далее активируйте инструмент Заливка и кликните мышью внутри выделения, чтобы залить слой основным цветом.
Снимите выделение, нажав сочетание клавиш Ctrl+D.
В панели слоев кликните ПКМ по слою «Макет» и выберите «преобразовать в смарт-объект.
В панели слоев понизьте непрозрачность слоя «Макет», чтобы видеть кружку.
Переходим в меню Редактирование-Трансформирование-Деформация. Растягиваем прямоугольник по кружке, потянув за узелки, отмеченные стрелочками. Наша задача – заполнить все белое пространство на кружке (ручка кружки не в счет), исказив прямоугольник по форме кружки.
А теперь – самое интересное! Благодаря тому, что слой был переведен в режим смарт-объекта, мы можем теперь использовать слой «Макет» как заготовку для вставки любого изображения на кружку.
Для этого необходимо дважды кликнуть в панели слоев по иконке смарт-объекта на слое «Макет», слой откроется в новом документе и останется его только редактировать, вставив изображение/надпись. Итак, дважды кликаем по значку, отмеченному стрелочкой. Слой с прямоугольником можно отключить, нажав на иконку «глазика» у слоя «Макет» в панели слоев.
Устанавливаем шрифт из папки с исходниками. Для этого кликните ПКМ по файлу шрифта и выберите «Установить». После этого шрифт добавится в фотошоп и систему.
Активируем инструмент Текст и пишем «С Днем защитника отечества!». В верхней панели настроек инструмента Текст меняем шрифт на установленный в предыдущем шаге и изменяем размер текста Цвет не важен. При помощи инструмента Перемещение размещаем текст на холсте, как показано ниже.
Помещаем в документ (Файл-Поместить) текстуру камуфляжа и перетаскиваем ее в верхнюю часть холста, чтобы текстура перекрыла текст.
В панели слоев щелкаем ПКМ по слою «Текстура камуфляжа» и выбираем «Создать обтравочную маску». После этого шага слой с текстурой будет виден только в пределах текстового слоя.
Открываем в фотошоп (Ctrl+O) изображение с танком. В панели слоев щелкаем по замочку у слоя с танком, чтобы разблокировать его для дальнейшего редактирования.
Отделяем танк от фона любым удобным для вас способом, я это сделала при помощи инструмента Волшебная палочка. При активном инструменте Волшебная палочка кликаем по белому фону, чтобы загрузить выделение. Нажимаем на клавиатуре клавишу Delete, чтобы удалить белый фон и сочетанием клавиш Ctrl+D снимаем выделение.
При помощи инструмента Перемещение перетаскиваем слой с танком без фона в документ с макетом. Масштабируем (уменьшаем) и располагаем в нижней части холста, как показано ниже.
Можно временно включить видимость слоя «Макет» и вернуть ему 100%, чтобы посмотреть, нет осталось ли косяков после удаления белого фона. Если косяки имеются, их можно исправить при помощи инструмента Ластик. В данном случае неточности в удалении фона не столь важны, потому что кружка тоже имеет белый цвет, но, если вы будете использовать собственные изображения для повторения урока, обратите на это внимание.
Ниже слоев с танком и текстом, но выше слоя «Макет» помещаем изображение с салютом. Масштабируем его и располагаем, как на рисунке ниже.
Теперь можно закрывать документ с макетом. Делаем это, нажав на крестик, отмеченный стрелочкой и, главное, соглашаемся с сохранением изменений.
Вуаля! Наша надпись и изображение появились на кружке, да к тому же искажены по форме кружки!
Можно остановиться на данном результате, а можно пойти дальше и усовершенствовать рисунок и придать ему еще больше реалистичности. С зажатой клавишей Alt кликаем по иконке создания нового слоя и в появившемся окне меняем настройки на следующие. Мы добавили слой, залитый среднесерым цветом, к тому же этот слой находится в режиме наложение Перекрытие и потому невидим.
Кликаем ПКМ по слою с серой заливкой и выбираем Создать обтравочную маску».
Активируем инструмент Кисть, выбираем мягкую круглую кисть, в верхней панели настроек инструмента Кисть понижаем ее непрозрачность и нажим и рисуем на среднесером слое по светлых участках на кружке белым цветом, а на затемненных областях – черным. Расположение света и теней на кружке можно «подсмотреть», временно отключив видимость слоя «Макет». Рисуем только в тех областях, где находится надпись и рисунок. Для быстрой смены оттенков с черного на белый и наоборот нажимайте клавишу Х, предварительно нажав сперва клавишу D на клавиатуре, чтобы сбросить цвета к установленным по умолчанию.
Результат после прорисовки черной и белой кистью:
В завершение совсем чуть-чуть понизим прозрачность слоя «Макет».
При необходимости можно снова кликнуть по значку смарт-объекта и редактировать документ с картинкой на кружке. Например, отключить слой с салютом. Напоминаю, что тем же способом можно вставить в документ любое другое изображение/надпись.
Урок по добавлению изображения на кружку подошел к концу.
Отличного настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки создания коллажей в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Комментарии