Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 11
Форум о uCoz и Web » Компьютерная графика » Уроки фотошопа » Рисуем стеклянную емкость в Photoshop CS
Рисуем стеклянную емкость в Photoshop CS
SleepWalkerДата: Четверг, 22.05.2008, 11:12 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 3337
Репутация: 251
Статус: Offline
После небольшого перерыва продолжаем тематику рисования в Photoshop CS. Сегодня мы будем учиться создавать стеклянный сосуд. В последнее время "стеклянные элементы" встречаются довольно часто как на сайтах, так и в скинах к программам, так что вопрос довольно актуален. Основная цель данной статьи научить вас принципу создания аналогичных элементов, хотя, наверное, это относится ко всем статьям подобного рода.

~* Шаг 1 *~

Создайте новое изображение размером 704 на 194 пикселов. Заполните слой цветом #FF9600 для этого установите цвет переднего плана (Foreground color) и нажмите клавиатурное сочетание Alt+Backspace.

На данный момент у вас имеется всего один слой, причем он заблокирован. Нам необходимо снять блокировку, для этого достаточно дважды щелкнуть по названию слоя в палитре Layers (Слои) и в соответствующем окошке задать название слою (поле Name (Имя)), можно просто нажать Ok. Сделали мы это, чтобы появилась возможность применять стили, в частности нам нужен Inner Shadow (Внутренняя тень). Итак, выполните команду Layer >Layer Style >Inner Shadow (Слой >Стиль слоя >Внутренняя тень) и установите следующие параметры:

Blend Mode (Режим смешивания) — Multiply (Множественный);

Opacity (Непрозрачность) — 75%;

Angle (Угол) — 120%
;
Distance (Дистанция) — 40 px;

Choke (Уменьшение) — 0%;

Size (Размер) — 147.

Остальные параметры изменять не стоит.

~* Шаг 2*~

Создайте новый слой посредством команды Layer >New >Layer (Слой >Новый >Слой).
Нажмите D, затем X, тем самым вы осуществите перезагрузку цветов на установленные в Photoshop умолчания (черный цвет – передний план, а белый цвет – задний план) и поменяете их местами.

Нажмите Alt+Backspace для заполнения слоя белым, в данном случае, цветом. Нажмите клавишу V для активации инструмента перемещения (Move tool), конечно можно выбрать и любой инструмент из группы Marquee (Выделение), будь то Rectangular Marquee (Прямоугольное выделение) или Elliptical Marquee (Эллиптическое выделение) не суть важно. Нажмите Ctrl+T для свободной трансформации. Измените в его опциях ширину и высоту:

H (Height) (Высота) — 90%;
W (Weight) (Ширина) — 80%

У вас должно получиться изображение похожее на рис.1

~* Шаг 3*~

Сделайте активным инструмент Rectangular Marquee (Прямоугольное выделение), в его опциях, найдите строку Style (Стиль) и из выпадающего меню выберите Fixed Size (Фиксированный размер) установите Width (Ширина) — 564 px, Height (Высота) — 300 px. И создайте эллипс выделения как на рисунке 2

Нажмите клавишу Delete для удаления пикселей, находящихся в области выделения. В палитре Layers (Слои) измените Opacity (Непрозрачность) этого слоя на 50%. Пока выглядит грубовато, поэтому применим фильтр Gaussian Blur (Размытие по Гауссу) из подменю Filter >Blur (Фильтр >Размытие), установите Radius (Радиус) равным 12. Затем на панели инструментов выберите Move (Перемещение) и сдвиньте слой таким образом, чтобы концы его касались нижней части изображения. Теперь выполните команду Filter >Distort >Spherize (Фильтр >Деформация >Сферизация) установите следующие параметры:

Amount (Количество) — 35;
Mode (Режим) — Normal (Нормальный).

Переместите объект на исходную позицию с помощью все того же Move (Перемещение).
Снова выполните команду Filter >Blur >Gaussian blur (Фильтр >Размытие >Размытие по Гауссу) на сей раз установите Radius (Радиус) равным 6.

~* Шаг 4*~

Выполните команду Layer >New >Layer (Слой >Новый >Слой), выберите инструмент Brush (Кисть) в панели инструментов, либо нажмите клавишу B. В его опциях установите Opacity (Непрозрачность) — 18%, Flow (Поток) — 26%, Hardness (Жесткость) — 0. Установите цвет переднего плана (Foreground Color) как #000000. В нижней части изображения проведите прямую линию. В палитре Layers (Слои) измените Opacity (Непрозрачность) текущего слоя, выставив 67%.

~* Шаг 5*~

Пришло время самих элементов под стеклом. Для начала создайте новое изображение 10x10 px. Выполните команду Layer >New >Layer (Слой >Новый >Слой). Выберите инструмент Brush (Кисть) установите ее Size (Размер) равным 2 px, Hardness (Жесткость) — 0.

Нарисуйте крест, затем выполните команду Edit >Define Pattern (Редактирование >Определить образец). Вернитесь к изображению, на котором мы создаем эффект стекла. Создайте на нем новый слой и разместите его таким образом, чтобы он располагался ниже слоев, к которым мы применяли Gaussian Blur (Размытие по Гауссу).

