• Авторизация


Стеклянный шар 12-11-2005 08:58 к комментариям - к полной версии - понравилось!


взято с сайта: http://www.demiart.ru/
ссылка на сам урок: http://demiart.ru/forum/index.php?showtopic=2426

вот, что у нас получится в итоге:
[показать]


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

Урок разделен на 5 основных частей:

* Подготовка и рисование основного круга (шаги 1 и 2)
* Заполнение градиентами и применение стилей слоев (шаги с 3 по 6)
* Добавление блика (шаг 7)
* Добавление тени (шаг 8)
* Внесение искажений (шаг 9)

Шаг 1. Подготовка

Скачайте к себе на компьютер исходное
изображение. Откройте его в Photoshop.

Добавьте новый слой, нажав кнопку Create a new layer ( [показать]). Сделайте круглое выделение с помощью инструмента Elliptical Marquee (
[показать]) (нажмите и удерживайте при этом Shift, чтобы получить "правильный" круг, без линейных искажений), примерно в той области и того размера, как показано ниже:

[показать]

Шаг 2. Заливка выделения базовым цветом

Щелкаем мышкой на цвете переднего плана (выделено красным на скриншоте):
[показать]
В появившемся окне выбора цвета (Color Picker) выбираем цвет D6D3C0 (на скриншоте поле выделено как A):
[показать]Выбираем инструмент Paint Bucket, и заливаем выделение выбранным цветом.
Жмем Ctrl+D, чтобы снять выделение (На Mac'ах вместо этого жмем Command+D), того же эффекта добиваемся через меню Select/Deselect.

Шаг 3. Добавляем стили стоев

На панели слоев щелкаем на кнопочку Add a Layer Style ( [показать]), выбираем из списка пункт Inner Shadow, и используем следующие параметры (обратите внимание, что выбран белый цвет тени):
[показать]
Результат должен выглядеть так:
[показать]

Шаг 4. Добавляем градиенты

Добавьте новый слой, нажав кнопочку Create a new layer [показать]. Сгруппируйте его с предыдущем слоем: Ctrl+G (Command+G для Mac), или если вы используете Photoshop CS2 - Ctrl+Alt+G (Command+Option+G для Mac). Все находящееся на этом новом слое будет влиять только на ниженаходящийся слой, фоновый слой не будет затронут.

Измените цвет фона на 65645F. Теперь нарисуем градиент используя текущие цвета переднего/заднего плана. Выбираем иснтрумент Gradient Tool [показать](если он не виден на панели, посмотрите под инструментом Paint Bucket Tool [показать]). На панели опций инструмента должен быть выбран линейный градиент (B) и выбрана опция Reverse (C) (остальные параметры оставляем по умолчанию):
[показать]
Если на этой панели не отображается градиент с нашими цветами переднего/заднего плана ( [показать]), нужно выбрать его из имеющегося списка в (A).

Рисуем градиент как показано на скриншоте (от красной точки до синей):
[показать]
Должен получиться такой результат:
[показать]
Нажимаем D на клавиатуре, чтобы установить цвета по умолчанию: [показать]
Добавляем маску слоя, нажав на кнопочку Add Layer Mask [показать]. Не пугайтесь, что цвета переднего и заднего плана при этом поменяются местами, так и должно быть. Если текущие цвета выглядят не так: [показать], нужно их поменять местами, нажав на двойную стрелочку [показать]
Выбираем радиальный градиент на панели опций текущего инструмента [показать](эта кнопочка находится около линейного градиента, отмеченного B на предыдущем скриншоте).

Рисуем радиальный градиент на маске слоя (на панели слоев она должна быть отмечена двойной рамочкой). Начальная точка при создании этого градиента должна быть внутри нашего шара, а конечная - за ним. Должна получиться следующая картина:
[показать]

Шаг 5. Опять добавляем стили слоев

Нам нужно сделать дубликат слоя Layer 1. Для этого мышкой жмем на превьюшке этого слоя на панели слоев и не отпуская кнопки мыши, тащим слой (A) до кнопки Create a new layer [показать], после чего отпускаем кнопку мыши:
[показать]
Примечание: Photoshop CS2 поменяет при этом слой Layer 2 со сгруппированного на обычный. Для исправления ситуации необходимо сделать слой Layer 2 активным (щелкаем на превьюшке), и нажать Ctrl+G (Command+G для Mac). Повторюсь, это нужно делать лишь в Photoshop CS2.

Теперь нам нужно передвинуть один из двух дублирующихся слоев (у нас их сейчас два - Layer 1 и Layer 1 copy) поверх остальных. Для этого жмем мышкой на слой Layer 1 и тащим его (B) наверх. Тащить нужно до монента, пока черная линия не появится над верхним слоем, потом отпускаем кнопку мыши:
[показать]
Убеждаемся, что этот слой является активным (слева от превьюшки слоя должна отображаться кисточка), и уменьшаем Fill до нуля (A), затем - двойной щелчек по иконке Layer Style [показать]этого слоя (B):
[показать]
Применяем к слою следующие эффекты, обратите внимание на способ наложения (Blend Mode), цвет и признак Use Global Light:

Inner Shadow
[показать]
Inner Glow
[показать]
После всех манипуляций должно получиться следующее:
[показать]

Шаг 6. Добавление объема

Добавляем новый слой ( [показать]). Выбираем инструмент Brush Tool ( [показать]). Нам необходима довольно большая кисть с мягкими краями. На панели опций сверху меняем параметры кисти: диаметр 150px, жесткость 0%:
[показать]
Установливаем белый цвет переднего плана.
Ставим кистью один раз "пятно" в центре нашего шара в новом уровне (Layer 3). Размываем полученное пятно: меню Filter/Effects/Gaussian Blur, радиус 25.

Примечание: т.к. мы размыли белую точку, за пределами области, которую мы определили для нашего стекляного шара, появились частично белые пиксели на слое Layer 3. Лишнее необходимо отсечь, для этого воспользуемся довольно простым приемом:

Пока слой Layer 3 остается активным, щелкаем мышью на превьюшке слоя Layer 1, удерживая при этом Ctrl (Command+клик для Mac). Этим мы создаем выделение на слое Layer 3, совпадающее с кругом на слое Layer 1. Теперь создаем маску слоя - жмем на кнопочку Add Layer Mask [показать]на панели слоев. Таким образом мы делаем невидимыми все пиксели за пределами выделение на слое Layer 3.

Теперь добавим прозрачности слою Layer 3 (уменьшаем opacity до 30%). Следующий скриншот показывает, как у нас должна выглядеть панель слоев на данный момент:
[показать]

Шаг 7. Создаем блик
Добавляем новый слой ( [показать]).

Выбираем инструмент Brush Tool и выбираем в его настройках жесткую кисточку с диаметром около 20. Устанавливаем цвет переднего плана белым, или очень светлым желтым (например FFFFE8). Ставим блик на шаре:
[показать]
Размываем с помощью фильтра Gaussian Blur (меню Effects/Blur/Gaussian Blur) с маленьким радиусом - 0.5.

Добавляем стили для слоя (кнопка Add a Layer Style [показать]). Добавляем эффект Outer Glow со следующими параметрами:
[показать]

Шаг 8. Добавляем тень

Переходим на слой Layer 1 copy (щелкаем на нем в панели слоев). Снижаем Fill до 25%:
[показать]

Вот он, магический момент появления стеклянного шара!

[показать]
На этом этапе можно поиграться параметрами эффектов слоев, для получения большего или меньшего свечения по краям шара.

Теперь создадим тень. Делаем активным фоновый слой с газетой, создаем новый слой ( [показать]).

Опять создаем выделение по границам шара. При активном слое Layer 5, щелкаем на слое Layer 1 (или Layer 1 copy) при нажатой клавише Ctrl (Command+клик для Mac). Нажимаем D, чтобы установить цвета по умолчанию: [показать]Выбираем инструмент Gradient Tool ( [показать]). В опциях выбираем радиальный градиент (B), инверсию (C), и тип градиента - от прозрачного до цвета фона (A и D):
[показать]
Рисуем градиент (от центра до края выделения).

Теперь с помощью функции Free Transform (находится в меню Edit, или просто Ctrl+T) "положим" тень на газету. Для этого опустите верхний край, пока не получите внешнего вида, как на рисунке B:
[показать] [показать]
Снимаем выделение (Ctrl+D), и передвигаем тень вправо с помощью Move Tool ( [показать]).

Теперь нужно сделать тень не такой контрастной. Добавляем прозрачности к слою (opacity = 50%), и немного размываем саму тень (фильтр Filter/Blur/Gaussian Blur с радиусом 2):
[показать] [показать]


Шаг 9. Деформация изображения, преломляемого шаром

Теперь нам нужно деформировать часть фоновой картинки и тени, которые видно сквозь шар. Делаем активным слой Layer 5 (с тенью), и создаем выделение по краю сферы (клик на слой Layer 1 или Layer 1 copy при нажатом Ctrl). Применяем фильтр Spherize (меню Filter/Distort/Spherize) со значением 100%, режим Normal. То же самое проделываем с фоном (делаем его активным - Ctrl+F, применяем Spherize).


Результат:

[показать]

Теперь последний штрих: немного деформируем блик в верхней части шара.

Переходим на слой Layer 4, трансформируем (Ctrl+T) с параметрами 65% горизонтального масштаба и 45 градусов поворота, дважды жмем Enter:

[показать]


Финал:


[показать]
вверх^ к полной версии понравилось! в evernote
Комментарии (45): вперёд»
varuhka05 12-11-2005-10:02 удалить
а у меня почему то нет таблички которая в 3 шаге самая первая
Dfyz007 12-11-2005-12:15 удалить
varuhka05, двойным щелчком по слою изображения. и эта табличка откроется
Abeja 12-11-2005-15:49 удалить
отпад!!! пошла пробовать!!! огромное сенькс!

LI 5.8.22
deep_black 13-11-2005-00:02 удалить
большое спасибо за урок, очень понравилось!
А в какой версии фотошопа вы это создавали? У меня седьмая, и там начиная с третьего шага октрывающееся окно СТИЛЬ СЛОЯ выглядит вообще не так - нет половины параметров, и результата такого же добиться просто не получается.
Глупая_Крыська, в семерке точно так же все выглядит.
deep_black 13-11-2005-11:44 удалить
это окно можно вызвать др способом, также встав на слой нажать Layer/Layer Style/... а дальше выбираем тот эффект, который нужен
Dfyz007 13-11-2005-11:51 удалить
deep_black, да способов то много, факт в том, что это окно есть!
grain-dara 13-11-2005-11:55 удалить
Dfyz007, Самой нравится!:) Только на сайте, где висит этот урок, мне сказали, что блик и тень друг другу не соответствуют, это так7
Dfyz007 13-11-2005-12:59 удалить
Karone, они правы, в общем у тебя судя по блику свет идет слева сверху, т.е. тень должна падать направо немного, а у тебя тень падает так, как будно источник света находится справа, а не слева =)
varuhka05 15-11-2005-15:52 удалить
скажите.вот есть фотошопы 6.0 7.0 8.0 и т.д. а у меня CS это значит самый отстойный?
Dfyz007 15-11-2005-16:47 удалить
varuhka05, скажем =): идет 6.0 затем 7.0, а затем 8.0 или как его еще называют CS, а еще дальше идет 9.0 или CS2
вот такая математика
varuhka05 15-11-2005-18:04 удалить
о тык у меня ещё не самый отстой
Dfyz007 15-11-2005-21:10 удалить
varuhka05, ну ваще вроде как и нет... =)
а у меня почему-то не получилось((( и я не понимаю. почему((( начала сомневаться с градиента...
Dfyz007 16-11-2005-17:16 удалить
Жендосина, получается ене так, или вообще не получается?
ваще не получаецца((((
я када сделала этот шар, то он у меня не хотел делать эффекты, то я сделала вдругом окне и перенесла на этот
Spawn 17-11-2005-21:44 удалить
Блин,у меня с пятого шага,где применяем два стиля,все по-другому:(И вот получается только так,почему у меня эта светлая часть сверху,а не снизу?
[640x480]
Dfyz007 19-11-2005-14:31 удалить
Spawn, там в некоторых местах может быть ошибка, если что. пиши в асю, там объясню: 199800095
Dfyz007 20-11-2005-00:26 удалить
ВОТ_ТАКАЯ_, здорово получилось! =)))
Спасибо)))) Билась правда очень долго, никак не хотел получаться, только что вот нарисовала ещё один, уже с лёгкостью.))) Боже мой, хоть чего то я теперь умею!)))) Большое спасибо за урок!)))

LI 5.09.15
SunFlower13 24-11-2005-09:38 удалить
Сгруппируйте его с предыдущем слоем: Ctrl+G (Command+G для Mac), или если вы используете Photoshop CS2 - Ctrl+Alt+G (Command+Option+G для Mac).

А как-нибудь еще это можно сделать?
ЭНИО 27-11-2005-16:19 удалить
а у меня вот что получилось))
[600x450]
Хорошо получилось.))) Только чёрный фон не совсем удачный, плохо видно верх шара, а на светлом (на книге) отлично!)))

LI 5.09.15
ЭНИО 27-11-2005-19:49 удалить
а мне даже нравится..... на таком фоне.у меня и на других есть,но этот мне больше нравится.
у меня вот что получилось
[640x480]


Комментарии (45): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Стеклянный шар | Photoshopia - Фотошоп и Я | Лента друзей Photoshopia / Полная версия Добавить в друзья Страницы: раньше»