Меню сайта
В избранное
* Главная страница
* Уроки Photoshop
* Архив аватарок
* КОНКУРСЫ (new)
* Рамки для фото
* Шрифты
* Кисти
* Видео уроки(скоро)
* Уроки рисования карандашом
* Добавить урок (new)
* О сайте
* Гостевая книга
* Обратная связь(new)
Новинки
Скачать все Аватарки в одном архиве(8,12Mb)
---------
Скачать все кисти в одном архиве(206,09Mb)
---------
Скачать все рамки в одном архиве(67,6Mb)
---------
Скачать все шрифты в одном архиве(38,58Mb)
Объявления
Последнее с форума:
Лучшие уроки фотошоп, все для Photoshop

Уроки фотошоп - Photoshop CS



Рисуем стеклянный шар


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

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

1) Подготовка фона и создание основной формы (шаг 1 и 2)
2) Заполнение формы градиеном и выставление стиля слоя (шаг 3 до 6)
3) Добавление эффекта света (шаг 7)
4) Добавление тени (шаг 8)
5) Добавление искажений (шаг 9)

Некоторые важные вещи, которые нужно знать об этом уроке:

Учебник рекомендуется только для людей со средним и высоким опытом работы в Photoshop.
Учебник был испытан много раз нами и многими другими людьми, и мы уверены, что он не содержит никаких ошибок
Важно, чтобы вы читали очень внимательно и скопировали все, что показано на скриншотах
Слишком быстрое чтение данного урока скорее всего приведет к плохому результату.
Эффект представляет собой полый стеклянный шарик.

1. Подготовка документа

Сохраните файл c названием Newspaper на вашем компьютере (нажмите правой кнопкой мыши на ссылке и выберите в Windows Сохранить объект как ...).
Для этого урока я решил использовать довольно небольшой файл (640x480 пикселей), просто чтобы было легче увидеть, что вы делаете.
Откройте файл в Photoshop. Добавить новый слой, щелкнув на Create a new layer(). Возьмите инструмент Elliptical Marquee() из панели инструментов и выделите (удерживайте нажатой Клавишу Shift), чтобы получилось примерно так же, как показано у меня:

2. Заполните выделение основного цвета в стеклянном шаре
Нажмите на цвет переднего плана в панели инструментов, отмечено красным на этом скриншоте:

В окне Color Picker , которое откроется, вводите значения D6D3C0 в отмечанной области:

Возьмите Paint Bucket Tool() и залейте этим цветом.
Нажмите Ctrl + D (Command + D на Mac), чтобы избавиться от выделения. Вы также можете использовать меню, чтобы сделать это: Select/Deselect.

3. Добавить стиль слоя Перейдите на палитру слоев и нажмите на иконку Add a Layer Style() и выберите Inner Shadow, используйте настройки, показанные здесь (будьте внимательны: выбран белый цвет):

Результат должен выглядеть следующим образом:

4. Добавить градиент
Добавить новый слой, щелкнув на Create a new layer(). Смешайте этот слой со слоем под ним, нажав Ctrl + G (Command + G на Mac) или Ctrl + Alt + G (Command + Option + G на Mac), если вы используете Photoshop CS2.
Смешивания слоев влияет только на нижний слой. Скоро вы увидите о чем я говорю.
Измените цвет фона в панели инструментов, используйте цвет: 65645F. Теперь мы будем рисовать градиентом, используя передний и задний фон. Выберите Gradient Tool() на панели инструментов.
Посмотрите на след. скрин. Убедитесь что выбран линейный градиент (B) на панели. И что опция Reverse (C) включена. (Mode должен быть Normal, Opacity 100%,все остальное как у меня)

Если вы не видите градиент, который используется таким , то щелкните два раза на градиент на панели опций (A) и выберите градиент из списка (скорее всего он будет первым) и нажмите кнопку ОК .
Начните в центре, где вы видите красную точку и закончите где видите синюю точку (перед областью, где основной цвет становится светлее).

Результат должен выглядеть следующим образом:

Нажмите букву D на клавиатуре чтобы сделать черный цвет передним планом, белый цвет фоновым:
Добавте маску слоя, щелкнув на Add Layer Mask(). Не волнуйтесь, если переключается между передним планом и цветом фона, когда вы это сделаете, это нормальное поведение фотошопа. Примечание: Если передний план и фон выглядит так - , после добавления маски, то все нормально. Если они переключились, то просто нажмите на значок двойной стрелки () исправив эту ситуацию.
Gradient Tool-по прежнему активен, но в этот раз мы должны использовать Radial Gradient. Выберите Radial Gradient () на панели опций.
Маска слоя по прежнему активна, создадим радиальный градиент, начав в середине и закончив на другом краю нашей круглой формы.
У вас должно получится что то вроде этого:

5. Добавляем больше слоев-стилей

Теперь мы будем дублировать наш Layer 1. Щелкните на иконке в палитре слоев, удерживая нажатой кнопку мыши и перетащите (А) слой на Create a new layer() значок и отпустите кнопку мыши.
Следующим шагом является перемещение этого экземпляра (который стал теперь слой с именем layer 1) к началу нашей палитры слоев, нажмите на Layer 1 и перетащить (B) вплоть до появления черной линии над верхним слоем. В этот момент отпустите кнопку мыши.

==================================================

Предупреждение для пользователей Photoshop CS2 или более поздних версий: выясняется, что Photoshop CS2 измененяет Layer 2 к нормальному состоянию, при котором не сливается, когда мы дублируем Layer 1. Чтобы исправить это убедитесь, что Layer 2 активный и нажмите Ctrl + Alt + G (Command + Option + G на Mac). Опять же, это должно быть сделано только в Photoshop CS2.

==================================================

Убедитесь, что слой (наш новый верхний слой) активен (вы увидите перед ним - ).
Установить Fill этого слоя до 0% (A), а затем дважды щелкните по иконке Layer Style (B), чтобы изменить стиль этого слоя:

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

Inner Shadow
(обратите особое внимание на опцию Use Global Light, потому что она не выбрана! Также обратите внимание, что у нас есть черный прямоугольник рядом с Blend Mode; дважды щелкните по нему, если у вас не черный, чтобы изменить его цвет на черный!)

Inner Glow

После этого наше изображение должно выглядеть примерно так:

6. Добавить больше объема
Добавить новый слой, щелкнув на Create a new layer ().
Выберите Brush Tool () на панели инструментов.
Нажмите на область панели опций, как у меня, отмеченную красным и выберите 150px кисть, с Hardness 0%, это самая мягкая кисть, её можно использовать.

Установите цвет переднего плана как белый.
Нажмите один раз с этой кистью ровно в середине нового слоя (Layer 3). Теперь перейдите в меню и выберите Filter / Effects / Gaussian Blur ... и выберите Radius 25 и нажмите кнопку ОК.

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

7. Создайте выделение

Добавьте новый слой в Photoshop, нажав на Create a new layer(), и назовите Layer 4.
Выберите Brush Tool () и используйте жесткие щетки (hardness(твердость) 100%) с size(размером) 20. Изменените цвета на белый (или очень слабо желтый с использованием значения FFFFE8).
Поставьте точку в том месте как показано здесь:

Зайдите в меню и выбирать Effects / Blur / Gaussian Blur ... и выберите small radius(малого радиуса) .5 и нажмите кнопку ОК.
Перейти на палитре слоев и нажмите на иконку Add a Layer Style (),что бы добавить слой стиль и выбрать эффект Outer Glow, используйте настройки как показано здесь:

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

Во первых сделайте Layer 1 copy (над фоновым слоем) активным слоем, нажав на него. Теперь установите Fill этого слоя на 25% Вы заметите, что при этом, мы приближаемся к окончательному результату:

Если нижняя часть слишком яркая (отмечено стрелкой), то просто выберите Layer Style Layer 1 copy и уменьшите opacity(прозрачность) эффекта Inner Shadow (или увеличить, если это поможет).
Теперь нажмите на фоновый слой, который с изображением газеты, чтобы сделать его активным.
Добавьте новый слой, щелкнув на Create a new layer.
При этом Делаем слой акивным (Layer 5) щелкаем Ctrl + Click (Command + клик) на thumbnail(эскизе) слоя выше (с стеклянным шаром, Layer 1 copy).
Нажмите букву D на клавиатуре, чтобы сделать черного цвета на переднем плане,а цвет фона белый
Теперь мы будем рисовать градиентом, используя текущий цвет переднего плана (черный) в сочетании с прозрачностью. Выберите Gradient Tool на панели инструментов.
Убедитесь, что выбран Radial Gradient (B) на панели опций,и Reverse (C).

Если вы не видите градиент в настройках (А), который выглядит как переход от черного до прозрачности,дважды щелкните на градиент на панели опций (A) и выберите градиент из списка (справа от D) и нажмите кнопку ОК.
Нарисуйте градиент, начиная с середины вашего выделения и заканчивая на краю.
Теперь мы собираемся превратить этот выбор в эллиптическую форму с помощью инструмента преобразования. Перейти в меню Edit / Free Transform или нажмите Ctrl + T (Command + T на Mac). Появится Прямоугольный квадрат с 8 точками.
Теперь вытяните верхнюю точку вниз к центру (см. A), пока у вас не будет формы, которая похожа на (B).
Теперь нажмите Enter на клавиатуре, чтобы завершить преобразование и нажмите Ctrl + D (Command + D на Mac), чтобы избавиться от выделения. Вы также можете использовать меню, чтобы снять выделение: Select/Deselect.

Теперь мы должны двигать эту тень вправо (B). Имейте в виду, что стрелка только отмечает направление, а не расстояние.
Выберите Move Tool () в панели инструментов.
Чтобы переместить, нажмите кнопку на форме, удерживая кнопку мыши, переместите форму в нужное место. Взгляните на скриншот (С) чтобы увидеть, как вы должны разместить эту тень. Если ваша тень прыгает, когда вы попробуете переместить ее, перейдите в главное меню и выберите View и убедитесь, что Snap отключено:

Теперь измените opacity этого слоя до 50%. В меню выбираем Filter / Blur / Gaussian Blur ... и выберите radius 2 и нажмите кнопку ОК. Ниже вы можете видеть, как это должно выглядеть: После того как вы сделали все шаги (в данном скриншоте я отметил цвет тени, слой с желтым).

9. Деформируем внутри стеклянный шарик и тень

В этом последнем шаге мы будем деформировать изображение внутри стеклянного шара. Убедитесь, что слой с тенью (layer 5) по-прежнему активен и нажмите Ctrl + клик(Command + клик) на эскизе слоя выше (Layer 1 copy). В результате выделите 5 слоев, что на основе этого стеклянного шара (как мы сделали в шаге 8). Теперь в меню и выберите Filter / Distort / Spherize ... Выберите значение 100%, и убедитесь, что выбран Normal режим(Mode). Нажмите кнопку ОК. Тень теперь деформирована.

Сделайте активным фоновый слой и нажмите Ctrl + F (Command + F на Mac).
Примечание: Ctrl + F всегда будет применять фильтр, который использовался ранее, в нашем случае Spherize.
Это было нашим последним шагом, ниже результат:

Обновление урока - Улучшение светового эффекта

В этом обновлении мы собираемся улучшить световой эффект. Нажмите на Layer 4, который содержит наш эффект, чтобы сделать его активным.
Сейчас мы собираемся подчеркнуть этот эффект, нажав Ctrl + T (Command + T на Mac) ,вводим значение 65% по Horizontal Scale (А) и значение 45 для Rotation (B) и дважды нажмите клавишу ВВОД:

Это позволяет выделить больше внимания на переднюю часть мяча:

Заключительное слово

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

Также помните, что когда вы деформировали тени или внутренности шара, вы не в состоянии двигать шар, так как деформации, конечно, "связаны" с задним планом. Поэтому убедитесь, что стеклянный шар находится в правильном месте, прежде чем вы начнете с деформации. Убедитесь, что ваш фон не ровный. Реальный стеклянный шарик не выглядит круто на белом листе бумаги, перед белой стеной. Всегда старайтесь использовать условия для укрепления эффекта, чтобы сделать результаты более реалистичными.

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

Это целое учебное пособие следует рассматривать как шаг в правильном направлении.

Если вам нравится конечный результат, вы солидарны со мной. Но всегда найдутся люди, которые хотели бы воспользоваться этим уроком и усовершенствовать его. Мой совет; купите стеклянный шар. Это лучший способ исследования что подчеркнуть, теней и отражений, которые могут быть сложнее в разы.

Надеюсь, вам понравился этот урок.

Автор: www.lunacore.com
Перевод: Уроки фотошопа от www.pscs.ru
!!!ВНИМАНИЕ!!! При копировании урока, активная ссылка на сайт переводчика(www.pscs.ru) обязательна!
!!!Тема на нашем форуме ТУТ

Статистика статьи


Дата размещения: 2009-12-09
Средняя оценка: 4.6
Количество голосовавших: 54
Количество просмотров: 15678




Оцените статью по пятибальной системе:
5 баллов || 4 балла || 3 балла || 2 балла || 1 балл

Добавить комментарий
*Введите Имя

Введите E-mail

*Текст комментария

*Введите цифры которые изображены на картинке


Внимание! Поля помеченные |*| Обязательны для заполнения!


Администратор(Павел) || e-mail: driver0505@mail.ru || Дата: 2009-12-09 || Время: 10:55:07
Народ, очень извиняюсь если где то есть непонятки и не точности. Если гдето хромает перевод - пишите в комментариях. Будем работать над качеством. Оставляйте комментарии, у кого что получилось и тд. Буду рад любым отзывам



Copyright © 2007-2008 by Павел . Разрешается републикация материалов сайта в Интернете с обязательным указанием ссылки на сайт "Уроки Photoshop" http://www.pscs.ru
Если вы усматриваете какие либо нарушения/ущемления авторских прав, то просим сообщить на driver0505(@)mail.ru. Мы уважаем и ценим авторские права!

Бесплатные уроки фотошоп, photoshop cs
Реклама


Поиск по сайту
Введите запрос на поиск, например название урока
 

Статистика

Статистика :
Количество уроков : 126
Количество рамок: 139
Количество шрифтов: 1273
Количество кистей: 311


Rambler's Top100
Карта сайта