Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

208 686 чел. 399 983 работы 4 093 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаём Люминесцентную батарейку в Фотошоп

В данном уроке, мы научимся рисовать «Люминесцентную батарейку». Если рассматривать с технической стороны, то это стеклянная колбочка наполненная «Люминесцентной жидкостью» («ЛЖ») и закупоренная крышечками в виде «полюсов» простой гальванической батарейки.

Новичкам:

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

Азбука фотошопа
10 полезных советов
Прямоугольная область выделения
Инструмент градиент
Как работать с пером

Все остальные инструменты и простые функции, указанные в этом уроке, как правило, интуитивно понятные и не сложные.

И так, приступим.

Создаем документ, в моем случае это 350*350 пикселей. Заливаем его темно серым или черным фоном. Берем инструмент Прямоугольник/Rectangle Tool, задаем первоначальную форму нашей колбочки, в которой будет «ЛЖ».

Через комбинацию клавиш CTRL+J, либо Слой - Создать дубликат слоя/ Layer - Duplicate Layer. Создаем дубликат нашего слоя колбочки и сжимаем его по высоте, в моем случае на половину. Сжимаем при помощи инструмента Перемещения/ Move tool. Для удобства обзываем его в «жидкость» и задаем ему новый цвет #00fff0.

При помощи инструмента Перо+/ Pen tool +, добавляем на нашем слое «ЛЖ», две дополнительные точки в центре сверху и в центре снизу. После чего, при помощи инструмента Стрелка/ Arrow tool, выбираем наши добавленные точки по очереди, сдвигая их на 4 пикселя вверх и вниз.

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

Исходя из этого, мы заранее определяем, что свет у нас будет падать слева на право. Далее выбрав наш слой «ЛЖ», выбираем Слой – Стиль слоя – Наложение градиента/ Layer - Layer Style - Gradient Overlay. Разворачиваем градиент на 0 или 180 градусов, так чтобы переход цвета был слева на право. Задаем цвет нашему градиенту.

Не закрывая окно корректировки стиля, настраиваем Внешнее свечение/ Outer Glow:

И Внутреннее свечение/ Inner Glow:

Наш слой с «ЛЖ» готов.
Теперь переходим к созданию колбочки.
Для этого дублируем наш первый, белый слой. Для удобства обзываем их «Стекло задняя стенка» и «Стекло передняя стенка»:

Беремся за первый слой колбочки, сжимаем его по ширине на 1/3 при помощи инструмента Перемещения/ Move tool и вытягиваем чуть вниз, так, чтобы он немного выступал за слой «ЛЖ».

Далее настраиваем наш слой, для этого переходим в Слой – Стиль слоя – Параметры наложения/ Layer - Layer Style - Blending Options. Выставляем Непрозрачность заливки/Opacity на 0%.
После переключаемся на Наложение градиента/ Gradient Overlay, и настраиваем полупрозрачный переход белого.

Тоже самое повторяем и со вторым слоем «стеклянной стенки», только направление перехода градиента выставляется в противоположную сторону.
Далее корректируем общую прозрачность наших слоев «стенок».
Для этого выбираем каждый из слоев стенок в списке слоев и выставляем им соответствующую Непрозрачность/Opacity:

После того, как выставили Непрозрачность/Opacity, «стекло передней стенки» переносим на уровень выше нашего слоя «ЛЖ».
Для удобства все это группируем, и откладываем в сторонку.

Теперь переходим к созданию оправы «крышечек» для нашей батарейки.
Для этого снова берем инструмент Прямоугольник/Rectangle Tool, по ширине нашей колбочки создаем небольшую полоску. Берем инструмент Перо+/ Pen tool + и по центру, сверху и снизу нового слоя, добавляем по одной корректирующей точке. Далее при помощи инструмента Стрелка/ Arrow tool, выбираем каждую, из вновь добавленных точек поднимаем на 4-е пикселя вверх. Этим же инструментом, выбираем крайние верхние точки, этого же слоя, и спускаем их на 2 пикселя вниз.

Дублируем слой окантовки через CTRL+J, либо Слой - Создать дубликат слоя/ Layer - Duplicate Layer. Разворачиваем его в противоположную сторону при помощи инструмента Перемещения/ Move tool. Перемещаем развернутый слой на нижнюю часть нашей батарейки, после щелкаем ПКМ(Правая кнопка мыши) по нашим слоям по очереди, и выбираем Растрировать слой/ Rasterize the layer. После того, как растрировали, склеиваем оба слоя с «окантовкой».

Мини-справка:

Так как, как правило, материалом для создания «капсулы» батарейки служит металл. Нам необходимо отобразить это световыми бликами. Форма нашей батарейки цилиндрическая, поэтому мы должны взять во внимание то, что практически все металлические сферические, цилиндрически, дугообразные объекты, при отражении света имеют так называемые «слепые зоны». Образуются они в связи с тем, что при схождении 2-х пиковых отрезков отраженного света, образуется некий промежуток, который человеческий глаз не способен воспринимать, так как зрение фокусируется на этих 2-х пиковых свечениях. В большей степени, поэтому большинство металлических поверхностей имеют переливный характер от темного к светлому.

Приступим к созданию таких бликов. Берем инструмент Прямоугольник/Rectangle Tool, создаем поверх остальных слоев, 3 новых слоя разной длины, накладываем полупрозрачный белый градиент по тому же принципу, как и для «стеклянных стенок», располагаем эти слои аналогично картинке:

Задаем Непрозрачность/Opacity всем 3-м слоям, так же как показано на картинке:

После, через зажатие клавиши CTRL, выделяем все 3 наших слоя «блика», отпускаем CTRL, жмем ПКМ по выделенным слоям и выбираем Сгруппировать в новый смарт-объект/Grouped into a new smart object.

Далее выбираем слой с нашей оправой, и наложим легкий градиент, напоминающий металлический оттенок:

И следом, выбираем слой с «бликами», щелкаем по нему ПКМ и выбираем из списка пункт Создать обтравочную маску/Create a clipping mask. Далее выбираем Фильтр – Размытие – Размытие по Гауссу/Filter - Blur - Gaussian Blur. Выставляем радиус размытия на 1.3 пикселя.

После корректировки с размытием жмем CTRL+E, либо Слой – Объединить с предыдущим/Layer - Merge Down.

Теперь создаем «+» - положительный полюс нашей батарейки.
Для этого берем инструмент Прямоугольная область/Rectangular Marquee Tool, выделяем верхнюю часть «металлической» окантовки батарейки. Жмем ПКМ по выделенной области и выбираем Скопировать на новый слой/Copy the new layer. Можно еще через так называемый «копипаст», нажав сначала CTRL+C (скопировать) и потом CTRL+V (вставить). Полученный новый слой сжимаем приблизительно в два раза, при помощи инструмента Перемещения/ Move tool, после чего перетаскиваем слой на место, где должен у нас располагаться положительный полюсь батарейки.

Далее переходим к оформлению световых бликов нашей колбочки. Выбираем нашу группу со слоями «ЛЖ» и стенками колбы. Для начала нам необходимо подкорректировать углы у слоя «ЛЖ», так как если вы заметили, то они лежат не совсем по форме окантовки нашей батарейки. Для этого мы выбираем слой «ЛЖ» в списке слоев. Берем инструмент Стрелка/ Arrow tool, выделяем по очереди нижние точки нашего слоя, и буквально на 2 пикселя поднимаем их вверх, если у вас расстояние между центрами слоев «ЛЖ» и окантовки больше, то естественно уже задаете подъем согласно центральной точке.

После того, как мы настроили слой «ЛЖ», смело можно склеивать его со слоями «стенок». Для этого, в списке слоев выбираем группу, которая содержит в себе эти слои. Жмем ЛКМ (Левая Кнопка Мыши) по группе и следом жмем CTRL+E. Таким образом, мы преобразуем группу со слоями в один растровый слой.

Так же как мы создавали блики для металлической окантовки, мы создаем блики и для колбочки. Впоследствии соединяя все слои бликов в один.

После того как мы подготовили слой с бликами, при помощи инструмента Прямоугольная область/Rectangular Marquee Tool, выделяем область от левого верхнего угла до нижнего правого угла, нашей окантовки. После выделения нажимаем комбинацию горячих клавиш CTRL+SHIFT+I либо Выделения – Инверсия /Selections – Invert. Таким образом, выделив все, что находится вне нашего основного выделения. После чего нажимаем клавишу DELETE (Удалить), удаляя не нужные видимые участки наших бликов.

После удаления, делаем отмену выделенного, для этого жмем CTRL+D либо Выделение – Отменить выделение/Selection – Deselect. Применяем, аналогично бликам окантовки, эффект размытия, для этого снова идем в Фильтр – Размытие – Размытие по Гауссу/Filter - Blur - Gaussian Blur. После снижаем Непрозрачность/Opacity слоя до 35%.

Далее, переворачиваем наш документ «на бок». Для этого идем в Изображение – Повернуть холст – 90 градусов по часовой/Image - Rotate Canvas - 90 degrees in a clockwise.

Теперь добавим небольшие окружности внутри колбы, чтобы придать нашей металлической окантовке небольшую объемность изнутри. Для этого возьмем инструмент Эллипс/Ellipse tool, добавим два небольших овала под все нашей батарейкой, выровняем по уровню «окантовки» и немного подправим инструмент Стрелка/ Arrow tool, так чтобы внутренние затемненные участки окантовки смотрелись более естественно.

После проделанного, скрываем слой с фоном, выбираем любой видимый слой и жмем Слой – Объединить видимые/Layer - Merge Visible либо CTRL+SHIFT+E.

После объединения, подтянем нашу батарейку, до более естественной и знакомой нам формы. Ужав ее при помощи инструмента Перемещения/ Move tool буквально на 1/3 часть.

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

Как пример, набросанный буквально за 5-7 минут, небольшой элемент графического оформления, к примеру, для сайта:

P.S. Надеюсь, урок был интересным и полезным, желаю успехов в начинаниях.

Автор: Drampier

Ссылка на источник

Комментарии 76

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо! Увлекательный урок!

Урок восторга не вызвал...Но как то так))

Да нормальный результат, хотя и перевод вроде как неполный... Додумать можно. СПС автору))

Спасибо.
Результат правда так себе.

Познавательный урок! Спасибо:)

Только открыла фотошоп и тут понеслось!
Спасибо за урок!

Очень интересный урок! Спасибо!

Как считаете, получилось или нет?

Хороший урок ) Правда у меня текст не получился ( ну да ладно! Зато освоил некоторые приемы )

Спасибо за оригинальный урок!

Давно делала. Спасибо за урок.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules