Урок по созданию анимации в фотошопе «Вращающийся шар».


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

Приступим.

Шаг 1. Создайте в программе фотошоп новый слой «Файл» => «Новый» => выберите размер ( я буду работать с размером А4: ширина=210мм, высота=297мм).

Шаг 2. Создайте новый слой «Слой» => «Новый» => «Слой» или (Shift+Ctrl+N), результат будет один и тот же. Выберите инструмент «Овальная область (М)» и нарисуйте на новом слое круг.

Шаг 3. Выберите инструмент «Градиент (G)» . Нажмите для редактирования Градиента.

И выставьте вот такие настройки:

Шаг 4. Залейте Градиентом, чтобы у вас получился вот такой шар.

Шаг 5. Создайте новый слой «Слой» => «Новый» => «Слой» (Shift+Ctrl+N). Выберите инструмент «Овальная область (М)» и «пересечение с овальной областью».

Теперь на новом слое выделяем эллипс:

Залейте полученное выделение «Градиентом (G)» , вот такими настройками:

Нажмите (Ctrl+T) или «Редактировать» => «Свободная трансформация». Уменьшите немного полученный блик. Выставьте прозрачность слоя 65%.

Шаг 6. «Слой» => «Новый» => «Слой» (Shift+Ctrl+N). Выберите инструмент «Овальная область (М)» и выделите вот такой эллипс. Залейте его тем же Градиентом.

Снимите выделение и перейдите в меню на «Фильтр» => «Искажение» => «Искривление». Выставьте вот такие параметры:

Теперь нажмите (Ctrl+T) или «Редактировать» => «Свободная трансформация». Передвиньте и покрутите блик так, чтобы получился примерный результат. Прозрачность можно выставить по необходимости.

Шаг 7. Подходим к завершению. Создадим внутреннюю тень первому слою: «Слой» => «стиль слоя» => «Внутренняя тень…». Поставьте такие параметры:

Вот и готов объемный стеклянный шарик.

По желанию можно добавить отражение от стеклянного шарика. Вот что-то такого рода.

Понравилась статья? Тогда расскажи о ней друзьям — кликни по нужной кнопке социальных сетей.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Создание сферы в фотошопе

Автор: Ольга Максимчук (Princypessa). Дата публикации: 12 марта 2019. Категория: Уроки рисования в фотошопе.

Создание сферы в фотошопе

Всем привет!

Сегодня мы будем рисовать сферу.

В уроке вы научитесь пользоваться инструментами Заливка, Кисть, Овальная область, Прямоугольная область, Эллипс, Перемещение, фильтрами Размытие по Гауссу, Сферизация, Рябь, режимами наложения слоев, стилями слоя, узнаете, как загружать кисти, контуры и узоры, создавать новые градиенты и узоры, добавлять тень от объектов и многое другое.

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Переименовываем фоновый слой в «Фон».

Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

В панели цвета в качестве основного устанавливаем оттенок # 324a63.

Активируем инструмент Заливка и кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.

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

Во вкладке Наложение градиента щелкаем по строке выбора градиента, чтобы открыть Редактор градиентов.

В Редакторе градиентов создаем новый градиент. Для этого щелкаем по Контрольным точкам и вводим новые оттенки.

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

При необходимости введите числовое значение позиции в соответствующем окне.

Первая Контрольная точка (позиция 0%) – оттенок # 000000 (черный);

Вторая Контрольная точка (позиция 40%) – оттенок # 000000 (черный);

Третья Контрольная точка (позиция 100%) – оттенок # ffffff (белый).

Для верхних Контрольных точек устанавливаем 100% непрозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

Результат после применения стилей слоя.

Выше фонового слоя создаем новый пустой слой и называем его «Блик».

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту).

Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти».

В панели цвета в качестве основного оттенка устанавливаем белый.

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

Выбираем мягкую круглую кисть большого размера и делаем ею отпечаток на слое «Блик» в нижней части холста.

Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке.

В панели слоев понижаем прозрачность слоя «Блик».

Активируем инструмент Эллипс.

В верхней панели настроек инструмента Эллипс меняем цвет заливки на # 74d9f0 и вводим настройки, как на рисунке ниже.

Зажимаем клавишу Shift, чтобы получить ровный круг и создаем круг.

При помощи инструмента Перемещение располагаем круг, как на рисунке ниже.

Переименовываем слой с эллипсом в «Круг».

Создаем дубликат слоя «Круг» (Ctrl+J) и переименовываем дубликат в «Круг 2».

Временно скрываем видимость слоя «Круг 2», нажав в панели слоев на «глазик» у слоя.

В панели слоев дважды щелкаем по слою «Круг», чтобы открыть стили слоя.

Во вкладке Глянец кликаем по строке выбора контура, затем – по «шестеренке» справа и в выпадающем окне выбираем «Контуры».

Этим шагом мы загрузим в программу контуры, которые есть в фотошоп по умолчанию.

Выбираем из набора контур, как на рисунке ниже.

Меняем оттенок на # eafafd и вводим настройки, как на рисунке ниже.

Результат после применения стилей слоя.

В панели слоев возвращаем видимость слою «Круг 2», нажав на «глазик» около слоя.

Дважды щелкаем по слою «Круг 2», чтобы открыть стили слоя.

Во вкладке Глянец меняем оттенок на # 012046 и выбираем контур, как на рисунке ниже.

Результат после применения стилей слоя.

В панели слоев понижаем заливку слоя «Круг 2» к 0.

Выше всех слоев создаем новый пустой слой и называем его «Узор».

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

Переходим в меню Редактирование-Выполнить заливку.

В появившемся окне в верхней строке выбираем «Регулярный» (или «Узор» в зависимости от русификации фотошоп), кликаем по треугольнику у окна выбора узора, затем – по «шестеренке» справа и выбираем «Узоры».

Выбираем из набора узор, отмеченный стрелочкой и заливаем узором выделенную область.

Выделение не снимаем.

При активном выделении переходим в меню Фильтр-Искажение-Рябь и настраиваем, как на рисунке ниже.

В панели слоев понижаем заливку слоя «Узор».

Выше всех слоев создаем новый пустой слой и называем его «Цвет».

Мягкой круглой кистью, оттенком # 1e94e8 рисуем пятна, как на изображении ниже.

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

Либо не снимайте его, либо снова создайте перед работой кистью (Ctrl+клик по иконке слоя в панели слоев).

В панели слоев меняем режим наложения слоя «Цвет» на Яркий свет.

Выше всех слоев создаем новый пустой слой и называем его «Цвет 2».

При помощи инструмента Кисть, используя мягкую круглую кисть, белым оттенком (клавиша D, потом клавиша X) рисуем пятнышки, как на рисунке ниже.

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Зажимаем клавишу Shift, чтобы добавить к выделенной области и создаем вертикальное выделение.

В результате у нас должно получиться примерно следующее.

Заливаем выделение черным цветом.

Для этого переходим в меню Редактирование-Выполнить заливку и в верхней строке выбираем черный оттенок.

Снимаем выделение (Ctrl+D).

Переходим в меню Редактирование-Определить узор.

В появившемся окне даем имя новому узору или соглашаемся с предложенным программой.

Новый узор появится в конце списка загруженных узоров.

Документ с узором можно закрыть.

Выше всех слоев создаем новый пустой слой и называем его «Сетка».

Переходим в меню Редактирование-Выполнить заливку.

В строке «Содержание» выбираем «Регулярный» (или «Узор»), кликаем по треугольнику у окна выбора узора и в выпадающем окне выбираем узор, что создавали в предыдущем шаге.

С зажатой клавишей Ctrl кликаем по иконке слоя «Круг», чтобы загрузить выделение слоя.

Нажимаем сочетание клавиш Shift+Ctrl+I, чтобы инвертировать выделение.

При активном слое «Сетка» нажимаем клавишу Delete.

Снимаем выделение (Ctrl+D).

Снова создаем выделение слоя «Круг» (Ctrl+клик по иконке слоя).

При активном слое «Сетка» переходим в меню Фильтр-Искажение-Сферизация и настраиваем фильтр, как на рисунке ниже.

Не снимаем выделение.

Выше всех слоев создаем новый пустой слой и переименовываем его в «Обводка».

При активном выделении переходим в меню Редактирование-Выполнить обводку.

Меняем оттенок на черный (# 000000) и вводим настройки, как на рисунке ниже.

Снимаем выделение (Ctrl+D).

Выше слоя «Блик», но ниже слоев со сферой создаем новый пустой слой и называем его «Тень».

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

Заливаем выделение черным цветом на слое «Тень».

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

Снимаем выделение (Ctrl+D).

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Тень».

7

В панели слоев понижаем прозрачность слоя «Тень».

Урок «создание сферы в фотошопе» готов!

финальный результат

Прекрасного настроения и вдохновения!

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

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

0

Печать

  • Назад
  • Вперёд

Комментарии

0 Анатолий 20.03.2019 10:26 Спасибо большое! Когда-то, что-то подобное делал, но проработаю еще.

Ответить | Ответить с цитатой | Цитировать

0 Ирина 18.03.2019 20:30 Спасибо большое! Вижу, урок очень интересный. С удовольствием приступлю к работе над ним!

Ответить | Ответить с цитатой | Цитировать

Обновить список комментариев

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

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

. Для отображения
Аватара
(вашей картинки) необходимо на ту же почту иметь аккаунт на — Gravatar, это бесплатно.

JComments

Создаем магическую сферу с изображением используя Фотошоп

В данном уроке Фотошопа мы рассмотрим процесс создания магической сферы с изображением внутри.

Категория: Уроки по созданию коллажей

Сложность: Высокая

Дата: 08.08.2009

Обновлено: 17.03.2012

В данном уроке Фотошопа мы рассмотрим процесс создания магической сферы с изображением внутри. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.

Финальный результат

Изображение 2. Создаем магическая сфера с изображением внутри используя Фотошоп

Приступаем к уроку Фотошопа

Создадим документ размером 500*500 px (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)).

Изображение 3. Создаем магическая сфера с изображением внутри используя Фотошоп

Теперь рисуем подставку для шарика с помощью Rectangular Marquee Tool (Прямоугольная область выделения / Клавиша ‘M’) и заливаем цветом #282a2b (Paint Bucket Tool (Инструмент Заливка / Клавиша ‘G’)).

Изображение 6. Создаем магическая сфера с изображением внутри используя Фотошоп

Сниамаем выделение Ctrl+D и выбираем Edit > Transform > Warp (Правка > Трансформация > Деформация) трансформируем, чтобы получить рисунок вроде этого: ↓

Изображение 7. Создаем магическая сфера с изображением внутри используя Фотошоп

На новом слое используем Elliptical Marquee Tools (Инструмент ‘Овальная область выделения’ / Клавиша ‘M’), создаем выделение и заполняем цветом #4a4e50.

Изображение 9. Создаем магическая сфера с изображением внутри используя Фотошоп

После этого снова берем Rectangular Marquee Tool (Прямоугольная область выделения / Клавиша ‘M’) и новое выделение. Заливаем цветом #282a2b и нажимаем Ctrl+D чтобы снять выделение.

Трансформируем Edit > Transform > Warp (Правка > Трансформация > Деформация) для придания псевдообъема.

Изображение 12. Создаем магическая сфера с изображением внутри используя Фотошоп

Наконец-то будем рисовать саму сферу. Берем Elliptical Marquee Tools (Инструмент ‘Овальная область выделения’ / Клавиша ‘M’) и рисуем круг. Заливаем любым цветом, сейчас это не так важно.

Изображение 14. Создаем магическая сфера с изображением внутри используя Фотошоп

Чтобы убрать ненужную часть сферы берем Elliptical Marquee Tools (Инструмент ‘Овальная область выделения’ / Клавиша ‘M’), создаем выделение, жмем Ctrl+Shift+I (инвертируем его) и с помощью Eraser Tool (Инструмет Ластик / Клавиша ‘E’) убираем все, что мешает. (Ластик как кисть не вылезает за границы выделения.)

Изображение 17. Создаем магическая сфера с изображением внутри используя Фотошоп

Добавляем блеск подставке с помощью Dodge Tool (Инструмент Осветитель / Клавиша ‘O’) (Highlights (Свет), 35%).

То же самое на других частях.

Изображение 21. Создаем магическая сфера с изображением внутри используя Фотошоп

На всех частях Burn Tool (Инструмент Затемнитель / Клавиша ‘O’) (Shadows (Тени), 30%) затемним края.

Изображение 23. Создаем магическая сфера с изображением внутри используя Фотошоп

Закончили со сферой. Теперь возьмемся за картинку. Берем любое изображение которое вы хотите вставить, открываем в Фотошопе, далее → Select > Save selection > Ok (Выделение > Сохранить выделенную область > Да).

Теперь вернитесь к слою со сферой и Select > Load Selection (Выделение > Загрузить выделенную область), нажмите Ctrl+Shift+I, инвертируйте выделение и на слое с картинкой жмите Delete, чтобы убрать лишнее. Снова Ctrl+Shift+I и примените фильтр Filter > Distort > Spherize (Фильтр > Искажение > Сферизация) настройки ниже.

Изображение 24. Создаем магическая сфера с изображением внутри используя Фотошоп

Текущий результат. ↓

Изображение 25. Создаем магическая сфера с изображением внутри используя Фотошоп

Добавим эффетка бликов и стекла. В стилях слоя выбираем Inner Glow (Внутреннее свечение) с настройками как на изображении ниже. ↓

Изображение 26. Создаем магическая сфера с изображением внутри используя Фотошоп

Текущий результат. ↓

Изображение 27. Создаем магическая сфера с изображением внутри используя Фотошоп

Загружаем выделение Select > Load Selection (Выделение > Загрузить выделенную область) на нашем слое, на новом заливаем его цветом #d6d3c0.

Изображение 28. Создаем магическая сфера с изображением внутри используя Фотошоп

Теперь к нему применяем Inner Glow (Внутреннее свечение) с настройками как на изображении ниже. ↓

На новом слое (New Layer (Новый слой / Сочетание клавиш ‘Ctrl+Shift+N’)) используем Gradient Tool (Инструмент Градиент / Клавиша ‘G’) от серого (#666460) к прозрачному.

Изображение 32. Создаем магическая сфера с изображением внутри используя Фотошоп

Нажмите Ctrl+D снимите выделение и используя → Eraser Tool (Инструмет Ластик / Клавиша ‘E’) и мягкой кистью с прозрачностью 50% стерите немного внутри.

Изображение 34. Создаем магическая сфера с изображением внутри используя Фотошоп

Примените Inner Shadow (Внутренняя тень) к слою с настройками как на изображении ниже. ↓

Изображение 36. Создаем магическая сфера с изображением внутри используя Фотошоп

Опять на новом слое делаем блик. Выделением Elliptical Marquee Tools (Инструмент ‘Овальная область выделения’ / Клавиша ‘M’) делаем форму (надо вычесть из базового выделения новое ввиде малого круга). Заливаем используя Gradient Tool (Инструмент Градиент / Клавиша ‘G’) от белого к прозрачному.

Изображение 39. Создаем магическая сфера с изображением внутри используя Фотошоп

Снимаем выделение Ctrl+D и ‘поблюрим‘ его используя Blur Tool (Инструмент Размытие / Клавиша ‘R’). Сливаем слои БЕЗ рисунка (выше его) и меняем режим смешивания на Hard Light (Жесткий свет) с прозрачностью под 70%.

Под конец добавим блеска самой картинке. Можно также затемнить низ сферы (зависит от падения света). Жмем Select > Load Selection (Выделение > Загрузить выделенную область) и черной мягкой кистю делаем это.

Сливаем ВСЕ слои (Layer > Flatten Image (Слой > Объединить слои)). Надо сделать тень. Продублируем исходный слой Ctrl+J и зальем черным. Трансформируем используя Free Transform (Свободное трансформирование / Сочетание клавиш ‘Ctrl + T’ / Вызов через меню: ‘Edit > Free Transform’ (Редактирование > Свободная трансформация)) так: ↓

Используя ластик (50% прозрачность, размер 200px) верхнюю часть тени подтираем.

Вот и все.

Финальный результат

; Перевод Strannytsa; Текст доработан командой сайта PhotoshopPro.ru

Рейтинг
( 2 оценки, среднее 4.5 из 5 )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий