Дополнения

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

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

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

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

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

Электронные часы

Привет друзья! Вы знаете, как в программе Фотошоп создать изображение электронных часов? Если нет, то я предлагаю освоить эту несложную технику рисования пером!

Шаг 1. Для начала создайте новый документ, ширина и высота которого составляет  400×500 пикс., разрешение – 72, цветовая модель -  RGB.

Шаг 2. Создайте новый слой, на нем нарисуйте при помощи инструмента Pen Tool «Перо» плавную прямоугольную форму: как показано на рисунке. Далее, в созданном Вами контуре щелкните правой кнопкой мыши и, в выпавшем контекстном меню, выберите команду – Make selection (Образовать выделенную область).

Шаг 3. Заполните созданную выделенную область цветом, с показателем 777576.

Шаг 4. Создайте любым удобным для Вас инструментом выделение с левой боковой части нарисованного прямоугольника, выберите инструмент Dodge Tool «Осветлитель», и придайте этой выделенной части немного «светового тиснения».

Шаг 5. Теперь инвертируйте выделение: Shift+Ctrl+ I и создайте «световую штриховку» при помощи инструмента Dodge Tool «Осветлитель».

Шаг 6. Ваше изображение после всех действий станет похоже на то, что Вы видите на рисунке:

Шаг 7. Далее, создайте новое выделение по правой боковой части наших будущих часов, заполните его цветом с показателем 4c4b4c. При желании это можно сделать на новом слое.
После того, как выделенная область заполнена цветом – инструментом Burn Tool «Затемнитель» создайте на ней небольшое затемнение для того, чтобы корпус будущих часов выглядел выразительнее.

Шаг 8. На новом слое создайте прямоугольное выделение по центру корпуса часов и заполните его цветом, с показателем 556058.

Шаг 9. Теперь откройте функцию Layer Style «Стили слоя», и выберите команду: Inner Shadow «Внутренняя тень». Значения внутренней тени поставьте такие, как видите на рисунке:

Шаг 10. Ваше изображение станет похожим на рисунок, приведенный ниже:

Шаг 11. Теперь создайте на новом слое маленькое овальное выделение инструментом Elliptical  Marquee Tool «Овальное выделение» и заполните его цветом, с показателем 5b5b5b.

Шаг 12. Откройте функцию Layer Style «Стили слоя» и выберите команду Bevel and Emboss «Тиснение». Все значения поставьте, как на рисунке:

Шаг 13. Теперь Ваше изображение похоже на то, что Вы видите на рисунке. Кнопочки стали объемными.

Шаг 14. Воспользовавшись инструментом Horizontal Type Tool «Текст», напишите названия команд под кнопочками.

Шаг 15. На новом слое создайте маленькое узкое овальное выделение и заполните его цветом, с показателем 232323. Эта узкая полосочка будет «звуковой панелью» Ваших часов.

Шаг 16. Откройте функцию Layer Style «Стили слоя» и выберите команду Bevel and Emboss «Тиснение». Все значения поставьте, как на рисунке:

Шаг 17. Скопируйте созданную «звуковую панель» столько раз, сколько Вам нужно. Это можно сделать, если Вы нажмете и будете удерживать клавишу <Alt> и перетянете левой кнопкой мыши «звуковую решетку» в другое место на экране, либо, скопировать можно, перетащив в палитре Layer «Слои» слой со «звуковой решеткой» на пиктограмму с изображением чистого листа – создания нового слоя.  

Шаг 18. Теперь создайте новое выделение на новом слое таким образом, чтобы оно охватывало область за часами, и заполните выделенную область цветом, с показателем 5b5b5b.

Шаг 19. Откройте функцию Layer Style «Стили слоя» и выберите команду Inner Shadow «Внутренняя тень». Задайте те значения, которые Вы видите на рисунке:

Шаг 20. Ваше изображение будет выглядеть так же:

Шаг 21. Теперь на новом слое создайте выделение, которое будет располагаться в нижней части и за панелью часов. Созданное выделение заполните цветом, с показателем 5b5b5b.

Шаг 22. Далее, щелкните левой кнопкой мыши внутри созданного выделения, и в выпавшем контекстном меню выберите команду: Feather «Растушевка». Значение растушевки поставьте в 4 пиксела.

Шаг 23. Теперь, при помощи инструмента Burn Tool «Затемнитель» в созданном выше выделении создайте небольшое затемнение, как показано на рисунке:

Шаг 24. Инвертируйте выделение: меню: Select > Inverse (Выделение – Инверсия) и при помощи инструмента Dodge Tool «Осветлитель» осветлите небольшую часть подставки под часами.

Шаг 25. Ваше изображение станет похоже на этот рисунок:

Шаг 26. Теперь активизируйте инструмент Brush «Кисть», размер кисти установите в 3 пикс., цвет - 0d0916, нажмите и удерживайте клавишу < Shift>  и проведите прямую линию, как показано на рисунке. Все это Вы делаете на новом слое. Линий рисуйте столько, сколько считаете нужным.

Шаг 27. Откройте функцию Layer Style «Стили слоя» и выберите команду Drop Shadow «Тень». Задайте те значения, которые Вы видите на рисунке:

Шаг 28. Ваше изображение станет похоже на этот рисунок:

Шаг 29. Из  набора Custom Shape Tool «Произвольная фигура» выберите фигуру в виде облачка.

Шаг 30. Теперь на новом слое создайте фигуру, подобно той, что Вы видите на рисунке:

Шаг 31. Теперь Ваше изображение выглядит так, как на рисунке:

Шаг 32. Активизируйте инструмент Horizontal Type Tool «Горизонтальный текст», установите значения, как показано на рисунке и напечатайте цифровые показатели на дисплей Ваших часов.

Шаг 33. Теперь Ваше изображение выглядит следующим образом:

Шаг 34. Откройте функцию Layer Style «Стили слоя» и выберите команду Outer Glow «Внешнее свечение» и задайте следующие параметры:

Шаг 35. Теперь Ваше изображение приняло такой вид:

Шаг 36. Откройте функцию Layer Style «Стили слоя» и выберите команду Drop Shadow «Тень» с теми значениями, какие приведены на рисунке:

Шаг 37. Посмотрите на Ваше изображение. Оно должно напоминать следующее:

Шаг 38. Войдите в меню Layer > Layer Style >  Creatе Layer (cлой - cтиль слоя - образовать слой).

Шаг 39. Теперь переместите образовавшуюся тень при помощи инструмента Move «Перемещение» так, как Вы видите на рисунке или на Ваше усмотрение.

Шаг 40. Вот и все! Изображение реалистичных часов готово!

Желаю успехов!
Перевод: Луговских Татьяна
Ссылка на источник

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

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

Вот что у меня получилось

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

Идея отличная (вспомнился экран калькулятора) - с цветами все в полном порядке - это именно тот цвет.

я просто не нашел категорию, куда выложить свою работу

Спасибо за интересный урок.

Здорово...спосибо

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

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

Админ
По-моему,любой урок предполагает проявление фантазии,а не тупое его повторение.Иначе для чего изобретать велосипед,если он уже изобретён.

Смотрю здесь обсуждают нереалистичность итогового изображения, но что-то не обнаружила ни одного присоединённого изображения со своим вариантов часов с правильным освещением.

Админ
Да уж, обычные,голословные придирки.

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

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

{{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