На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 6272
Средней сложности Размещено: 25.02.2011 г.

Песочные часы в Фотошоп


В этом уроке Фотошоп вы узнаете, как с нуля создать элегантные песочные часы. Чтобы результат выглядел правдоподобно, вам необходим навык работы с инструментами группы Перо (Pen Tool). Правильное соотношение света, тени и отражения на стеклянной поверхности часов сделают вашу работу реалистичной и эффектной.

Предварительный просмотр финального результата:


Песочные часы в Фотошоп


Шаг 1.


Создаем Новый документ (Ctrl+N) в Фотошоп размером 1900 x 1440 и прозрачным фоном (Transparent). Заполняем фоновый слой (Edit-Fill или Shift+F5) цветом #ededed. Выбираем инструмент Перо (pen tool) в режиме слой-фигуры (в верхнем меню первая иконка) и создаем верхнюю часть часов. Для фигуры используйте цвет фона.


Песочные часы в Фотошоп


Шаг 2.


Уменьшите значение Заливки (Fill) этого слоя до 0% (опция заливки находится под полем непрозрачности в панели слоев). Затем, открываем «Стили слоя» (Layer Style), дважды нажав по миниатюре слоя или активируя иконку «fx» внизу панели слоев, и находим параметр «Внутреннее свечение» (Inner Glow). Выполняем настройки со скриншота ниже, используя для свечения цвет #bdc1c2. Завершив настройки, снижаем непрозрачность (Opacity) этого слоя до 50% и переименовываем его в слой «Внешнее стекло».


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 3.


Создаем дубликат (Ctrl+J) слоя с верхней частью часов и удаляем на нем слой-эффекты (нажимаем пр.кн.мыши по миниатюре дубликата, выбрав опцию – Очистить стили слоя (clear layer style)). Затем, изменяем размер дубликата (Сtrl+T). После появления рамки трансформации, нажимаем на значок скрепки в верхнем меню (Maintain Aspect ratio), чтобы охранить пропорции, и в поле высоты (height) изменяем значение на 98%.


Песочные часы в Фотошоп


Переименовываем дубликат в слой «Внутреннее стекло» и добавляем к нему параметр «Внутреннее свечение» (Inner Glow), открыв панель стилей слоя. Выполняем следующие настройки: режим смешивания Умножение (Multiply), непрозрачность (Opacity) 75%, цвет свечения #bdc1c2, размер (size) 59рх.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 4.


Дублируем (Ctrl+J) слой «Внутреннее стекло», группируем все слои с элементами часов, предварительно выделив их (Ctrl+клик по миниатюрам слоев, затем Ctrl+G). Называем группу «Верхнее стекло».


Далее, инструментом Перо (Pen Tool) в режиме слой-фигуры создаем форму полукруга внутри верхней части часов. Заливку слоя (Fill) снижаем до 0%. Добавляем «Внутреннее свечение» (Inner Glow) в стилях слоя с такими настройками: цвет свечения # 43494a, размер 125 рх, непрозрачность (opacity) 75%. Называем этот слой «Тень стекла».


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 5.


