Как сделать макет для кружки в фотошопе
Обновлено: 07.07.2024
Автор: Ольга Максимчук (Princypessa). Дата публикации: 07 мая 2018 . Категория: Уроки фотошопа коллажи.
В сегодняшнем уроке мы научимся добавлять изображение на кружку и сделаем заготовку (Mock-up), при помощи которой можно будет добавлять другие изображения на кружку в два клика.
Из урока ы узнаете, как работать со смарт-объектами, масками слоя, инструментами Прямоугольная область, Кисть, Текст и Перемещение, использовать текстуры, отделять предметы от фона, рисовать светотень и многое другое.
Открываем в фотошоп ( Ctrl + O ) фото с кружкой.
Создаем новый пустой слой и называем его «Макет». Чтобы переименовать слой, дважды щелкните по названию слоя в палитре слоев, введите новое имя и нажмите клавишу Enter .
Активируем инструмент Прямоугольная область и создаем прямоугольное выделение по размеру кружки.
Заливаем выделение черным цветом. Для этого в панели цвета в качестве основного выставте черный цвет – нажмите клавишу D чтобы сбросить цвета к установленным по умолчанию. Далее активируйте инструмент Заливка и кликните мышью внутри выделения, чтобы залить слой основным цветом.
Снимите выделение, нажав сочетание клавиш Ctrl + D .
В панели слоев кликните ПКМ по слою «Макет» и выберите «преобразовать в смарт-объект.
В панели слоев понизьте непрозрачность слоя «Макет», чтобы видеть кружку.
Переходим в меню Редактирование-Трансформирование-Деформация. Растягиваем прямоугольник по кружке, потянув за узелки, отмеченные стрелочками. Наша задача – заполнить все белое пространство на кружке (ручка кружки не в счет), исказив прямоугольник по форме кружки.
А теперь – самое интересное! Благодаря тому, что слой был переведен в режим смарт-объекта, мы можем теперь использовать слой «Макет» как заготовку для вставки любого изображения на кружку.
Для этого необходимо дважды кликнуть в панели слоев по иконке смарт-объекта на слое «Макет», слой откроется в новом документе и останется его только редактировать, вставив изображение/надпись. Итак, дважды кликаем по значку, отмеченному стрелочкой. Слой с прямоугольником можно отключить, нажав на иконку «глазика» у слоя «Макет» в панели слоев.
Устанавливаем шрифт из папки с исходниками. Для этого кликните ПКМ по файлу шрифта и выберите «Установить». После этого шрифт добавится в фотошоп и систему.
Активируем инструмент Текст и пишем «С Днем защитника отечества!». В верхней панели настроек инструмента Текст меняем шрифт на установленный в предыдущем шаге и изменяем размер текста Цвет не важен. При помощи инструмента Перемещение размещаем текст на холсте, как показано ниже.
Помещаем в документ (Файл-Поместить) текстуру камуфляжа и перетаскиваем ее в верхнюю часть холста, чтобы текстура перекрыла текст.
В панели слоев щелкаем ПКМ по слою «Текстура камуфляжа» и выбираем «Создать обтравочную маску». После этого шага слой с текстурой будет виден только в пределах текстового слоя.
Открываем в фотошоп ( Ctrl + O ) изображение с танком. В панели слоев щелкаем по замочку у слоя с танком, чтобы разблокировать его для дальнейшего редактирования.
Отделяем танк от фона любым удобным для вас способом, я это сделала при помощи инструмента Волшебная палочка. При активном инструменте Волшебная палочка кликаем по белому фону, чтобы загрузить выделение. Нажимаем на клавиатуре клавишу Delete , чтобы удалить белый фон и сочетанием клавиш Ctrl + D снимаем выделение.
При помощи инструмента Перемещение перетаскиваем слой с танком без фона в документ с макетом. Масштабируем (уменьшаем) и располагаем в нижней части холста, как показано ниже.
Ниже слоев с танком и текстом, но выше слоя «Макет» помещаем изображение с салютом. Масштабируем его и располагаем, как на рисунке ниже.
Теперь можно закрывать документ с макетом. Делаем это, нажав на крестик, отмеченный стрелочкой и, главное, соглашаемся с сохранением изменений.
Вуаля! Наша надпись и изображение появились на кружке, да к тому же искажены по форме кружки!
Можно остановиться на данном результате, а можно пойти дальше и усовершенствовать рисунок и придать ему еще больше реалистичности. С зажатой клавишей Alt кликаем по иконке создания нового слоя и в появившемся окне меняем настройки на следующие. Мы добавили слой, залитый среднесерым цветом, к тому же этот слой находится в режиме наложение Перекрытие и потому невидим.
Кликаем ПКМ по слою с серой заливкой и выбираем Создать обтравочную маску».
Активируем инструмент Кисть, выбираем мягкую круглую кисть, в верхней панели настроек инструмента Кисть понижаем ее непрозрачность и нажим и рисуем на среднесером слое по светлых участках на кружке белым цветом, а на затемненных областях – черным. Расположение света и теней на кружке можно «подсмотреть», временно отключив видимость слоя «Макет». Рисуем только в тех областях, где находится надпись и рисунок. Для быстрой смены оттенков с черного на белый и наоборот нажимайте клавишу Х, предварительно нажав сперва клавишу D на клавиатуре, чтобы сбросить цвета к установленным по умолчанию.
Результат после прорисовки черной и белой кистью:
В завершение совсем чуть-чуть понизим прозрачность слоя «Макет».
При необходимости можно снова кликнуть по значку смарт-объекта и редактировать документ с картинкой на кружке. Например, отключить слой с салютом. Напоминаю, что тем же способом можно вставить в документ любое другое изображение/надпись.
Урок по добавлению изображения на кружку подошел к концу.
Отличного настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки создания коллажей в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 07 мая 2018 . Категория: Уроки фотошопа коллажи.
В сегодняшнем уроке мы научимся добавлять изображение на кружку и сделаем заготовку (Mock-up), при помощи которой можно будет добавлять другие изображения на кружку в два клика.
Из урока ы узнаете, как работать со смарт-объектами, масками слоя, инструментами Прямоугольная область, Кисть, Текст и Перемещение, использовать текстуры, отделять предметы от фона, рисовать светотень и многое другое.
Открываем в фотошоп ( Ctrl + O ) фото с кружкой.
Создаем новый пустой слой и называем его «Макет». Чтобы переименовать слой, дважды щелкните по названию слоя в палитре слоев, введите новое имя и нажмите клавишу Enter .
Активируем инструмент Прямоугольная область и создаем прямоугольное выделение по размеру кружки.
Заливаем выделение черным цветом. Для этого в панели цвета в качестве основного выставте черный цвет – нажмите клавишу D чтобы сбросить цвета к установленным по умолчанию. Далее активируйте инструмент Заливка и кликните мышью внутри выделения, чтобы залить слой основным цветом.
Снимите выделение, нажав сочетание клавиш Ctrl + D .
В панели слоев кликните ПКМ по слою «Макет» и выберите «преобразовать в смарт-объект.
В панели слоев понизьте непрозрачность слоя «Макет», чтобы видеть кружку.
Переходим в меню Редактирование-Трансформирование-Деформация. Растягиваем прямоугольник по кружке, потянув за узелки, отмеченные стрелочками. Наша задача – заполнить все белое пространство на кружке (ручка кружки не в счет), исказив прямоугольник по форме кружки.
А теперь – самое интересное! Благодаря тому, что слой был переведен в режим смарт-объекта, мы можем теперь использовать слой «Макет» как заготовку для вставки любого изображения на кружку.
Для этого необходимо дважды кликнуть в панели слоев по иконке смарт-объекта на слое «Макет», слой откроется в новом документе и останется его только редактировать, вставив изображение/надпись. Итак, дважды кликаем по значку, отмеченному стрелочкой. Слой с прямоугольником можно отключить, нажав на иконку «глазика» у слоя «Макет» в панели слоев.
Устанавливаем шрифт из папки с исходниками. Для этого кликните ПКМ по файлу шрифта и выберите «Установить». После этого шрифт добавится в фотошоп и систему.
Активируем инструмент Текст и пишем «С Днем защитника отечества!». В верхней панели настроек инструмента Текст меняем шрифт на установленный в предыдущем шаге и изменяем размер текста Цвет не важен. При помощи инструмента Перемещение размещаем текст на холсте, как показано ниже.
Помещаем в документ (Файл-Поместить) текстуру камуфляжа и перетаскиваем ее в верхнюю часть холста, чтобы текстура перекрыла текст.
В панели слоев щелкаем ПКМ по слою «Текстура камуфляжа» и выбираем «Создать обтравочную маску». После этого шага слой с текстурой будет виден только в пределах текстового слоя.
Открываем в фотошоп ( Ctrl + O ) изображение с танком. В панели слоев щелкаем по замочку у слоя с танком, чтобы разблокировать его для дальнейшего редактирования.
Отделяем танк от фона любым удобным для вас способом, я это сделала при помощи инструмента Волшебная палочка. При активном инструменте Волшебная палочка кликаем по белому фону, чтобы загрузить выделение. Нажимаем на клавиатуре клавишу Delete , чтобы удалить белый фон и сочетанием клавиш Ctrl + D снимаем выделение.
При помощи инструмента Перемещение перетаскиваем слой с танком без фона в документ с макетом. Масштабируем (уменьшаем) и располагаем в нижней части холста, как показано ниже.
Ниже слоев с танком и текстом, но выше слоя «Макет» помещаем изображение с салютом. Масштабируем его и располагаем, как на рисунке ниже.
Теперь можно закрывать документ с макетом. Делаем это, нажав на крестик, отмеченный стрелочкой и, главное, соглашаемся с сохранением изменений.
Вуаля! Наша надпись и изображение появились на кружке, да к тому же искажены по форме кружки!
Можно остановиться на данном результате, а можно пойти дальше и усовершенствовать рисунок и придать ему еще больше реалистичности. С зажатой клавишей Alt кликаем по иконке создания нового слоя и в появившемся окне меняем настройки на следующие. Мы добавили слой, залитый среднесерым цветом, к тому же этот слой находится в режиме наложение Перекрытие и потому невидим.
Кликаем ПКМ по слою с серой заливкой и выбираем Создать обтравочную маску».
Активируем инструмент Кисть, выбираем мягкую круглую кисть, в верхней панели настроек инструмента Кисть понижаем ее непрозрачность и нажим и рисуем на среднесером слое по светлых участках на кружке белым цветом, а на затемненных областях – черным. Расположение света и теней на кружке можно «подсмотреть», временно отключив видимость слоя «Макет». Рисуем только в тех областях, где находится надпись и рисунок. Для быстрой смены оттенков с черного на белый и наоборот нажимайте клавишу Х, предварительно нажав сперва клавишу D на клавиатуре, чтобы сбросить цвета к установленным по умолчанию.
Результат после прорисовки черной и белой кистью:
В завершение совсем чуть-чуть понизим прозрачность слоя «Макет».
При необходимости можно снова кликнуть по значку смарт-объекта и редактировать документ с картинкой на кружке. Например, отключить слой с салютом. Напоминаю, что тем же способом можно вставить в документ любое другое изображение/надпись.
Урок по добавлению изображения на кружку подошел к концу.
Отличного настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки создания коллажей в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Вопрос о том, как распечатать на бумаге кружечный шаблон (или любое другое нестандартное изображение) так часто задают мне по почте, что статья по этому поводу стала просто необходима.
В этом наборе нет нашего формата 20х9 см и любого другого нестандартного. Поэтому мы будем пользоваться другими способами печати.
Я покажу вам три простых способа распечатки шаблона на кружку. Конечно, их намного больше, но для начала вам этих трех вполне хватит.
Для распечатки нам понадобится кружечный шаблон. Я выбрал этот.
С огромным уважением отношусь к творчеству великого актера Ю.В.Никулина. Думаю, его фото в нашем примере будет вполне уместно.
1. Начнем с программы Photoshop. Открываем наше изображение стандартным способом: Файл - Открыть. Шаблон появился в окне программы. Теперь для его распечатки жмем Файл - Просмотр и печать.
У нас появилось вот такое окно:
Все настройки будем проводить здесь. Снимем галочку в окне "По центру" и с помощью мыши разместим наше изображение в верхней части листа. Оставьте несколько миллиметров сверху и слева изображения. Стоит напомнить, что все свои шаблоны я сохраняю с размерами 20 х 9 см, поэтому, при выводе на печать, шаблон изменять не нужно, он прекрасно вписывается в формат А4.
Если печатаете со стандартными настройками и не используете цветовых профилей в нижней части окна "Управление цветом" оставьте все без изменений. Осталось нажать кнопку "Печать", в открывшейся вкладке выбрать принтер, установить его настройки и распечатать шаблон.
2. Во втором способе будем использовать программу CorelDraw. Для начала в окне программы нужно установить лист формата А4 и разместить его вертикально.
Далее идем Файл - Импорт и открываем наше изображение. С помощью мыши размещаем его в верхней части листа.
Помним, что наш шаблон изначально имеет размер 20 х 9 см и с позиционированием его на листе А4 не будет никаких проблем.
Далее жмем Файл - Печать. В открывшемся окне на вкладке Общие выбираем принтер и устанавливаем его параметры (Свойства).
Переходим на вкладку Макет и в настройках устанавливаем "Как в документе". В этом случае наш шаблон распечатается в точности, как мы его разместили в окне программы.
Можно разместить сразу два или три шаблона на листе и распечатать их.
3. Ну и, наконец, третий способ. Мне он нравится больше всего и я почти всегда пользуюсь именно им. Нам понадобится программа Nero PhotoSnap Viewer. Она входит в пакет программы Nero Vision.
Открываем наш шаблон в окне программы.
Идем Файл - Печать и видим такое окно:
Теперь подробно по пунктам:
1. Устанавливаем пункт Оригинальный размер. Наш шаблон размером 20 х 9 см расположится по центру листа.
2. Выбираем пункт Верхний левый угол. Наше изображение будет размещено относительно этого угла.
3. Здесь нужно установить расстояния от краев листа. Если шаблон имеет длину 20 см, а ширина листа А4 - 21 см, то оставляем по 5 мм слева и справа. Сверху достаточно оставить 3 мм.
4. Последним пунктом выбираем принтер и устанавливаем его настройки. Осталось только распечатать шаблон и использовать по прямому назначению.
Прелесть программы Nero PhotoSnap Viewer в том, что она позволяет работать с нестандартными шаблонами. Например, у вас есть кружечный шаблон размером 40 х 18 см. Если мы в настройках укажем "Оригинальный размер", то изображение будет превышать лист А4. Но стоит установить пункт "Масштабировать по странице" и оставить слева и справа по 5 мм, мы получим на выходе шаблон размером 20 х 9 см. Что нам и нужно.
А еще программа Nero PhotoSnap Viewer хороша тем, что позволяет просматривать файлы PSD (Фотошоп), как обычные картинки. Поверьте, это очень удобно. Ведь не всегда под рукой есть Photoshop, да и загружаются в нем файлы PSD довольно долго. А тут открыл как обычный Jpg или Png файл. Попробуйте, вам понравится!
Вот краткий обзор трех способов распечатать шаблон на кружку или любое другое изображение нестандартного размера. Надеюсь, данный материал будет вам полезен в вашей работе и вы легко сможете распечатать шаблон на кружку.
Всем успеха и удачи в бизнесе!
Сегодня я расскажу вам, как самому сделать шаблон на конусную кружку Латте. Об этом меня просили давно, наконец-то руки дошли.
Все кружечные шаблоны, представленные на этом сайте, имеют простой прямоугольный вид. Сделать такой в Photoshop под силу каждому, кто хоть немного знаком с этим графическим редактором. Тем более на этом сайте есть подробный видео-урок.
А вот с конусными кружками все немного сложнее. Как сделать идеальную форму шаблона, чтобы она подходила на конусную кружку? Так, чтобы все зазоры были ровными и одинаковыми?
На самом деле, все очень просто. И ниже я покажу и расскажу вам, как в Фотошопе самостоятельно сделать шаблон на кружку Latte.
Сразу оговорюсь, что конусные кружки у разных производителей могут иметь различные размеры и, поэтому шаблон, который вы сможете скачать в конце ставтьи, может вам не подойти. Но это не страшно, так в статье я вам дам четкий алгоритм действий, следуя которому вы без труда нарисуете шаблон Латте на кружку любого производителя.
Итак, первым делом мы снимем мерки с нашей кружки
У меня получилось 17 см.
Далее измеряем желаемую высоту шаблона. Кто-то любит запечатывать "в край", я же возьму отступ по 2-3 мм сверху и снизу. Высота ребра у меня будет 9,5 см.
Ну вот, мерки сняты, отправляемся в Photoshop для изготовления шаблона.
Открываем программу и идем в меню Файл--Новый и в появившемся окошке вводим наши промеры.
Давайте закрасим наш прямоугольник для наглядности с помощью инструмента Заливка.
Наш слой закреплен. В окошке Слои вы видите замочек. Кликните дважды по названию слоя.
В открывшемся окошке нажмите "Да".
Теперь приступим к изготовлению самого шаблона. Но так как мы будем его выгибать, нам нужно увеличить размер поля для работы. Пройдите в меню Изображение--Размер холста.
Введите в окошки такие параметры - ширина 30 см, высота 20 см. Нажмите Да.
Теперь пройдите Выделение--Все
Появится рамка вокруг холста. Нам же нужно выделить именно наш закрашенный прямоугольник. Просто сдвиньте его чуть курсором с места и рамка выделения перекочует на прямоуголник.
Далее самое интересное. Идете в меню Редактирование--Трансформирование--Деформация.
В верхней строке выбираете пункт Дугой и пишите величину изгиба 26%.
Нажмите Enter, чтобы принять изменения деформации. Заготовка шаблона для кружки Латте готова! Величину 26% я нашел опытным путем. Вы можете уменьшить или увеличить ее по своим кружкам.
Теперь осталось заполнить шаблон нужными изображениями, добавить рамку, надписи, эффекты. Обо всем этом я подробно рассказывал в статье Как сделать шаблон на кружку самому. У вас получится нечто подобное.
Осталось распечатать, вырезать и перенести на кружку.
Если фон вашего шаблона будет белым, тогда вокруг шаблона нужно сделать обводку для ориентира. При вырезании, обводку нужно удалить.
Так же сообщаю вам параметры для кружки Латте повышенной емкости: ширина - 16 см, высота - 14,5 см, изгиб 15%.
Ну вот и все, дорогой друг! Как видите, ничего сложного. Главное, понять принцип отрисовки шаблона, а дальше набьете руку и дело пойдет быстро.
Все желающие могут ниже скачать заготовки для обычной конусной кружки latte и для кружки повышенной емкости в формате PSD.
Успехов в работе и бизнесе!
Читайте также: