Данный урок предназначен в первую очередь для изучения всех особенностей использования текстуры, а также добавления правильных бликов, рефлексов и отражений. Надеемся после его прохождения у Вас уже не возникнет никаких трудностей с этим. Внимание трафик
Шаг 1
Для начала открываем Photoshop, создаем новый документ, размером 1200px на 960px и 300 pixels/inch. Затем рисуем овал (круг) и ставим направляющие по вертикали и горизонтали.
Цвет заднего фона не является важным, потому что он будет создаваться на новом слое. За исходник будем использовать эту текстуру. После того как скопируем ее с браузера, вставляем в наш документ. Жмем Ctrl + T для свободной трансформации, и меняем размер, потом Ctrl + 0 для повторного изменения размера, чтобы показать всю область преобразования. Наводим курсор на верхний угол и зажимаем Shift, при этом растягиваем нашу текстуру до момента пока она не станет немного больше, чем наша рабочая область. Двойным щелчком по Zoom Tool и размер в 100%.
Шаг 2
Берем инструмент Clone Stamp Tool, кисть приблизительно 200 pixel с 0% Hardness. Жмем Alt и замечаем, как изменился наш курсор, это типичный пример для выделения с помощью Stamp Tool.
Избавляемся от некорректной текстуры. В области, где она более чистая зажимаем Alt и кликаем. Отпустив кнопку, возвращаемся к Stamp Tool. И рисуем в зоне некорректной текстуры. Повторяем процесс, пока не добьемся нужного нам результата.
Шаг 3
В данном шаге мы смешаем 2 текстуры вместе, потому что эффект приобретенный после первого процесса не очень нас устраивает.
Копируем и вставляем текстуру вверх, меняем размер, используя тот же метод что и в Шаге 1. В режиме смешивания слоев выбираем Multiply. Выделяем наш слой, и идем Filter > Noise > Median радиус ставим 3px.
Шаг 4
Теперь красим фон и ретушируем его. Сначала обесцветим его, используя Hue/Saturation Adjustment Layer, а затем перетаскиваем на верх остальных слоев. (Внизу на панели Слоев жмем контрастный кружок).
Настройки обесцвечивания ставим на 0%. Используя правящий слой, мы в любой момент можем поменять настройки.
Добавляем Solid Color Fill Layer для того чтоб раскрасить фон (кружок внизу панели Слоев). Выбираем Solid Color который размещен в самом верху появившегося меню. Используем цвет #5d5941, а режим смешивания ставим Soft Light.
Вверху слева будит находится наш источник света, сейчас мы займемся тенями, светом, и их восприятием. Для этого создаем новый слой, ставим его поверх зеленоватого и при этом заливаем его белым цветом. Жмем D и Ctrl + Backspace , чтобы залить задний фон белым цветом.
Думаю для создания освещения и добавки света, мы используем Gradient Tool + разные режимы смешивания. Используем Gradient Tool так, как показано ниже на рисунке. Режим смешивания Overlay и Opacity 65%.
Шаг 5
Создаем новый слой и даем ему имя «orb bg.». Находим Elliptical Marquee Tool, зажимаем Shift + Alt , и растягиваем в середине документа. После того как мы создали выделение с диаметром 700px, делаем заливку белым цветом.
Находим в интернете рисунки по запросу «marble sphere.». Наш шар должен выглядеть старым и древним.
Скачиваем текстуру. Копируем и вставляем текстуру, меняем размер, и делаем тоже что и в Шаге 1.
Делаем выделение шаровидной формы, зажав Ctrl и кликнув по иконке слоя. Текстура должна бить по размерам сферы, и что бы не вылазила за края.
Выделение у нас еще активно, жмем Ctrl + Shift + I, чтобы изменить выделение. На панели Слоев выбираем слоя с текстурой и нажимаем Backspace. (пару раз).
Шаг 6
Пока у нас есть не достаточно реальная сфера с текстурой мрамора и для того чтоб она стала более реалистичной начинаем работать над ней. Исходник наглядного рисунка качаем тут.
Применим Spherize distortion filter. Сначала зажимаем Ctrl и кликаем по слою с текстурой чтобы выделеть наш слой. Следуем Filter > Distort > Spherize. перетаскиваем Amount на 100%, можна сделать масштаб 25% и увидеть весь эффект фильтра.
Жмем ОК. Повторяем процедуру, но теперь 50% amount.
Режим смешивания ставим Multiply и Opacity 70%.
Шаг 7
Меняем цвет сферы. Добавим Color Overlay Layer Style. Кликаем двойным щелчком по слою «orb bg» и на появившимся окне Layer Style во вкладке color overlay меняем цвет: #5db8cf. Вы сразу заметите как Сфера поменяет цвет. И у нас уже получилась отличная мраморная сфера, но ей не хватает блеска.
Шаг 8
Сейчас мы будем, придавать больше реализма и объема нашей сфере, а также блеска.
Для начала мы должны найти глянцевые сферы, или реальные изображения, со своим источником света, и своим рефлексорным сиянием.
Я использовал это изображение как наглядный рисунок, который взял с The Dimensions of Color. Копировать рефлексы в точности как на рисунке я не намерен, он будет только для наглядности.
В основном будем использовать такие инструменты как: pen tool, burn tool, gradient masks, и elliptical marquee tool иногда.
8 а
Создаем новый слой и называем его «shadow 1″. Ctrl + клик по слою «orb bg», чтобы выделеть его. Дальше идем Select > Modify > Contract и ставим 20 pixels.
Выбираем Elliptical Marquee Tool. Будем двигать курсором вверх и влево при это зажав Alt. С первого раза может не получиться, поэтому можно использовать Select > Transform Selection.
Размываем тень. Выделяем слой «shadow» , далее Ctrl + клик на слое «sphere» , получим выделение. Далее Filter > Blur > Gaussian Blur и ставим 25px. Теперь изменяем Opacity на 70%.
Выбираем Burn Tool. Ставим: highlights и exposure на 100%. Теперь нам нужно поработать над слоем «marble texture». Результат ниже.
Тень еще требует доработки. Изменим режим смешивания слоя «shadow 1″ на Soft Light. Для дублирования слоя «shadow 1″ жмем Ctrl + J. Сделаем еще несколько копий слоя «shadow 1″, нажимая Ctrl + J.
Note: Когда слои накапливаются более удобно будет их группировать по папкам. (Для этого выделяем нужную нам группу слоев и жмем Ctrl + G, создается папка в которую и размещаем наши слои). Кликнув двойным щелчком по группе мы можем переименовать ее.
8 b
Посмотрим на наш наглядный рисунок для того, что бы увидеть, как размещены на нем тени. На мой взгляд промежуточные тени придают сфере блеск. Создаем группу для средних теней. Внизу на панели Слоев, находим иконку «папка» кликаем, и создаем группу с названием «mid shadows.»
Далее выбираем Ellipse Tool. С помощью инструмента pen tool вы можете выбрать способ создания Shape Layer, Paths, или Fill Pixels. Я выбрал Paths setting который находится над главным меню программы. Создаем новый слой с настройками во вкладке Paths , в панели Слоев.
Что бы создать выделенное мы можем уже использовать форму которую создали. Кликаем вкладку Paths в панели Слоев, потом Ctrl + клик по слою с формой.Потом это выделенное мы заполним, создав новый слой.
Создаем новый слой в группе «mid shadows» и даем ему имя «midshadow 1.» Заливаем его цветом #24231b. Ctrl + D , снимаем выделение. Режим смешивания ставим Overlay и Opacity 50%. Слой двигаем ниже, и чуть правее.
Добавляем немного резкости краям, используя при этом Layer Mask, с помощью маски, можно спрятать ненужные части изображения. Добавляем маску слоя, кликнув на иконку на панели Слоев в виде квадратика с кружочком по середине.
Теперь выбираем Gradient Tool. Нам нужен черный исчезающий градиент. Изображение, которое расположено ниже, послужит вам инструкцией.
Выбираем кисть, размер которой 200px и 0% Hardness. На цвет переднего плана ставим черный и рисуем в местах красных областей, см. рисунок ниже. В каждой области, я щелкал по 7-8 раз, сложно обнаружить какие то изменения, но их можно увидеть при скрытом слое.
Теперь пришло время на создание вторых средних теней. Создаем новый слой и даем ему имя «midshadow 2.» Создаем новую форму с помощью Pen Tool. Делаем выделение, и заливаем «midshadow 2″ , после этого создаем Маску слоя.
Цвет заливки: #28271. Режим смешивания ставим Soft Light и Opacity 50%. Берем кисть с размером 200px и 0% Hardness и на новом слое с маской, убираем обе стороны на вторых тенях. Проявляем чуточку креативности, при работе с маской слоя, см. рисунок ниже.
8 с
Создаем группу и даем ей имя «highlights» и создаем новый слой внутри группы, и даем ему имя «highlight source.»
Опять смотрим наш наглядный рисунок.
Начинаем с отражения источника света. Сама форма отражения зависит только от формы источника света. Будем применять Pen Tool.
Что бы результат был естественным нужно при создании формы убедиться, что соблюдается источник света, а контуры соответствуют, и не вылазят за приделы формы.
Делаем с формы выделение и выберем слой «highlight source», заливаем белым цветом (#ffffff).
Слой все еще пока выделен, ставим Opacity 80% и используем Filter > Blur > Gaussian Blur. И ставим радиус на 0.5px.
Создаем второй слой в группе «highlights» и даем ему имя «large highlight.» Можно еще создать Маску слоя в этом слое. Делаем круглое выделение и двигаем его выше и левее нашей сферы. По диаметру выделение должно быть меньше чем сфера. Выделение слоя «large highlight» заливаем белым цветом. Режим смешивания ставим Soft Light и Opacity на 90%.
Берем кисточку с размером 500 pixels и 0% Hardness. Ниже увидите, когда я буду рисовать на Маске слоя (Я взял красную кисть, для того чтобы показать области – далее используйте для вашей работы черный). В каждой участке я кликнул где то 16 раз.
Создаем новый слой и даем ему имя «oval highlight.» Используем Маску слоя. С помощью Ellipse Tool делаем выделение. Меняем форму, она не под нужным углом, нам надо развернуть ее.
Делаем выделение по форме и делаем белую заливку на новом слое. Режим смешивания Overlay и Opacity 20%. Убираем вверху слева края у «oval highlight» используя Маску слоя и черную кисть. Размер регулируем сами.
Третий блик будет похож на первый. Для создания блика я выбрал Elliptical Marquee Tool.
Сначала создаем новый слой, и даем ему имя «second shine.» Используем Маску слоя. Создайом круговое выделение, и выделение другой формы. Зажимаем Alt чтобы вычесть небольшой круг из выделения. Кликните внизу справа на холсте и тяните вверх влево. На нашем новом слое делаем белую заливку.
Используем Filter > Blur > Gaussian Blur. Радиус 2.5. И Opacity на 50%.
Создаем новый слой в группе «highlights» и даем ему имя «abstract highlight.» Применяем Маску слоя.
Смотрим наш рисунок для наглядности.
У большинства сфер в Интернете имеются фантастические рефлексы и тени, не похожые на все остальные .
Используем Pen Tool. Ниже форма которую я использовал для выделения. Чтобы не потерять ощущения реализма нужно чтобы форма соответствовала контурам сферы, как можно луче.
Используем форму для создания выделения, потом на новом слое «abstract highlight» выделенному делаем заливку белым. Режим смешивания Overlay и Opacity 35%. Рисуем на Маске слоя, чтобы смешать все. Кисточка 200px и 0% hardness, как показано ниже на картинке рисую только в тех местах где помечено красным.
Результат
Шаг 9
Перед тем как мы пойдем дальше нужно исправить список тех вещей которые ниже.
1. Текстура размытая немного. И контраст не соответствует текстуре.
2. Свет отделен от сферы, когда должен быть ее частью.
3. Сфера нуждается в некотором разделении с фоном. Что то иное, вместо цветового контраста.
Шаг 10
Возвращаемся к слою с мраморной текстурой. Выделяем слой, чтобы он был активным. Дублируем Ctrl + J. Режим смешивания нового слоя Overlay и Opacity 40%.
Используем Маску слоя, и прячем верхнюю левую часть слоя. Так как уже наш нижний слой с текстурой уже размыт, мы спрячем главный слой с текстурой.
Берем черный цвет для переднего плана. Что бы убрать верхний левый угол, на слое с маской второго слоя с текстурой, используем gradient tool.
Шаг 11
Теперь нам нужно поработать с прозрачностью и режимами наложения слоев для того, что бы свет смотрелся более реалистично. В папке «highlights» кликнем по «large highlight,» и ставим режим смешивания Overlay и Opacity 70%.
Выделим слой «second shine» и ставим Opacity 71%.
Наш слой «oval highlight» невидимый, выделим его и ставим Opacity 37%.
Выделим слой «abstract shine» и ставим Opacity 50%.
Шаг 12
Возвращаемся к слою «orb bg». Двойным щелчком по слою «orb bg» и появиться окно Layer Style. Добавляем Drop Shadow.
Настройки:
* Blend Mode: Multiply (цвет: black #000000)
* Opacity: 99%
* Angle: 135 degrees (use global lighting)
* Distance: 53px
* Spread: 2%
* Size: 87px
Я предполагал в еще сделать рябь или кратер позади шара.
Создаем новый слой позади «orb bg» и даем ему «crater.» Длаее Ctrl + клик по слою «orb bg». Выделение должно быть, где то на 50px – 75px больше чем сама сфера. Select > Modify > Expand и ставим в настройках 55px. Цвет заднего фона ставим белый, и нажимаем Ctrl + Backspace , чтобы зделать заливку.
Теперь Filter > Blur > Gaussian Blur и ставим 25px.
Теперь мы делаем форму пончика на слое «crater», и так Ctrl + клик по слою, чтобы выделить его. Идем Select > Modify > Contract и ставим 20px. Удаляем область, и после чего мы смягчим края. Select > Refine Edge.
Настройки:
* Radius: 1px
* Contrast: 0
* Smooth: 3
* Feather: 3px
* Contrast: 0%
Жмем OK, а потом Backspace чтобы удалить выделение. Что бы создать нужную тень и свет мы должны разделить этот нечеткий пончик пополам. Берем Polygon Lasso Tool и выделим нижнюю часть слоя «crater».
На новом слое с этим выделением, жмем Ctrl + X чтобы вырезать, потом Ctrl + V чтобы вставить. Теперь нажмем Shift + I чтобы изменить цвет из белого в черный. Переименуем слой в «crater 2.» Применим к обеим слоям Маску слоя «Crater» и «Crater 2,» после чего ставим режим смешивания Soft Light. Используем градиент на маске Слоя для того что бы смягчить края обоих слоев.
Шаг 13
Сейчас мы должны сделать скважину в сфере, для ключа, который позже создадим.
Выше папки «highlights» создаем папку с названием «key hole». Создаем слой внутри и даем ему имя «split». Берем Elliptical Marquee Tool, делаем выделение и заливаем черным цветом.
Нажимаем Ctrl + клик по слою «split» для выделения слоя, если он еще не выделен. Теперь Select > Modify > Contract и ставим 5px. Далее OK и Backspace для удаления.
Создаем Маску на слое «split». Удаляем часть формы, потом убираем верхушку и основание раскола. Зоны, с которыми я работал, помечены красным.
Создаем немного свечения по краям, двойной щелчок по слою «split». В окне Layer Style создаем выделение в Advanced Blending section. Для того, что бы позволить нашей Маске скрывать любые стили, которые мы используем, выберем Layer Mask Hides Effects option
Применяем Outer Glow style с такими настройками:
* Blend Mode: Overlay
* Opacity: 81%
* Noise: 0
* Color: White (#ffffff)
* Technique: Softer
* Spread: 2%
* Size: 10px
Шаг 14
Используя Pen Tool мы создаем ключевое отверстие. Создаем новый слой в группе «key hole» с названием «key hole». Мы применяем те же процессы, для создания формы, получения выделения из формы, и заливки на новом слое.
Передвигаем наше отверстие вверх раскола. Выберем слой с отверстием и используем Edit > Transform > Warp. Меняем форму отверстия форму.
Добавляем немного света. Двойным щелчком по слою «key hole» и в появившемся окне Layer Style выберем Drop Shadow и используем такие настройки (опция «Use Global Lighting» должна быть выключена).
* Blend Mode: Overlay
* Opacity: 100%
* Angle: -90 degrees (uncheck «Use Global Light»)
* Distance: 5px
* Spread: 6%
* Size: 10px
Шаг 15
В этом этапе будем создавать ключ. Опираясь на исходник.
Исходник с ресурса www.worldofstock.com
Для начала берем Pen Tool для создания базовой формы ключа, далее добавляем деталей и реализма.
и некоторая работа над формой ключа
Теперь создаем слой в группе «key hole» с названием «key base.» Делаем выделение, используя форму (Шаг 8b). Цвет заливки: #5b4a16.
Что бы придать ключу реализма будем использовать, текстуру метала, я использовал вот эту.
Вставим текстуру на новый слой выше слоя «key base». Зажмем Alt и кликнем по слою сверху, текстура сразу же станет частью слоя находящегося ниже.
Режим смешивания слоя с металлом ставим Soft Light
Шаг 16
Для того чтобы добавить глубины, используем Drop Shadow и Bevel/Emboss эффекты. Для ключа я буду использовать комбинацию инструментов dodge и burn , фильтр liquify и стандартные кисти (чтобы добавить глубины).
16 а
Применяя Elliptical Marquee Tool, создаем выделение на выпуклости ключа. Для плоских участков я выбрал Rectangular Marquee Tool, зажав Alt чтобы вычесть из выделения часть. Теперь нам нужно повернуть контур против часовой стрелки, Select > Transform Selection поворачиваем и жмем Enter.
Дальше с выделением, идем Filter > Liquify. Используем настройки, которые расположены ниже. Также изменяем масштаб на 400% , чтобы лучше видеть что редактируем. Рисовал в центре выделения (4-5 кликов).
16 b
Редактируем вторую выпуклость, на ключе используя ту же методику что и в Шаге 16а.
16 с
Еще раз повторим ту же методику. В данной области ключ не совсем толстый, поэтому искажение не должно быть очень большим.
Шаг 17
Следующим шагом является работа на слое с текстурой при помощи инструмента Burn Tool. Этот этап требует максимальной концентрации, поскольку исправить сделанную ошибку можно будет только при помощи Истории. Отсутствует здесь также и Маска слоя.
Значительно упростит данный этап использование планшета, но так как, к сожалению, у меня его нет, то придется работать мышкой.
Для начала выберем Burn Tool с размером кисти в 17 пикселей. Hardness выставляем на 0%, Range, Midtones и Exposure на 30%.
Постепенно в процессе работы переходим от легких теней к более сложным.
17 а
Исходник ключа обладает сложным освещением, поскольку на него воздействуют не только лучи от основного источника, но и рефлексы от ближних предметов. Это придется учесть при работе.
Первым пунктом добавим яркости на одну сторону ключа и немножко затемним вторую. Сложности добавляет и сфера, ведь свет от нее также воздействует на ключ. По этому по настоящему затемненными будут лишь внутренние его части.
Надеюсь изображение ниже поможет вам немного разобраться
17 b
Продолжаем работу с Burn Tool, но уменьшаем размер кисти до 9 пикселей.
17 с
В завершение следует добавить самые темные линии. Делаются они 4 размером кисти и выставленным Range в режиме HighLights
Вот те участки где я применил максимальное затемнение (для более точной работы предварительно увеличив масштаб изображения до 300%)
17 d
Хотя, признаюсь вам, говоря о максимально темных местах, я немножко соврал. Поскольку делать их мы будем как раз сейчас, выбрав обычную кисть (B) размером 2 пикселя и нулевой жесткостью (Hardness 0%). Цвет кисти черный.
Создав в самом верху папки «highlights» новый слой «darkest shadows», принимаемся рисовать на нем вертикальные линии. Затем придаем их краям мягкости, выбрав Smudge Tool.
Шаг 18
В этом шаге будем работать над светом и рефлексами ключа. Техника подобна той, что мы использовали когда наносили тени на ключ.
18 a
Чтобы придать немного больше блеска ключу, добавляем больше света.
Нажимаем Ctrl + N, создаем новый слой и используем комбинацию: мазков кисти и режимов смешивания. Стараемся не переборщить с The Dodge Tool если его будет слишком много то он потеряет свой эффект. Ниже белыми мазками показано. После нанисение белого цвета, берем Smudge Tool чтобы размазать по краям. Создаем новый слой вверху в папке «highlights» с именем «highlights,» далее Ctrl + клик по слою «key base», и рисуем внутри формы.
Меняем режим смешивания у слоя «highlights» на «Overlay». Нажимаем Ctrl + J для дублирования слоя. У дубликата режим смешивания ставим на Color Dodge и Opacity 18%.
Шаг 19
Край ключа в конце зубчатый. Чтобы пофиксировать, нужно выделить слои: «highlights copy,» «highlights,» «darkest shadow,» «metal texture,» и «key base.» Убеждаемся что выделение они все сразу, и жмем Ctrl + G , чтобы сгруппировать. Даем имя группе «key.»
Добавляем Маску слоя на группу. Таким образом у нас есть возможность замаскировать все слои в группе, используя всего одну маску. Часть ключа, находящуюся выше отверстия следуют смягчить, используя градиент на маске.
Шаг 20
В предпоследнем этапе мы добавим тень от ключа на сферу.
Создаем новый слой вверху в группы «key» и даем ему имя «key shadow.» Внутри группы «key», Ctrl + клик по слою «key base» , у нас появилось выделение с формою в виде ключа. Теперь на новом слое «key shadow», делаем черную заливку для выделенной зоны. Снимаем выделение нажатием клавиш Ctrl + D и применяем Edit > Transform > Flip Horizontal.
Что бы повернуть и сделать редактирования жмем Ctrl + T. Наша тень будет падать к нижнему правому углу. Кроме того мы должны раздавить ключ, тяните узлы к верху.
Применяем Edit > Transform > Warp.
Режим смешивания ставим на Soft Light, и Оpacity на 80%. Добавляем Маску слоя и применяем черный градиент, смягчаем наши края. Теперь Filter > Blur > Gaussian Blur, и радиус 1.8 pixels.
Шаг 21
Я немного посмотрел на рисунок и увидел маленький недочет, в правом нижнем углу тень должна быть немного темнее.
Находим слой «bg lighting» и кликаем по нему. У нас должно быть 6 слоев. Создаем новый слой выше и даем ему имя «bg lighting 2.» Цвет переднего плана поменяем на #10100c, и применяем градиент, как показано ниже.
Теперь режим смешивания ставим Soft Light и Opacity 70%.
3 Comments
Интереснийший урок,нашел много для себя интересного
спасибо
«рАботы» )
очень интерестно )))