Дополнения

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

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

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

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

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

3D иконка

Шаг 1. Настройки
Для начала создайте документ со следующими параметрами.

Выберите инструмент Paint Bucket Tool (Заливка) и залейте фон цветом #626262. Создайте корректирующий слой Layer > New Adjustment Layer > Brightness/Contrast (Слой – Новый корректирующий слой - Яркость/Контраст). Установите параметры.

Шаг 2. Создание круга
Выберите инструмент Elliptical Marquee Tool (Овальное выделение) со следующими настройками.

Создайте круг и залейте выделение цветом #649ad2. Инструментом Eraser Tool (Ластик) с мягкими краями подотрите круг в некоторых местах.

Установите следующие стили слоя для него.

Круг должен быть таким.

Шаг 3. Создание 3D модели
Чтобы шар выглядел как 3D, необходимо правильно расставить свет. Для этого нужно подсветить и затемнить некоторые области. Ниже представлена схема расположения источников света.

Выберите инструмент Овальное выделение, установите Feather (Растушевка) 10pxи размер 200px на 200px. Существует много способов получения света/блеска и теней. Автор выбрал следующий путь.
Установите Blending Mode (Режим наложения слоев) на Multiply (Умножение).

Добавьте следующий стиль.

Тени создавать будет гораздо легче. Отдавайте предпочтение побольше свету, так как тени слишком заметные. На свой выбор можете установить любой Режим наложения слоев, например Soft Light (Мягкий свет), Overlay (Перекрытие) или оставить режим Normal(Нормальный).
Тени создавайте так же, как и свет. Лучше не приближать изображение при создании теней, так как вы не увидите, как тени смотрятся на общем фоне.

Шаг 4. Добавление деталей
В этом шаге создадим несколько линий. Выберите инструмент Pen Tool (Перо) с настройками.

Нарисуйте приблизительно следующие линии.

Выберите инструмент Brush Tool (Кисть) размером 3px-5px. Затем кликните ПКМ на контуре и выберите Stroke Path (Обводка контура). В появившемся окне выберите Кисть. Там же есть два типа обводки Simulated Pressures (Имитировать нажим) и без имитирования нажима. Ниже приведен пример обоих.

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

Шаг 5. Проработка деталей
У вас должно быть несколько белых линий. Установите этим слоям Режим наложения на Мягкий свет или Перекрытие, можете понизить Opacity (Непрозрачность). Ластиком с мягкими краями пройдитесь по некоторым частям линий, чтобы добавить объёмность.
Выберите инструмент Овальное выделение и создайте маленькие выделения на линиях. Настройки инструмента смотрите ниже.

Залейте их белым цветом. Можно также применить стили слоя. В данном случае автор просто изменил непрозрачность слоя на 50%. Попробуйте применить Режим наложения слоев: Мягкий свет или Перекрытие и понизить непрозрачность.

Шаг 6. 3D пути
При помощи инструмента Ellipse Tool (Эллипс) в режиме контуров создайте фигуру, показанную ниже.
Инструментом Free Transform (Свободное трансформирование) наклоните фигуру. Затем кликните ПКМ  на контуре и выберите Обводка контура.

Создайте несколько фигур. Не забывайте использовать Режим наложения слоев: Мягкий свет или Перекрытие и понизить непрозрачность.

Шаг 7. Создание куба
Куб вы можете нарисовать сами, либо загрузить готовое изображение здесь http://d198kx3f8facmn.cloudfront.net/wp-content/uploads/2010/02/tracearound.png . Обведите стороны куба инструментом Перо, создавая каждую сторону на отдельном слое. Затем залейте каждую его сторону белым цветом (#ffffff). Добавьте к ним стили слоя.
Передних сторон установите Fill (Заливка) 15%, задних – 10%.

Шаг 8. Блик куба
Здесь используйте метод создания света при помощи заливки контура (рассматриваемый ранее). Начните с создания нового слоя, нарисуйте волнистый контур.

Сделайте из него свет, потом создайте выделение слоя со стороной, на которой создаётся этот свет, инвертируйте его Ctrl + Shift + I и нажмите Delete.

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

Шаг 10. Создание свечения
Выберите инструмент Airbrush Capabilities (Аэрограф) (примеч. найти его можно на панели настроек инструмента Кисть) размером 100px - 300px и пройдитесь белым цветом по кубу. Смотреться будет хорошо, если вы используете множество слоёв с непрозрачностью 5-10%, чем два-три слоя с непрозрачностью 40%.

Шаг 11. Заключительный этап
Создайте новый слой и разместите его под слоем с контрастом. Залейте черным цветом и установите Заливку 0%. Добавьте внутреннюю тень и внутреннее свечение при помощи стилей слоя.

Окончательный вариант можете посмотреть здесь.

Автор: Will G.
Перевод: Гаврыш Екатерина
Ссылка на источник 

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

(до 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