Сделайте активным инструмент Rectangular Marquee (Прямоугольное выделение) и создайте выделение в соответствии с размером засветленного участка изображения, который собственно и создает эффект блеска стекла. Теперь выполните команду Edit >Fill (Редактирование >Заполнение), в соответствующем диалоговом окне найдите строку Use (Использовать) и выберите из выпадающего меню Pattern (Образец), обратите внимание на строку Custom Pattern (Выборочный образец) здесь вам нужно выбрать из списка недавно созданный вами крестик. Нажмите Ok.

Произойдет заполнение слоя выбранным образцом. Установите Opacity (Непрозрачность) слоя равным 9 %. Выполните команду Filter >Distort >Pinch (Фильтр >Деформация >Дисторсия), данный фильтр создает в центре изображения выпуклую или вогнутую область, что нам и нужно.

Установите единственное изменяемое значение на 34. Теперь выполните команду Filter >Distort >Polar Coordinates (Фильтр >Деформация >Полярные координаты), никаких параметров здесь изменять не нужно, просто нажмите Ok. Появится некое подобие паутины. Для того, чтобы сгладить края поработайте инструментом Eraser (Ластик)

.~* Шаг 6*~

Соедините все слои, поставив возле необходимых слоев скрепку, затем нажмите Ctrl+T для свободной трансформации. Измените ширину и высоту, установив их равными 80%.

Создайте новый слой, расположите его ниже всех остальных слоев. Заполните его цветом #3E3E3E.
С помощью Elliptical Marquee (Эллиптическое выделение) создайте на новом слое создайте выделение, отсеките его часть используя клавишу Alt и любой из инструментов выделения.

Заполните область темно-серым цветом, таким образом вы создадите одну часть (правую или левую зависит от вашего выбора) крышки для нашей стеклянной конструкции. Выполните команду Layer >Layer Style >Gradient Overlay (Слой >Стиль слоя >Наложение Градиента), установите градиент от черного к темно-серому, и измените следующие параметры:

Blend Mode (Режим смешивания) — Normal (Нормальный);

Opacity (Непрозрачность) — 81%;

Style (Стиль) — Linear (Линейный), флажок Align with Layer (Равнение по слою) должен быть установлен;

Angle (Угол) — 171;

Scale (Масштаб) — 150%.

Теперь выполните команду Layer >Layer Style >Drop Shadow (Слой >Стиль слоя >Отбросить тень) со следующими параметрами:

Blend Mode (Режим смешивания) — Multiply (Множественный);

Opacity (Непрозрачность) — 73%;

Angle (Угол) — 120, флажок Use Global Light (Использовать Глобальны Свет) должен быть снят.

Distance (Дистанция) — 1;

Spread (Распространение) — 0;

Size (Размер) — 10.

С помощью все того же инструмента Elliptical Marquee (Эллиптическое выделение) создайте белую линию на отдельном слое, чтобы она не выбивалась своей контрастностью, измените Opacity (Непрозрачность) слоя в меньшую сторону. Снова создайте новый слой. Сделайте активным инструмент Brush (Кисть) и нарисуйте блик, затем выполните команду Filter >Blur >Gaussian Blur (Фильтр >Размытие >Размытие по Гауссу) и установите Radius (Радиус) равным 2,7.

~* Шаг 7*~

Объедините все слои с крышкой (сделать это можно, например последовательно нажимая Ctrl+E ). Выполните команду Layer >Duplicate layer (Слой >Дублировать слой), затем Edit >Transform >Flip Horizontal (Редактирование >Трансформация >Отразить горизонтально). Сделайте активным инструмент Move (Перемещение) и переместите "крышку" на противоположный край нашего объекта.

Нарисуйте еще две линии, как на рисунке 5

Искажения проводились фильтром Liquify (Ctrl+Shift+X).
Выберите инструмент Elliptical Marquee (Эллиптическое выделение) и создайте выделение в нижней части изображения, мы делаем отверстие откуда исходят созданные ранее линии. По завершении создания выделения щелкните по нему правой кнопкой мыши и выберите строку Stroke (Обвести), установите размер 3, нажмите Ok. Примените стиль Bevel and Emboss (Фаска и Рельеф):

Depth (Глубина) — 91%;

Size (Размер) — 6.

Создайте еще одно выделение меньшего размера и примените по аналогии тот же стиль. Используя инструмент Eraser (Ластик) сотрите область как на рисунке 6.

Сделайте черную "подложку" используя инструмент Rectangular Marquee (Прямоугольное выделение) и трансформацию выбора.

Нажмите клавишу V для активации инструмента Move (Перемещение) и удерживая клавишу Alt сделайте копию слоя с отверстием, переместите его к противоположной линии.

~* Шаг 8*~

Создайте верхние отверстия используя ту же технику, описанную выше. Добавьте ваш фирменный текст. Для того чтобы он располагался под стеклом, необходимо размещать соответствующие слои под слоем с засветлением. "выпуклые элементы" созданы с помощью Rectangular Marquee (Прямоугольное выделение) и Reflected Gradient (Отраженный градиент). Для создания стеклянных кнопок вам понадобятся инструменты Elliptical Marquee (Эллиптическое выделение) и Dodge (Осветление).

Источник: http://www.cc-studio.ru/

Разделы: Уроки фотошоп | Эффекты | Дизайн | Обработка фото | Основы Photoshop

Time Waits For No One
 
Форум о uCoz и Web » Компьютерная графика » Уроки фотошопа » Рисуем стеклянную емкость в Photoshop CS
Страница 1 из 11
Поиск: