Здесь и вместе

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Здесь и вместе » Фотошоп. » Свет и тень.


Свет и тень.

Сообщений 1 страница 30 из 63

1

Общие моменты по определению свет и тени можно посмотреть в этом уроке.
Ссылка

Кое-что из того, что надо знать дополнительно, я покажу в этом уроке.

Будем сразу делать. Не торопитесь. Все вдумчиво и с пониманием того, какими средствами достигается тот или иной эффект.

Исходники
1. Девушка

Девушка

http://se.uploads.ru/vzUg4.png

2. Фон 1

1

http://sf.uploads.ru/vbl1H.jpg

3. Фон 2

2

http://se.uploads.ru/qtMhn.jpg

4. Готовый эффект Боке

Боке

http://sd.uploads.ru/W2Lmu.jpg

0

2

Будем делать вместе. Может быть по ходу что-то изменим или введем новые исходники.
Творим, товарищи шоперы.

Итак создаем новый файл 1500х2000 пк.
У меня чуть больше, но не страшно.

Каждую новую картинку вводим на новый слой.

Для Лены

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

И подгоняем до нужного размера. Это мы уже умеем) Не забываем уменьшать или растягивать, зажимая Шифт, чтобы сохранить пропорции и не допустить деформаций.

1. Первый слой - Фон 1

2.Дублируем слой Фон1 - Фон1копия
Параметры смешивания слоев - умножение.

3. Дублируем слой Фон1 копия.
Параметры смешивания слоев - умножение.

4, соединим все три слоя

0

3

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

http://zerolayer.ru/uploads/posts/2011-11/1322214371_01-location.jpg

0

4

После соединения трех слоев у нас получится один слой - Фон.

5. создаем новый слой и загружаем на него девушку.
Должно получиться нечто похожее.

http://sf.uploads.ru/QxyOf.jpg
Как видим,  слои не сведены по цвету.
Но мы уже можем определиться источником света, относительно тени на картинке с девушкой.

Он  в левом верхнем углу.

Есть неплохие кисти света. Ссылка
Но пока мы не будем рисовать свет.

А займемся сведением слоев по цвету и за одно тенями и светом нв силуэте девушки. Это мы будем делать с учетом источника света.

0

5

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

Итак, продолжим.

6. Создаем тень от девушки.

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

в) Не снимая выделения, перейдите со слоя Девушка на слой Тень .
Пустой слой  Тень должен стать синим(активным)
Выделение должно остаться.

г) Сделайте активным инструмент - Заливка. Выберите любой темный цвет (темно-темно коричневый) . Щелкните по центру выделенной области лейкой (инструмент-Заливка).
У вас получится точный силуэт.

http://sd.uploads.ru/shlGw.jpg

д). Теперь его отразим по вертикали.

Горизонтальное меню
Редактирование, трансформирование- отразить по вертикали.
http://se.uploads.ru/zR2OA.jpg

После этой операции тень ляжет зеркально. Но она будет неестественоо располагаться, бо свет у нас падает  слева.
Следующий этап поможет расположить тень правильно относительно источника света.

е) Деформация тени.
Создаем дубликат слоя Тень.  Назовем его - Деформация тени.
Слой -Тень  делаем невидимым. Щелкаем на глазик и слой отключится.

Далее работаем на слое Деформация тени.

Делаем активным инструмент трансформирование.
Редактирование- трансформирование - Деформация

Растягиваем за точки на пересечениях сетки, чтобы получить примерно такую форму тени.
http://se.uploads.ru/HoRph.jpg

Лучи тут для наглядности, они в дальнейшем не понадобятся. Вам из делать не надо.
Зеленая линия - направление от источника света.
По этой линии (примерно) стоит располагать тень.

ж).  После того, как деформирование завершено, изменим параметры смешивания этого слоя на Мягкий свет,  непрозрачность -75-80%

Слой Тень  можно удалить, он нам больше не понадобится.

0

6

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

Слой Девушка-копия в палитре слое выделится синим цветом(или серым).
Дважды щелкните мышкой по синему слою в палитре слоев.
В выпадающем окне произведите такие настройки.
Можно точно скопировать, а можно попробовать свои настройки.
Поиграйтесь ползунками.
До и после наложения стилей.
http://sf.uploads.ru/c1UBt.jpg
http://se.uploads.ru/iJHfs.jpg

Параметры наложения слоя - Нормальный
Непрозрачность 67(примерно)

Обязательно сделайте снова видимым слой Девушка. Он ниже слоя Девушка-копия.

0

7

Класс...Оставлю на сладкое. Дима, земной поклон, честное слово.

0

8

Это только начало.

Покажу еще несколько приемов по светотени, на мой взгляд интересных.

На этом этапе у вас в палитре слов должны находиться три слоя -
Фон
Девушка
Девушка-копия

8. Итак, затемняем фон. Это можно сделать разными методами, например накладывая градиент, но мы будем использовать кисть и краску)

а) Создаем новый слой между слоем Фон и слоем Девушка.
Деаушка будет сверху, фон под нашим новым слоем.  Назовем его - Затемнение фона.

б) Используя  кисть с размытым краем (по умолчанию она первая),  постарайтесь нарисовать нечто похожее.
Хотя точность тут не обязательно и подрисовать или подтереть мазки вы всегда сможете по ходу работы.

Обратите внимание, я использовал одну кисть диам 460( это не принципиально)  - непрозрачность -55-60, нажим 100
Но цвет у кистей разный. Более светлый цвет дасть более слабое затемнение.
Цвет выбирает по вкусу или используем, как у меня. На скрине указан номер краски (квадратиком) в пункте 2.

в) Меняем режим смешивания слоя Затемнение фона на Умножение, непрозрачность 100.

http://se.uploads.ru/W04Ho.jpg

0

9

9.  Не оставляем кисть. Продолжаем заменять.
а)Создаем еще онин слой  над слом Девушка-копия. Он должен быть поверх всех слоев.
Новый слой назовем - тень девушка.

б. Первым делом поставим режим смешивания этого слоя - Перекрытие, непрозрачность 100
в) Настраиваем кисть и цвет, как указано на скрине.

г) проводим кистью по местам, где должна быть более  густая тень.

Должно получиться примерно так.
http://sf.uploads.ru/CYpuN.jpg

10.Рисовать ровно мышкой без навыков сложно, поэтому не боимся и рисуем кривенько.

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

1- делаем активным слой  Девушка. Щелкаем мышкой по иконке этого слоя в палитре слоев.

2- Появится выделение контура девушки.
Теперь можно рисовать внутри и ни один пиксель не вылезет за пределы контура. 
Но...мы с вами уже нарисовали за пределами и это надо удалить. Для этого инвертируем выделение.
щелкаем мышкой внутри выделения и в выпавшем диалоговом окне выбираем Инверсия выделенной области.

3- нажимаем Делит, тем самым удаляем все нарисованные пиксели в инвертированной области . Наш контур подчищен.
После этого отмените выделение.
И включите все нижние слои.

http://sf.uploads.ru/N7TZc.jpg

В результате у нас будет полностью закончена тень на работе и мы приступим к свету)))

http://se.uploads.ru/7bR8d.jpg

0

10

11. Свет!

Приступаем к источнику света.
Например - лучи, лампа, фонарь. У нас будут разные светящиеся шарики.

а) создаем новый слой  Источник света.
Расположим его поверх всех слоев.

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

По небу раскидаем звездей)

Примерно такая картинка появится.

Слой Источник света :
Режим смешивания - осветление, непрозрачность 100
Можно несколько раз скопировать слой, чтобы источник света стал еще ярче. На всех слоях режим смешивания слов - от осветления до яркого света. Поиграйтесь настройками смешения слоев.
Потом эти слои объедините в слой - Источник освещения.

Покажу этапы.
http://sf.uploads.ru/txSev.jpg

http://sd.uploads.ru/cLzJj.jpg

http://se.uploads.ru/Z0wA2.jpg

0

11

Теперь нас явно не хватает света на девушке.

12. Создаем новый слой поверх всех - Свет. девушка
Режим смешивания ставим сразу - Осветление.
Кисть мягкая  небольшого размера, непрозрачность 5-10

Обрисовываем те участки, на которых не достает света.

Не забудь- Контур фигуры девушки выдели сразу. Контрал+ щелчок по иконке слоя Девушка. Обязательно!
Рисуем, не снимая выделения.

Результат такой -
http://sf.uploads.ru/0KNy8.jpg

0

12

13,  Света все же не хватает)
Делаем новый слой  ниже слоя Девушка. Между слоем девушка и слоем Фон.
Параметры смешивания слоя -  любой осветляющий. У меня Линейный осветлитель, непрозрачность -68%
1. Рисуем овал - инструмент выделения Овал
2. Инструмент заливка -  Заливка желтоватым светлым тоном.
3. Деформация ( как с тенью). Овал надо деформировать чтобы он лег под ноги.

Край овала растушуйте инструментом размытие - Капелька.

Будет примерно так.

http://sf.uploads.ru/DzVGF.jpg

0

13

Теперь придадим сказочности  нашей картинки. Тут можно включать фантазию и идти своим путем)
Счастливой дороги.
Я добавил  цвета.  Создал над фоном под слоем Девушка еще один слой с нашей текстурой эффекта Боке. Режим наложения - перекрытие.
http://sf.uploads.ru/c1RE9.jpg

0

14

Можно там же расположить цветок вместо эффекта Боке. У меня и то и другое.

http://se.uploads.ru/HivLB.jpg

Всё. будут вопросы, всегда рад ответить.
Удачи.

Потом разберем и другие способы освещения, осветления, наложения теней.

0

15

Вот..все не так, но принцип понятен пока)

http://i058.radikal.ru/1407/de/38bc00297e39.png

0

16

Вот сделала глянец.

http://s52.radikal.ru/i137/1407/6f/6edd78a438ab.png

0

17

Отлично. Шуруй дальше.

0

18

Сначала вопросы, которые появились..
Вот смотри, с самого начала-настройки слоя. Твоя картинка отличается от моей, например, у меня кружочка с углом наклона, и много еще, что есть у тебя..
http://s018.radikal.ru/i518/1407/d0/efb1ff1ee69f.png

Далее "инверсия выделенной области" у меня нет, есть просто "инверсия", и ничего там не deleйтится. Подтерла просто ластиком.
http://s019.radikal.ru/i636/1407/bf/c42475bea8e3.png
http://s020.radikal.ru/i715/1407/55/6ce1737b8998.png

И наконец-режим смешивания слоя "осветление" Я его не нашла в предлагаемом списке..
http://s003.radikal.ru/i202/1407/5c/e48229fd4272.png

0

19

Ну пока вот на этом этапе)

http://s004.radikal.ru/i205/1407/e1/25381e73c2bd.png

0

20

так лучше..
http://s018.radikal.ru/i518/1407/1f/292ba600f2f9.png

0

21

Ameli написал(а):

Вот смотри, с самого начала-настройки слоя. Твоя картинка отличается от моей, например, у меня кружочка с углом наклона, и много еще, что есть у тебя..

Это общая панель стилей слоя. Чтобы работать с тенью, надо войти в окно тени . Там будут её настройки.

Выбери в своем окне Внутренняя  Тень и щелкни по ней. Строка станет синей, как на скрине и откроется окно с настройками Внутренней тени. Повтори мои настройки.
Переходи к к строке слева - Глянец.  Щелкни. Станет синим и откроет окно настроек Глянца.

И так дальше по аналогии.

У меня 4 скрина соединены вместе. На самом деле , каждый вид настроек в отдельном окне Стилей слоя.

0

22

Ameli написал(а):

Далее "инверсия выделенной области" у меня нет, есть просто "инверсия", и ничего там не deleйтится. Подтерла просто ластиком.

Тоже выход. Можно и так.
Но должно все открываться.
Делай,  не так, как у тебя на скрине(это инверсия общая, а у тебя выделение), а как я написал.

Gray Hunter написал(а):

Для этого инвертируем выделение.
щелкаем мышкой внутри выделения и в выпавшем диалоговом окне выбираем Инверсия выделенной области.

0

23

Ты не сделала тени глубже .
Чем сделала светящийся круг под девушкой?

0

24

Gray Hunter написал(а):

Чем сделала светящийся круг под девушкой?

Так с фоном..Там не светящийся круг, а тени вокруг делала, вот он светящимся и получился)

0

25

Ameli написал(а):

Так с фоном..Там не светящийся круг, а тени вокруг делала, вот он светящимся и получился)

Овал делала, как в уроке? Не читаешь?))

0

26

Так..Там овала не было. Завтра уточню))Упустила, значит..

0

27

Или я упустил. Но вряд ли.

0

28

Gray Hunter написал(а):

Будет примерно так.

Ух ты! Ух ты!! Ух ты!!! Какая ПРЕЛЕСТЬ!))  Да это жеж почти я!))))))) Утащила себе... будет и у меня подарок от Димки.) Сказочность мне лишняя, а вот так... с бубенчиком и  лишь на пальчиках, чтоб не беспокоить никого... это самое то.)))))) Пока я в разъездах вы совсем профи станете ( Дим, это я не про тебя, ты и так уже давно профи-профи...)

0

29

зальотное насекомое написал(а):

Утащила себе... будет и у меня подарок от Димки.

Ну вот...сюрприз не удался. Конечно твой образ.

0

30

Gray Hunter написал(а):

Ну вот...сюрприз не удался.

Почему?.. Очень даже удался.) Или ты хотел, чтоб я сама себя слепила.))) Так это тогда самоподарок был бы. А так... если друг не дарит тебе подарки, возьми сама, что нравится, друг - он добрый, он поймет.)))))))) Чем не кредо?) Не забыть бы только...

0


Вы здесь » Здесь и вместе » Фотошоп. » Свет и тень.