• Страница 1 из 1
  • 1
Использование света и тени для оживления текста
Aleko
Дата: Четверг, 20.08.2009, 09:44 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Световые лучи

Итак, до того как мы начнем, посмотрите на диаграмму освещения объекта ниже. У нас тут квадратный объект в центре, а свет падает слева сверху. Вы можете видеть, что тень появляется в противоположенной от падения света стороне. учтите что это не стандартная тень Photoshop, как бы поднимающая объект над листом. Здесьб нам требуется, чтобы объект выглядел как трехмерный, выпирающий, если хотите. Теперь скажите, какой ещё сайт уроков Photoshop пичкает вас диаграммами? Снова в школу!

Шаг 1

Мы начнем урок с рисования тонкого линейного градиента gradient от темного к серому. Обратите внимание, мы хотим чтобы свет падал с левого верхнего угла, соответственно самая светлая часть изображения будет там.

Шаг 2

Теперь разместим какой либо текст horisontal_type . Я использовал очень классный шрифт, который называется Agency FB, заполнен цветом и обладает четким краем. Вы должны сделать текст серо-синего цвета - #c2c8d4 если быть точным.

Шаг 3

Затем сделайте Ctrl-Клик на иконке слоя с текстом и создайте новый слой под ним. На новом слое, залейте выделение линейным градиентом gradient от #495a79 к прозрачному с правого нижнего края к левому. Другими словами вы затеняете правый нижний угол, как показано ниже.

Шаг 4

Скиньте цвета colors в исходное положение, нажатием клавиши D.

Теперь снова сделайте Ctrl+Клик на текстовом слое и создайте новый слой ниже. Теперь на вашей клавиатуре один раз нажмите клавишу со стрелкой вправо и один раз клавишу со стрелкой вниз. Затем нажмите Alt+Backspace чтобы залить выделение черным цветом. Затем нажмите вниз и вправо ещё один раз и снова залейте черным. каждый раз делая это, вы будете продвигать тень на один пиксель вниз и вправо. Выполните это раз 30 (вот почему важно использовать сочетание клавиш для заполнения черным а не меню Edit >Fill).

Обратите внимание так же, что для того чтобы передвигать выделение а не залитые цветом участки когда вы нажимаете клавиши со стрелками, вам необходимо иметь один из выделяющих инструментов включенным (К примеру elliptical_marquee rectangul_marquee s_column_marquee s_row_marquee polygonal_lasso magic_wand ). Если вы переключитесь к инструменту передвижения move (V) в то время, как вы нажимаете стрелки, вы будете двигать уже залитую цветом фигуру вместе с выделением и будете просто заливать одни и те же пиксели снова и снова.

Шаг 5

Вот то, что у вас должно быть сейчас. Снимите выделение (Ctrl+D) и убедитесь что вы на слое с тенью, затем выполните Filter > Blur > Motion Blur и используйте параметры degrees = -45 и distance = 30px.

Шаг 6

Параметр смешивания слоя с тенью поменяйте на Multiply , а прозрачность на 40% а затем зажмите Shift и нажмите стрелку вниз а затем стрелку вправо. Это будет передвигать ваш объект вправо и вниз на 10 пикселей каждый раз (Shift говорит фотошопу сдвигать на 10 вместо одного). Теперь у вас некоторые размытые части тени могут вылезать сверху и слева от объекта. В этом случае возьмите маленькую мягкую резинку eraser и сотрите тень везде, где её быть не должно (помните о диаграмме в начале урока).

Шаг 7

Затем дублируйте слой с тенью, зажмите Shift и опять сдвинте его вниз и вправо. Затем снова запустите фильтр Motion Blur с параметром distance = 50px на этот раз и этот слой переключите в Multiply с 20 процентной прозрачностью. Это немного продлит и смягчит нашу тень.

Шаг 8

Теперь создайте новый слой над всеми слоями, зажмите Ctrl и кликните по главному текстовому слою чтобы создать выделение и на вашем новом слое заполните выделение белым. Но пока не выключайте выделения. Вместо этого нажмите вниз и вправо один раз и нажмите Delete.

Для этого тонко белого слоя поставьте прозрачность в 80%.

Шаг 9

Как видите, тонкая белая линия создает вид светового эффекта, в котором источник света освещает объект и делает его более трехмерным.

Шаг 10

Далее мы хотим создать несколько потоков естественного освещения. Создайте новый слой над всем старыми слоями и нарисуйте четыре - пять белых прямоугольников близких по виду к тем, что изображены ниже (более широкие у низу).

Шаг 11

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

Шаг 12

И вот у нас полоски "света". Теперь переключите слой в Overlay и установите прозрачность в 20%. Затем выполните Filter > Blur > Gaussian Blur с радиусом в 6 пикселей.

Шаг 13

теперь у вас должно быть что то около вот: (От Aleko: ^_^ )

Шаг 14

Теперь, с тех пор как эти белые полосы были объявлены светом,
имело бы смысл если бы наш основной слой был подвержен их освещению только там, куда свет может проникнуть, не так ли? Итак, сделайте Ctrl+Клик на слое, а затем щелкните на слое с полосами сначала, затем, пока выделение ещё не снято, кликните по кнопке Add Layer Mask (она в самом низу панели слоев). это создаст маску, которая будет отображать световые полосы только там, где есть свет.

Шаг 15

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

Шаг 16

Итак, сначала создайте новый слой сразу над первым слоем (подложкой) и залейте его розоватым цветом - #9d506c.

Шаг 17

Теперь установите розовый слой в режим Colour и настройте прозрачность равную 20%. Это придаст нашему основному слоя приятную красноватую теплоту. Теперь сверху мы можем добавить ещё немного желтого. если бы мы не создали розовый слой, всё выглядело бы ненатурально желтым.

Шаг 18

Теперь мы создаем слой прямо над розовым. Полностью заполните его белым а затем выполните Filter > Render > Lighting Effects. Я обычно не использую Lighting Effects, но они имеют одну классную настройку под названием Two O'clock Spotlight, которую вы можете выбрать в списке Style просмотрев опции на верху. Вы можете отлично использовать её с настройками по умолчанию, но для наших целей будет лучше слегка вытянуть овал (То есть сделать источник света чуть дальше).

Шаг 19

Теперь мы переводим слой подсветки в режим Overlay и получаем что то наподобие того, что снизу. Теперь дублируйте этот слой, переместите его выше всех слоев и установите прозрачность в 40%. Это создаст впечатление что текст так же тепло освещен.

Заключение

В итоге, мы дублируем верхний слой с подсветкой ещё раз и изменяем его прозрачность на 65%, затем кликаем по кнопке Add Layer Mask на панели слоев и рисуем линейный от белого к черному градиент начиная с верхнего левого угла и заканчивая в правом нижнем. Это создаст дополнительный эффект рассеиваемого освещения. Вот и всё!

Автор: Collis
Перевод: Aleko


Бесплатные обои.
  
Slimmi
Дата: Четверг, 20.08.2009, 10:37 | Сообщение # 2
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Aleko, Спасибо за перевод :D А почему не до конца :?

Большие фотостатусы
  
Aleko
Дата: Четверг, 20.08.2009, 11:01 | Сообщение # 3
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Уже до конца. Много просто писать. Сохраняю переодически чтоб не удалить что ни будь случайно.

Бесплатные обои.
  
nеmo
Дата: Четверг, 20.08.2009, 12:54 | Сообщение # 4
Группа: Удаленные
хороший примр, очень понятный и простой. впечатлен.
  
Zoxy
Дата: Пятница, 21.08.2009, 12:58 | Сообщение # 5
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
А мне кажется, что текст резковат О_о, и неплохо было бы пройтись по нему Инструментом blur

Ололо или неололо? Вот в чем пыщьпыщь...
www.zox-art.ru — Открыто, но еще дорабатывается.
  
Slimmi
Дата: Пятница, 21.08.2009, 13:28 | Сообщение # 6
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Спс за перевод :D Обязательно попробую :)

Большие фотостатусы
  
Aleko
Дата: Четверг, 15.10.2009, 01:53 | Сообщение # 7
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
На мой взгляд обалденный урок. нечто подобное я делал тут:



Бесплатные обои.
  
dancelot
Дата: Четверг, 15.10.2009, 08:06 | Сообщение # 8
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
Урок просто супер,работа с тенями (настоящими тенями) неизменно даёт великолепный,реалистичный результат.Спасибо за урок,и побольше таких уроков.

P.S.: очень хотелось бы уроков коллажирования (еще не забыл твой урок по СТАЛКЕРУ)

  
Duck4Fuck
Дата: Четверг, 15.10.2009, 09:35 | Сообщение # 9
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
http://www.tutorial9.net/photosh....otoshop - вот тоже похожий, если кому надо ;)
  
Aleko
Дата: Четверг, 15.10.2009, 16:43 | Сообщение # 10
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Duck4Fuck, если есть желание - переведи урок по ссылке пожалуйста. если нет - скажи, я переведу сам как ни будь.

Бесплатные обои.
  
Duck4Fuck
Дата: Четверг, 15.10.2009, 17:28 | Сообщение # 11
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
ок ща переведу ;)
  
chu4___x
Дата: Четверг, 15.10.2009, 22:16 | Сообщение # 12
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19

Почти по уроку :D


«POST данные для модулей системы»
  
Aleko
Дата: Пятница, 16.10.2009, 00:33 | Сообщение # 13
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
chu4___x, неплохо. На урок не похоже, похоже на кадр из экранки какого ни будь фильма.

Бесплатные обои.
  
chu4___x
Дата: Пятница, 16.10.2009, 01:01 | Сообщение # 14
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19
Aleko, ну я и не уроку делал, я посмотрел конечный результат и сделал по своему :)

«POST данные для модулей системы»
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.