ФотошопСундучок
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас 182 гостей и 2 зарегистрированных пользователей на сайте

  • OlegNakroshaev

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Изображение на кружке

 Всем привет!

В сегодняшнем уроке мы научимся добавлять изображение на кружку и сделаем заготовку (Mock-up), при помощи которой можно будет добавлять другие изображения на кружку в два клика.

Из урока ы узнаете, как работать со смарт-объектами, масками слоя, инструментами Прямоугольная область, Кисть, Текст и Перемещение, использовать текстуры, отделять предметы от фона, рисовать светотень и многое другое.

Открываем в фотошоп (Ctrl+O) фото с кружкой.

Создаем новый пустой слой и называем его «Макет». Чтобы переименовать слой, дважды щелкните по названию слоя в палитре слоев, введите новое имя и нажмите клавишу Enter.

Активируем инструмент Прямоугольная область и создаем прямоугольное выделение по размеру кружки.

Заливаем выделение черным цветом. Для этого в панели цвета в качестве основного выставте черный цвет – нажмите клавишу D чтобы сбросить цвета к установленным по умолчанию. Далее активируйте инструмент Заливка и кликните мышью внутри выделения, чтобы залить слой основным цветом.

Снимите выделение, нажав сочетание клавиш Ctrl+D.

В панели слоев кликните ПКМ по слою «Макет» и выберите «преобразовать в смарт-объект.

В панели слоев понизьте непрозрачность слоя «Макет», чтобы видеть кружку.

Переходим в меню Редактирование-Трансформирование-Деформация. Растягиваем прямоугольник по кружке, потянув за узелки, отмеченные стрелочками. Наша задача – заполнить все белое пространство на кружке (ручка кружки не в счет), исказив прямоугольник по форме кружки.

А теперь – самое интересное! Благодаря тому, что слой был переведен в режим смарт-объекта, мы можем теперь использовать слой «Макет» как заготовку для вставки любого изображения на кружку.

Для этого необходимо дважды кликнуть в панели слоев по иконке смарт-объекта на слое «Макет», слой откроется в новом документе и останется его только редактировать, вставив изображение/надпись. Итак, дважды кликаем по значку, отмеченному стрелочкой. Слой с прямоугольником можно отключить, нажав на иконку «глазика» у слоя «Макет» в панели слоев.

Устанавливаем шрифт из папки с исходниками. Для этого кликните ПКМ по файлу шрифта и выберите «Установить». После этого шрифт добавится в фотошоп и систему.

Активируем инструмент Текст и пишем «С Днем защитника отечества!». В верхней панели настроек инструмента Текст меняем шрифт на установленный в предыдущем шаге и изменяем размер текста Цвет не важен. При помощи инструмента Перемещение размещаем текст на холсте, как показано ниже.

Помещаем в документ (Файл-Поместить) текстуру камуфляжа и перетаскиваем ее в верхнюю часть холста, чтобы текстура перекрыла текст.

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

Открываем в фотошоп (Ctrl+O) изображение с танком. В панели слоев щелкаем по замочку у слоя с танком, чтобы разблокировать его для дальнейшего редактирования.

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

При помощи инструмента Перемещение перетаскиваем слой с танком без фона в документ с макетом. Масштабируем (уменьшаем) и располагаем в нижней части холста, как показано ниже.

Можно временно включить видимость слоя «Макет» и вернуть ему 100%, чтобы посмотреть, нет осталось ли косяков после удаления белого фона. Если косяки имеются, их можно исправить при помощи инструмента Ластик. В данном случае неточности в удалении фона не столь важны, потому что кружка тоже имеет белый цвет, но, если вы будете использовать собственные изображения для повторения урока, обратите на это внимание.

Ниже слоев с танком и текстом, но выше слоя «Макет» помещаем изображение с салютом. Масштабируем его и располагаем, как на рисунке ниже.

Теперь можно закрывать документ с макетом. Делаем это, нажав на крестик, отмеченный стрелочкой и, главное, соглашаемся с сохранением изменений.

Вуаля! Наша надпись и изображение появились на кружке, да к тому же искажены по форме кружки!

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

Кликаем ПКМ по слою с серой заливкой и выбираем Создать обтравочную маску».

Активируем инструмент Кисть, выбираем мягкую круглую кисть, в верхней панели настроек инструмента Кисть понижаем ее непрозрачность и нажим и рисуем на среднесером слое по светлых участках на кружке белым цветом, а на затемненных областях – черным. Расположение света и теней на кружке можно «подсмотреть», временно отключив видимость слоя «Макет». Рисуем только в тех областях, где находится надпись и рисунок. Для быстрой смены оттенков с черного на белый и наоборот нажимайте клавишу Х, предварительно нажав сперва клавишу D на клавиатуре, чтобы сбросить цвета к установленным по умолчанию.

Результат после прорисовки черной и белой кистью:

 

В завершение совсем чуть-чуть понизим прозрачность слоя «Макет».

При необходимости можно снова кликнуть по значку смарт-объекта и редактировать документ с картинкой на кружке. Например, отключить слой с салютом. Напоминаю, что тем же способом можно вставить в документ любое другое изображение/надпись.

Урок по добавлению изображения на кружку подошел к концу.

Отличного настроения и творческих успехов!

  

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

          

 

 

 Если Вы не хотите пропустить интересные уроки создания коллажей в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.



Печать

Комментарии  

Светлана
0 # Светлана 15.05.2018 11:44
Спасибо за такой классный урок!
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Яркий фон

Уроки рисования в фотошопе

Яркий фон Всем привет! Сегодня мы будем рисовать яркий фон. Такой фон вы сможете использовать при создании обоев для рабочего стола, плакатов, открыток и т.п. Сначала мы при помощи фильтров Облака, Меццо-тинто и...

Читать далее

Как быстро перевести …

Видеоуроки

Как быстро перевести старое фото в сепию в фотошопе Всем привет! Эффект сепии в фото наверняка знаком многим — коричневатые фотографии, под старину, действительно добавляют особый эффект фотографиям. В переводе с греческого "сепия" значит "каракатица...

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

Как ускорить реставра…

Видеоуроки

Как ускорить реставрацию фото в фотошопе Всем привет! В каждом доме, в каждой семье найдутся фотографии прошлых лет, портреты предков или снимки каких-то значимых событий. Это - наша память, хранящаяся на небольших...

Читать далее

Как нарисовать горящу…

Уроки рисования в фотошопе

Как нарисовать горящую спичку Всем привет! Сегодня мы разберемся с тем, как нарисовать горящую спичку в фотошопе. В уроке научимся создавать реалистичный огонь. Сначала мы при помощи стилей слоя Наложение градиента и инструмента...

Читать далее

Фон линии

Уроки рисования в фотошопе

Фон линии Всем привет! Сегодня мы будем создавать простой фон линии. Такой фон Вы сможете использовать в качестве обоев рабочего стола, как фон для фото или открытки и т.п. Сначала мы создадим фон...

Читать далее

Текст на запотевшем о…

Уроки фотошопа текст

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

Реставрация цветных фотографий Всем привет! У каждой семьи дома есть несколько альбомов с фотографиями, на которых запечатлены совершенно чужие, казалось бы, люди: прадеды, тети и дяди, чьи-то братья и сестры. Разглядывать их –...

Читать далее

Текстура шерсти

Уроки фотошопа текстуры

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Теплое тонирование

Обработка фотографий в фотошопе

Теплое тонирование Всем привет! Сегодня мы будем добавлять на фотографию тонировку в теплых тонах и создавать мягкий эффект. Сначала мы при помощи корректирующего слоя Кривые изменим цветовую гамму изображения. Затем с помощью инструмента...

Читать далее

Простые рамки для фот…

Рамки в фотошопе

Простые рамки для фотошопа  Всем привет! В сегодняшнем уроке мы будем создавать простые рамки для фотошопа, которые помогут украсить ваши фото. Разберём три варианта рамок в разных техниках. Сначала мы создадим первую рамку в...

Читать далее

Реставрация старых фо…

Видеоуроки

Реставрация старых фото. Подготовка - используем возможности сканирования и смарт-объектов Всем привет! А у нас следующий урок из серии по реставрации старых фото. Сегодня рассмотрим интересный способ подготовки фотографии для работы по ее...

Читать далее

Промежуточные итоги и…

Обработка фотографий в фотошопе

В прошлом месяце мы с вами начали рассматривать интересную тему по реставрации старых фотографий. Тема вызвала большой интерес у подписчиков и гостей сайта. Для рассмотрения темы мы наметили несколько шагов: правильное сканирование фотографий изучение...

Читать далее

Работа с текстом "К…

Уроки фотошопа текст

Работа с текстом  "Карамельный эффект" Всем привет! Сегодня мы будем изучать урок по работе с текстом "Карамельный эффект". Этот эффект представляет из себя блестящий объемный текст, который как бы окрашен в розовую...

Читать далее

Подготовка к реставра…

Видеоуроки

Подготовка к реставрации. Как убрать пятно на фото Всем привет! Любые фотографии с течением времени портятся. Пролежав десяток лет фотоснимок начинает терять насыщенность, желтеть, трескаться или могут появиться какие-либо пятна. Сегодня рассмотрим второй...

Читать далее

Реставрация фото. Вар…

Видеоуроки

Реставрация фото. Варианты получения правильной черно-белой картинки Всем привет! У каждого из нас в семейном альбоме хранятся старые фотографии.  Нередко бывает так, что на старинной фотографии утрачены фрагменты, в том числе и важные...

Читать далее

Логотип с полутоновым…

Фотошоп уроки эффекты

 Логотип с полутоновым эффектом Всем привет! Сегодня мы будем создавать логотип с полутоновым эффектом. Вы можете взять на вооружение данный эффект и использовать его не только при создании логотипов, а так, как...

Читать далее

Как сделать бороду в ф…

Видеоуроки

Как сделать бороду в фотошопе Всем привет! В этом уроке разберемся с тем, как сделать бороду в фотошопе. Эта техника достаточно проста. Чтобы добавить густоты бороде и усам на лице, сначала нужно...

Читать далее

Сделать фотоколлаж из…

Уроки фотошопа коллажи

Сделать фотоколлаж из вертикальных полос Всем привет! Сегодня мы разберемся с тем, как сделать фотоколлаж из вертикальных полос. Эффект очень прост в исполнении, Вы сможете с легкостью и за короткое время преобразить свои...

Читать далее

Космический эффект дл…

Уроки фотошопа текст

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

Читать далее

Фото с эффектом распа…

Фотошоп уроки эффекты

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

Читать далее

Рисуем в фотошоп фон б…

Уроки рисования в фотошопе

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

Читать далее

В фотошоп рисуем пейз…

Уроки рисования в фотошопе

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

Читать далее

Яблоко с листиком

Уроки фотошопа коллажи

Яблоко с листиком Всем привет! В сегодняшнем уроке мы почувствуем себя Мичуриным и скрестим яблоко с листиком клена. Да-да, фотошоп позволяет сделать и такие чудеса! Научимся делать красивый коллаж из нескольких фотографий. Из...

Читать далее

Ретро постер

Фотошоп уроки эффекты

 Ретро постер Всем привет! С помощью фотошопа можно создать удивительные иллюстрации в ретро стиле. Ретро постер с легкостью поможет создать неповторимую и чарующую атмосферу в любом помещении. В уроке вы научитесь работать с инструментами...

Читать далее

Текстовый эффект с зо…

Уроки фотошопа текст

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

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018