Теперь мы создадим отражение света на поверхности стекла часов. Используя Перо (Pen Tool) рисуем дугообразную фигуру на верхней части стекла. Устанавливаем цвет фигуры на белый (#ffffff), изменяем режим смешивания на Мягкий свет (Soft Light), снижаем непрозрачность (Opacity) слоя до 40%. Называем этот слой «Верхнее отражение».


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 6.


Создайте еще две четырехугольные фигуры Пером (Pen Tool), также имитирующие отражение, но уже на боковых частях часов. Переименуйте эти два слоя в «Верхнее отражение слева» и «Верхнее отражение справа». Для фигур используйте белый цвет, затем снизьте непрозрачность (Opacity) правой фигуры, чтобы получилось, как на изображении ниже.


Песочные часы в Фотошоп


Шаг 7.


Создаем нижнюю часть часов, следуя шагам с 1-4 и 6. Для нижней части часов нарисуем отражение по краям. Используя Перо (Pen Tool) и белый цвет переднего плана, формируем изогнутую фигуру вдоль сторон часов. Изменяем режим смешивания этого слоя на Мягкий свет (Soft Light) c непрозрачностью (opacity) 40%.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 8.


Теперь мы должны сделать среднюю часть часов. Выбираем Перо (Pen Tool) и рисуем фигуру, соединяющую верх и низ часов, устанавливаем уровень заливки этого слоя (Fill) на 0%. Далее, загружаем выделение слоя с серединой (Ctrl+клик по иконке этого слоя) и мягкой Кистью (Brush) цветом #d2d2d2 проводим вдоль правого и левого краев фигуры, имитируя стекло. Называем этот слой «Середина».


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 9.


Объединяем слои с верхней и нижней частью часов в одну группу (Ctrl+клик по миниатюрам групп или слоев, затем Ctrl+G). Добавляем на объединенный слой Маску (нажимаем на иконку круга в квадрате внизу панели слоев «Add Layer Mask») и мягкой Кистью (Brush) черного цвета удаляем края верхнего и нижнего стекол внутри центральной части часов, чтобы получилась единая форма.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 10.


Внутрь часов поместим песок. Для этого, создаем новый документ (Ctrl+N) размером 1000х1000 рх и заполняем (Shift+F5) его цветом # b0926c. Переходим в меню Фильтр-Шум-Добавить шум (Filter> Noise> Add Noise) с эффектом (Amount) 28%. Переименовываем этот слой в «Шум».


Песочные часы в Фотошоп


Шаг 11.


Копируем (Ctrl+A, затем Ctrl+C), а затем вставляем (Сtrl+V) песок в наш документ с часами. Пером (Pen Tool) создаем фигуру для песка в нижней части часов под слоями с отражениями. Устанавливаем цвет фигуры на коричневый # b0926 и называем слой «Нижний песок».


Выберите слой с песком «Шум» и поместите его над фигурой песка. Создайте Обтравочную маску (Clipping Mask) на шумовом слое, чтобы поместить песок внутрь нижней части часов, нажав сочетание Alt+Ctrl+G или через меню Layer > Create Clip Mask.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 12.


Теперь добавляем тень от песка. Выбираем мягкую Кисть (Brush) цветом # a08d76 и на отдельном слое, выше слоя с песком создаем тень в указанных красными стрелками областях.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Если вы все сделали правильно, ваш результат будет выглядеть следующим образом:


Песочные часы в Фотошоп


Шаг 13.


Выделим выпуклые части песка, осветлив их при помощи Кисти (Brush) цветом # c7b59d с непрозрачностью (opacity) 60%. Создаем еще один слой (Ctrl+Shift+N) выше предыдущего и снова рисуем кистью того же цвета по горке песка. Изменяем режим смешивания для этого слоя на Экран (Screen).


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 14.


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


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 15.


Теперь, чтобы создать падающий пересыпающийся песок, выберите слой «Шум» и выделите узкий прямоугольник инструментом «Прямоугольное выделение» (Restangle Marquee Tool). Изолируйте выделение на отдельный слой (Ctrl+J), затем трансформируйте фигуру (Ctrl+T) вертикально, и сделайте сужение в ее середине при помощи Деформации (Edit-Transforme-Warp). Инструментом «Размытие» (Blur Tool) растушуйте немного струю песка внизу.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 16.


Создадим отражение на центральной части часов, состоящее из нескольких маленьких бликов. Используя Перо (Pen Tool), рисуем фигуры различных форм белого цвета на отдельных слоях. Затем, выделяем все эти слои (Ctrl+клик по миниатюрам слоев), и объединяем их в группу (Ctrl+G) под названием «Белые отражения».


Создаем Новую группу (клик по иконке папки внизу панели слоев) и переименовываем ее в «Тени». Устанавливаем цвет переднего плана на серый # 282828 и Пером (Pen Tool) рисуем мелкие тени рядом с областями отражения.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Результат:

Песочные часы в Фотошоп


Шаг 17.


Далее, сделаем отражение песка на верхней и нижней частях часов. Начнем с нижней. Рисуем Пером (Pen Tool) фигуру капли цветом # ccc3b5. Затем, изменяем режим смешивания для этого слоя на Цвет (Color) и снижаем непрозрачность (Opacity) до 20%.


Песочные часы в Фотошоп


Шаг 18.


Для нижнего отражения песка создаем фигуру цветом # 543f25 инструментом Перо (Pen tool), а затем снижаем ее непрозрачность (opacity) до 30%. Удалите нежелательные области, используя Маску слоя (Layer Mask). Дублируйте этот слой (Ctrl+J), уменьшите его немного при помощи Трансформирования (Ctrl+T) и измените режим смешивания для него на Жесткий свет (Hard Light) c непрозрачностью 20%.


Песочные часы в Фотошоп


Создаем еще одну фигуру белого цвета в левой части предыдущего отражения и изменяем непрозрачность (Opacity) до 5%. Называем слой «Белое отражение песка».


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 19.


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


Песочные часы в Фотошоп


Шаг 20.


Добавим немного бликов по сторонам часов, предварительно загрузив выделение верхней и нижней его частей (Ctrl+клик по иконкам слоев). Кистью (Brush) белого цвета с непрозрачностью (opacity) 10% на отдельном слое проведите по указанным на скриншоте местам.


Песочные часы в Фотошоп


Шаг 21.


Часы готовы, осталось оформить опору для них. Инструментом Перо (Pen Tool) рисуем фигуру прямоугольной формы с приподнятыми краями цветом # 766044, называем слой «Основа». Открываем текстуру фанеры из ресурсов урока и вставляем ее в нашу работу. Помещаем слой с текстурой выше слоя «Основа» и создаем для него Обтравочную маску (Clipping Mask), нажав Ctrl+Alt+G. Изменяем режим смешивания для текстурного слоя на Перекрытие (Overlay) и получаем деревянную планку.


Добавляем реалистичности основе при помощи Кисти (Brush) c мягкими краями черного цвета. Рисуем кистью по краям планки.


Песочные часы в Фотошоп


Шаг 22.


Выбираем инструмент «Эллипс» (Ellipse Tool) и рисуем горизонтальный овал шириной с основание часов цветом # 85643d. Называем слой «Поверхность основы» и добавляем на него стиль «Внутреннее свечение» (Inner Glow), открыв «Стили слоя» (двойной клик по миниатюре слоя). Выполняем настройки со скриншота ниже:


Песочные часы в Фотошоп


Открываем снова текстуру фанеры в фотошоп и переходим в меню Фильтр-Искажение-Полярные координаты (Filter > Distort > Polar Coordinates), активируем внутри окна опцию Rectangular to Polar. Вставляем полученную текстуру в основной документ, размещаем этот слой над слоем «Поверхность основания» и создаем на нем Обтравочную маску (Clipping Mask), нажав Ctrl+Alt+G. Изменяем режим смешивания слоя с полярными координатами на Перекрытие (Overlay) с непрозрачностью (Opacity) 60%.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 23.


Наши часы практически готовы, осталось только добавить тень на основание часов в месте соединения с часами. Выбираем Кисть (Brush) черного цвета, открываем панель настроек кисти (F5) и в параметре «Форма отпечатка кисти» (Tip Shape) находим опцию настройки формы (roundness). Сплющиваем форму кисти (тени), установив ее на 30%.
Создаем тень в основании часов этой кистью.


Группируем все слои с элементами часов воедино, предварительно выделив их все (Ctrl+клик по миниатюрам слоев, затем Ctrl+G), называем группу «Песочные часы».


Песочные часы в Фотошоп


Шаг 24.


Теперь, создадим стол для наших часов. Рисуем прямоугольник горизонтальной формы под группой с часами инструментом Restangular Tool цветом # d4b383, называем слой «Стол». Вставляем в наш документ текстуру фанеры выше слоя с прямоугольником и снижаем ее непрозрачность (Opacity) до 60%. Называем этот слой «Основа деревянной текстуры». Дублируем слой «Стол» (Ctrl+J) и помещаем его выше текстурного слоя.

Изменяем режим смешивания дубликата на Мягкий свет (Soft Light). Переименовываем его в слой «Цвет дерева». Сгруппируйте слои с частями стола, предварительно выделив их (Ctrl+клик по миниатюрам, затем Сtrl+G), назовите группу «Поверхность». Дублируйте эту группу (клик пр.кн.мыши по миниатюре и выберите – Создать дубликат группы) и объедините обе группы стола вместе (Ctrl+клик по миниатюрам групп, затем Ctrl+E). Теперь добавьте фильтр «Размытие по Гауссу» (Filter-Blur-Gaussian Blur) с радиусом 2,5 рх. Добавьте Маску слоя (Layer Mask), нажав на ее иконку внизу панели слоев, и скройте черной кистью нижнюю часть основы.


Песочные часы в Фотошоп


Шаг 25.


Стол готов, далее переходим к созданию яркой стены. На Новом слое (Ctrl+Shift+N), ниже слоя со столом, добавляем Градиент (Gradient tool) радиального стиля, установив цвет от оранжевого (# bd4300) к желтому (# cb8602). Затем, на градиентном слое переходим в меню Фильтр-Шум-Добавить шум (Filter > Noise > Add Noise), ставим значение опции 4%.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 26.


Создаем на Новом слое (Ctrl+Shift+N) еще один радиальный градиент черно-белого цвета (с инверсией) выше предыдущего слоя, начиная от центра холста. Изменяем режим смешивания для этого слоя на Мягкий свет (Soft Light) с непрозрачностью (opacity) 40%.
Теперь, выбираем мягкую Кисть (Brush) большого размера цветом # b88d71 и проводим ей по углам документа, затемняя их.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 27.


Активируем инструмент «Прямоугольное выделение» (rectangular marquee tool) и создаем на отдельных слоях четыре одинаковых прямоугольника с небольшим промежутком между собой. Заполняем (Edit-Fill или Shift+F5) выделения белым цветом. Получилось окно. Объединяем слои с частями окна в группу (Сtrl+G), затем дублируем ее (клик пр.кн.мыши по миниатюре группы и выбираем – Создать дубликат группы) и объединяем оригинал и дубликат группы вместе (Ctrl+E), предварительно выделив их. Называем полученный слой «Оконное стекло». Искажаем влево наше окно, используя Свободное трансформирование (Ctrl+T). Добавляем к этому слою «Размытие по Гауссу» (Filter-Blur-Gaussian Blur) с радиусом 5 рх и изменяем режим смешивания на Мягкий свет (Soft Light) с непрозрачностью (Opacity) 70%.


Песочные часы в Фотошоп


Песочные часы в Фотошоп


Шаг 28.


В завершении работы добавим некоторые эффекты освещения для часов. Копируем все слои, объединив их все в один слой (Ctrl+Shift+Alt+E), затем переходим в меню Фильтр-Рендеринг-Эффекты освещения (Filter > Render > Lighting effect) и выполняем следующие настройки: источник Прожектор, интенсивность 35, фокус 69, материал металл 69, среда позитив 8. Установите источник света на нижнюю часть часов с левого верхнего угла.


Песочные часы в Фотошоп


Добавляем Маску слоя (Layer Mask) к слою с эффектами освещения и черной мягкой кистью (Brush) удаляем действие фильтра на поверхности стола.


Песочные часы в Фотошоп


Для реалистичности композиции добавьте отражение часов на столе, дублируя (Ctrl+J) cлой часов вместе с основанием. Обесцветьте дубликат (Ctrl+Shift+U), затем, примените к нему Трансформирование (Ctrl+T) с отражением по вертикали (клик пр.кн.мыши по рамке трансформации и выберите – Flip Vertical). Перемещением (Move Tool) сдвиньте дубликат часов точно под оригинал и снизьте его непрозрачность (Opacity), чтобы получить естественное отражение на столе.


И вот, наконец, мы закончили! Результат получился ярким и реалистичным. Надеюсь, вы с пользой для себя провели это время, и вам понравился наш урок.


Успехов!


Песочные часы в Фотошоп


Используемые материалы:


Текстура дерева
Текстура дерева

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Narendra Keshkar/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 34




Рейтинг популярности: 2.6/5 (Всего оценок: 27)

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



В галерею
04.03.2011 04.03.2011  monster3d

Какой классный и содержательный урок.Мне понравилось.