Создаем две реалистичные текстуры дерева в фотошоп. Создание сюрреалистичного домика на дереве в фотошопе Создаем текстуру дерева

Доброго времени суток уважаемые пользователи программы Adobe Photoshop! Представляю вашему вниманию практический урок по созданию реалистичной деревянной текстуры. И если вас заинтересовала тема создания собственных текстур, то рекомендую ознакомиться с методом создания медной текстуры.

Приступим.

Открываем программу Photoshop , версия подойдёт любая.

Шаг1.

Создаем документ размером 1500х1500 пикс.

Шаг2.

Выбираем в палитре цветов цвет # 5a3222 и заливаем документ:

Шаг3.

Создадим новый слой и назовём его «Grain»(зерно)- это в версии автора, назвать его можно как угодно конечно же. Прежде чем продолжить, сбросте цвета на значение по умолчанию — черный и белый.

Шаг4.

Добавим к этому слою фильтр Облака — Фильтр-Рендеринг-Облака (Filter- Render- Clouds) .

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

Шаг5.

Растягиваем слой с облаками, при помощи инструмента Трансформирование (Ctrl+T) по вертикали до 600%.

Шаг6.

Применяем фильтр Размытие — Фильтр-Размытие-Размытие в движении (Filter- Blur-Motion Blur) . Настройте его как на картинке ниже:

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

Шаг7.

Применим постеризацию к слою «Grain»- Изображение-Коррекция-Постеризация (Image-Adjustments-Posterize)

. Уровень постеризации как на скрине:

Шаг8.

При помощи фильтра Выделение краёв создадим узор древесины — Фильтр- Стилизация-Выделение краёв (Filter-Stylize-Find Edges) .

Зайдем в Уровни (Ctrl+L)и добавим контрастности узору.

Шаг9.

Шаг10.

Шаг11.

Дублируем слой «Grain» и переименуем его в «Specularity», временно отключаем его. Используем его позднее для придания текстуре объема.

Шаг12.

Меняем режим наложения слоя «Grain» на Умножение (Muiliply) . И у нас уже должна получиться почти готовая текстура.

Шаг13.

Отключаем слой «Grain» и делаем слой «Specularity» видимым.

Шаг14.

Инвертируем слой «Specularity» нажатием сочетания Ctrl+I. После этого изменим контрастность (Ctrl+L):

Шаг15.

Меняем режим наложения на Осветление (Screen) и установливаем непрозрачность этого слоя 10%. Делаем активным слой «Grain».

Шаг16.

Для получения полного эффекта сдвинем слой «Specularity» вниз и вправо на несколько пикселей. Этот шаг кажется незначительным но эффект от него значительный. Любуемся результатом:

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

Желаю успехов!
Всегда для Вас: сайт
У Вас возникло желание показать результаты Ваших трудов? Выложите свои работы на наш форум !

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

На предыдущем уроке мы рисовали «Солнечную опушку». Теперь у нас есть фон нашего будущего рисунка.

Следующим этапом добавим ствол дерева. Мы нарисовали крону дерева, а, как известно, кроны без ствола не бывает.

Итак, рисуем ствол.
Создай новый слой с именем «Ствол» и помести его под слоем «Листья». Нажми на новый слой левой клавишей мыши, и, не отпуская её, перетащи слой «Ствол» под слой «Листья».
Затем выбери инструмент «Прямоугольная область» и нарисуй выделение справа, немного захватив листву. Таким образом, создадим впечатление ствола, выходящего из-под кроны, как ему и положено. Заливаем выделение коричневым цветом. Теперь наденем на наш ствол кору. Для этого устанавливаем основной цвет светло коричневый, а для цвета фона буро-коричневый, например. Теперь зайди в пункт меню «Фильтр», выбери пункт «Рендеринг», подпункт «Волокна». Далее установи для этого фильтра следующие настройки: несовпадение – 21, интенсивность – 10.
Сними выделение нажатием клавиш CTRL/D . Инструментами «Осветление» и «Затемнение» с одной стороны осветляем ствол, а с другой – слегка затемняем . Но сначала, измени настройки для этих инструментов. Форму кисти сделай круглую, а также поменяй размер кисти.
Затем нужно объединить слои «Ствол» и «Листья» в один слой под название «Дерево». Для этого выделяем слой «Листья» и нажимаем CTRL/E.
Далее дублируем этот. Для этого, в меню «Слои» выбери вкладку «Создать дубликат слоя». Назови полученную копию «Дерево_2» и размести под слоем «Дерево».
Затем сделай слой «Дерево» временно невидимым, нажав на глаз рядом с иконкой слоя.
После чего, с помощью «Свободного Трансформирования», эту команду можно вызвать нажатием комбинации клавиш CTRL/T , уменьши «Дерево 2» и немного сдвинь его вверх и влево. Также можно дорисовать листья сверху и справа, чтобы спрятать резкие границы слоя.
Теперь включи слой «Дерево» на переднем плане. Для того чтобы создать впечатление, что маленькое дерево стоит на заднем плане картины, немного размоем его. Войди в меню «Фильтр», пункт «Размытие», подпункт «Размытие по Гауссу» и установи значение примерно 0.5-0.7% (ноль целых пять десятых — ноль целых семь десятых процента). Таким образом, можно добавить на опушку столько деревьев, сколько подскажет твоя фантазия и позволит площадь рисунка.

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

(0)

Начало работы
	1.	Знакомство с растровой и векторной графикой	3:18	0	52477
	2.	Интерфейс программы	2:34	1	27224
Изображение своими руками
	3.	Знакомство с инструментом «кисть», рисуем полянку	4:25	4	45818
	4.	Работа с меню «Фильтр» (Деревянная поверхность)	4:42	0	21067
	5.	Ледяная колючка — рисуем заставку на компьютер	2:21	0	23192
	6.	Перевоплощение — меняем картинку	3:50	2	20223
	7.	Одуванчик — рисуем цветок	5:01	0	23546
	8.	Забавный пушистик, урок 1: учимся рисовать с нуля	3:23	1	63567
	9.	Забавный пушистик, урок 2: рисуем глазки	5:45	0	20371
	10.	Забавный пушистик, урок 3: рисуем нос и ротик	2:43	1	14454
	11.	Солнечная опушка, урок 1: как создать слой	3:56	0	25283
	12.	Солнечная опушка, урок 2: рисуем дерево	4:03	0	13128
	13.	Солнечная опушка, урок 3: рисуем траву и лучи Солнца	4:36	0	22758
Текст
	14.	Заливка текста рисунком	2:41	0	33421
	15.	Прозрачный текст	3:56	3	25197
	16.	Зеленый текст	2:58	0	5495
	17.	Раскрашивание, объемный текст	3:07	0	28455
	18.	Огненный текст, урок 1	3:36	0	19725
	19.	Огненный текст, урок 2	2:43	0	17575
Обработка фотографий
	20.	Устранение дефектов кожи	3:13	3	112317
	21.	Устранение эффекта красных глаз	2:29	2	14570
	22.	Изменение цвета глаз	2:09	0	44465
	23.	Отбеливание зубов	3:56	1	50921
	24.	Создание рамки, кадрирование	2:42	0	14751
	25.	Пластическая хирургия в Фотошоп	2:45	0	52385
	26.	Совмещение двух изображений	3:28	8	238354
	27.	Превращаем цветную фотографию в черно-белую	1:58	1	24094
	28.	Раскрашивание фрагментов черно-белой фотографии	3:11	1	12236
	29.	Обработка фотографии под старину	1:58	0	21995
	30.	Устранение ошибок цветопередачи	1:45	1	11929

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

Ресурсы:

Шаг 1

Создайте новый документ (Ctrl + N) размером 1024 px по ширине и 1280 px по высоте:

Шаг 2

Для начала создадим дерево. Выберите кисть и нажмите клавишу F5, чтобы открыть панель с настройками. В настройках установите жесткость на максимум, затем в разделах Shape Dynamics, Scattering и Color Dynamics установите такие же параметры как показано ниже:

Шаг 3

Теперь необходимо подобрать цвет для переднего и заднего плана. Для переднего плана поставьте цвет # fabc22 , а для заднего плана цвет # fabc22. Размер кисти установите до 150 пикселей. Попробуйте что-нибудь нарисовать. Если вы все сделали правильно то ваш результат должен быть похож на пример ниже:

Шаг 4

На разных слоях нарисуйте несколько вариантов стеблей. В следующем шаге мы будем их комбинировать, собирая в одно целое дерево. Когда будете рисовать попробуйте менять силу параметра Control Fade в разделе Shape Dynamics. После некоторых проб и ошибок, мне все-таки удалось нарисовать несколько фигур:

Шаг 5

Теперь нужно соединить все эти фигуры в одно целое. Первым делом я решил создать ствол. В нижней части я расположил фигуру stem 1, чуть выше разместил stem 2, stem3 и stem 4. (Смотрите пример ниже):

Шаг 6

Когда ствол был готов я принялся добавлять ветки до тех пор, пока не получил законченную форму:

Шаг 7

Когда закончите, слейте ранее созданные слои, что бы получить отдельный слой с деревом. Затем выберите Filter> Render> Lightning, и поставьте параметры как показано ниже:

Шаг 8

На этом шаге мы добавим дереву тени, что бы сделать его объемным. Для этой цели идеально подойдет инструмент Burn Tool. На панели инструментов выберите Burn Tool. Вверху в настройках инструмента поставьте опции Range параметр Highlight, а опции Exposure поставьте значение 10%. Установите инструменту очень мягкие края.

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

Шаг 9

После этого для дерева нужно применить градиент. Создайте корректирующий слой Gradient … Создайте тако же градиент как показано ниже. После этого не забудьте создать обтравочную маску для градиента, которая позволяет применять градиент не не ко всем слоям а только к слою с деревом. Что бы создать обтравочную маску кликните правой кнопкой мыши по названию слоя с градиентом и в открывшемся списке выберите Clipping mask. Прозрачность слоя установите до 60%. Нажмите Ctrl + E, чтобы объединить все в один. Все дерево готово!

Шаг 10

Создайте новый документ с белым фоном и размером 1024 пикселей по ширине и 1686 пикселей по высоте. После этого создайте новый слой.

Для переднего плана выберите цвет # 9db1fc, а для заднего плана цвет #6ca5f8. Активируйте инструмент Gradient Tool и заполните им документ для создания фона:

Шаг 11

Создайте еще один новый документ с белым фоном размером 1024 px по ширине и 731 px по высоте. Для переднего плана выберите цвет # 92a8fb, а для заднего плана выберите просто белый цвет. Выберите Filter> Render> Cloud и нажмите OK. Инструментом Lasso Tool создайте выделение по форме напоминающее облако. Когда выделение будет нажмите Shift + F6, чтобы открыть меню Feather Selection. Установите параметру Feather Radius значение в 100 px. После нажмите Ctrl + J, чтобы дублировать выделение в новый отдельный слой. Скройте фоновый слой кликнув по пиктограмме с глазом. Если вы сделали все правильно то результат должен быт похож на пример ниже:

Шаг 12

Добавьте это облако на документ созданный в 10 шаге. Что бы сделать облако более реалистичным поменяйте режим смешивания на Soft Light. Потом нажмите Ctrl + T, чтобы активировать инструмент Free Transform Tool и исказите форму облака как показано ниже:

Шаг 13

Что бы полностью завершить работу над облаками вам нужно:

1. Расположите ранее созданное облако в нужное место.
2. Сделайте несколько дублей облака (Ctrl+J). При помощи инструмента перемещения Move Tool (M) расположить слои, где это необходимо. Используйте инструмент Free Transform для масштабирования или переворачивания продублированных слоев. Попробуйте поиграть с разными режимами смешивания для каждого отдельного слоя.
3. Попробуйте исказить форму облаков при помощи инструмента Free Transform.
4. Выделите все слои облаками и нажмите Ctrl + G, чтобы сгруппировать их.

Шаг 14

Продублируйте эту группу. Продублированной группе поставьте режим смешивания Soft Light а непрозрачность установите до 100%. Опустите продублированную группу ниже оригинальной. Внизу пример того, что получилось после всех манипуляций:

Шаг 15

Затем, пожалуйста сделайте следующее:

1. Разместите созданное дерево на этот холст.
2. Продублируйте слой с деревом. Потом уменьшите размер продублированного дерева, разверните его по горизонтали и разместите так как показано на рисунке ниже. Этот слой с уменьшенной копией дерева разместите под с оригинальным деревом.
3. Потом создайте еще один дубликат и разместите его как показано ниже.
4. Еще раз продублируйте слой и расположите деревья как показано ниже. Не забудьте расположить слои так, что бы скрыть стыки. Помните что эти кустья должен перекрывать основной ствол. Слейте эти слои с кустами в один.

Шаг 16

Откройте изображение Tree Houses. Отделите дом от фона. Для этого можно использовать Pen Tool. Активируйте Pen Tool и выделите контуры дома. Когда получите замкнутое выделение кликните правой кнопкой мыши и в появившемся списке строку Make Selection. Нажмите Shift + Ctrl + I, чтобы инвертировать выделение и нажмите клавишу Delete, что бы удалить фон:

Шаг 17

Есть еще несколько ненужных объектов от которых необходимо избавиться. Посмотрите на рисунок ниже, красным цветом помечены места, которые нужно скрыть. Клонируйте некоторые участки. Сотрите дерево перерождающее лестницу. Потом при помощи инструмента Clone Tool “достройте” лестницу, а так же скройте некоторые учатки. Потом активируйте инструмент Crop и обрежде нижнюю часть:

Шаг 18

Я так же решил достроить балкон. Это можно сделать при помощи выделения и инструмента Free Transform. Например попробуйте выделить часть от лестницы, скопировать это выделение на отдельный слой и при помощи инструмента Free Transform настроить положение. Не забудьте объединить все эти слои с частями от дома в один:

Шаг 19

Добавьте хижину на основной холст. Настройте размер и скройте некоторые части при помощи маски:

Шаг 20

Продублируйте слой с хижиной четыре раза. Расположите копии примерно так же как показано ниже:

Шаг 21

Теперь добавим другие деревья, что бы скрыть швы от домиков и добавить реалистичности. Откройте изображение Bonsai Tree и первым делом отделите деревья от фона. Я сделал это при помощи цветного диапазона. Продублируйте слой с деревьями и скройте оригинальный слой, щелкнув по значку с глазом. Выберите меню Select> Color Range и кликните по белой области неба. В настройках Color Range установите параметру Fuzziness значение 145, чтобы сделать больший контраст между черным и белым. Нажмите кнопку ОК. Вы увидите пояаилось выделениеЕсли все сделано правильно, то небо должно выделиться. Нажмите Delete, что бы удалить фон.

Шаг 22

Теперь добавьте эти деревья на основной холст. Расположите их и скройте ненужные части при помощи маски:

Шаг 23

Продублируйте слой с деревьями и разместите как посчитаете нужным:

Шаг 24

Шаг 25

Не забудьте проделать это для всех домов:

Шаг 26

Посте всех проделанных манипуляций у меня получился такой результат:

Шаг 27

Примените к дереву маску и скройте некоторые части, как показано ниже:

Шаг 28

Теперь можно добавить на сцену человека. Откройте изображение Model. Отделите девушку от фона:

Шаг 29

Перетащите девушку на основной холст и разместите ее в нижней части у одного из домов. Активируйте инструмент Smudge Tool. В настройках инструмента установите мягкие края и небольшой размер. Так же параметру Srength поставьте значение 60%. Размажьте края волос, что бы сделать их растрепанными. После выделите лампу и скопируйте ее два раза. Эту же лампу можно добавить для каждой хижины:

Шаг 30

На этом этапе мы добавим три корректирующих слоя: Gradient, Photo Filter и Vibrance. Ниже вы можете посмотреть как настроить каждый слой.

Когда закончите с настройками выберите первый слой с градиентом и поменяйте его режим смешивания на Soft Light и прозрачность до 28%. Для второго градиента поменяйте только прозрачность до 27%. Фотофильтру поставьте прозрачность до 70%:

Шаг 31

Нажмите Shift + Ctrl + Alt + E, чтобы объединить все слой в один. Потом нажмите Ctrl + J что бы сделать копию. Я назвал этот слой зеленым:

Шаг 32

Выберите Filter > Render > Lightning и настройте фильтр как показано ниже:

Шаг 33

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

Шаг 34

Откройте последнее изображение под названием Nebula и добавьте его на основной холст. Расположите слой с этим изображением над слоями с небом. Поменяйте режим смешивания на Multiply:

Шаг 35

Результат получился немного темным и поэтому я решил сделать его более контрастным. В самом верху создайте корректирующий слой Brightness / Contrast и настройте его:

Шаг 36

Затем можете добавить еще один корректирующий слой Selective Color:

Шаг 37

Атмосфера по-прежнему выглядит как-то скучно. Я решил сделать изображение еще ярче. Продублируйте слой со звездами и расположите его в самом верху. Поменяйте его режим смешивания на Soft Light и прозрачность до 80%. Примените к нему маску и сотрите центральную часть в районе дерева:

Шаг 38

На этом шаге добавим лампам свет, а так же подсветим некоторые участки деревьев. Создайте новый слой (Shift + Ctrl + N). Залейте его черным цветом (Shift + F5) и поменяйте его режим смешивания на Color Dodge. Сначала подсветите нижние части деревьев. Выберите белый цвет, активируйте кисть и поменяйте ее прозрачность до 5. Теперь просто рисуйте в нужных (см. рисунок ниже). Потом сделайте подсветку для ламп. Для переднего плана выберите цвет #fcb004 и рисуйте прямо по лампам. В процессе попробуйте менять цвет от # fcb004, # fe9024 до простого белого, чтобы получить наилучший результат.

Шаг 39

На последнем этапе можно очистить некоторые участки от листьев и затемнить края. Создайте новый слой. Что бы закрасить листья используйте похожий цвет от тени. Используйте мягкую кисть с прозрачностью в 20-40%. Затем можете затемнить края сцены. Так же можно использовать инструмент Blur Tool, для размытия заднего плана.

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

Автор урока: Марина Терешкова
Каждый в душе немного художник. Но многие, почему-то, боятся взять в руки кисти и краски. Сейчас я расскажу, как можно нарисовать картину в фотошопе.
Для начала работы необходимо создать новый документ. Я выбрала прозрачный фон, высоту – 1200 пикселов, ширину – 900. Продублируйте его, работать будем с верхним слоем.
Маленьким размером кисти набросайте приблизительный контур дерева.

Теперь выберем кисть побольше и широкими мазками по контуру закрасим ствол дерева.

Уменьшим размер кисточки до 12 пикселей и непрозрачность поставим 50%. Приступим к прорисовке коры дерева.

Выберем для основного фона светло-коричневый цвет и диаметр кисти 9 пикселов. Прорисуем светлые части коры. А, чтобы кора смотрелась более естественно, притемним в некоторых местах инструментом Burn Tool.
А затем, используя инструмент Smudge Tool, окончательно прорисуем кору.

Выберем основной цвет зеленый, кисть диаметром приблизительно 75 пикселов и закрасим крону.

Изменим тип кисти, как показано на рис.

И, меняя диаметр и оттенок, прорисуем крону дерева.

Выставим яркость – 11, контраст – 30.
Теперь зальем фон цветом bfb860/
Выберем кисть, которая рисует кленовые листья, и изменим ее настройки, как показано на рисунке. Opacity 42%.

Сделаем основной фон — b9ff09, цвет фона – fceа00.
И прорисуем листву.

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

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

Создано в Photoshop Elements 8.0, но можно использовать практически любой другой графический редактор.

Все мои уроки предназначены для художников начального и среднего уровня.

Начните с базовой формы дерева.

Добавьте немного мягких светотеней. Нет необходимости тщательно смешивать светлый и темный тона, т.к. любое несовершенство впоследствии поможет добиться реалистичного вида коры.

Возьмите инструмент Горение (Burn tool) в режиме Midtones или Highlights со средним уровнем Экспозиции (Exposure) (примерно 40-50%) и с помощью маленькой мягкой кисти нарисуйте кривые относительно вертикальные линии.
Руку держите расслаблено и меняйте давление на кисть, чтобы избежать картинки с «идеально» прорисованными линиями.

Возьмите кисть Горения (Burn tool) еще меньшего размера и пройдитесь еще раз по линиям коры, делая их более четкими и прорисованными. Также добавьте несколько мелких трещин. Не забывайте, что запястье должно быть расслабленно.

С помощью Горения (Burn tool) и большой мягкой кисти тщательнее проработайте общую форму коры в соответствии с тем, куда падает свет. Сделайте тени глубже с помощью того же инструмента Горение (Burn tool), а световые пятна светлее с помощью инструмента Осветление (Dodge tool).

Помните, время, как всегда, показательный фактор. Чем больше усилий вы прилагаете, тем лучше будет результат. 🙂

Как в фотошопе применить стиль

Уроки фотошопа. Стиль для фотошопа. Как использовать стили в фотошопе

Как использовать стили в фотошопе? Такие вопросы прозвучали в комментариях к моему посту с коллекцией разноцветных стилей и к посту с уроком фотошопа, где я объясняла, как стили можно добавить в фотошоп. Стили многим понравились, но не все знают как на  практике можно  применить стили. Я постараюсь рассказать, как я пользуюсь стилями и как их можно использовать в фотошопе.

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

1. Вы придумали, как назовете свой пост. Допустим: Стихи о любви. Открываем фотошоп, Файл — Создать и создаем новый документ вот с такими параметрами: 600 на 200 пикселей, потому что обычная стандартная рамка идет шириной 700 пикселей.

2. Берем на панели инструментов инструмент с буквой Т-это текст, открываем окно Символ ( на верхней панели Окно-Символ) и в окне выбираем название шрифта и размер шрифта, также может сделать его жирным или с курсивом. И пишем наше название черным цветом,(на нем лучше всего будут видны изменения после применения стилей.

3. Теперь идем в Окно — Стили. На панели появится окно с вашими стилями.

4-14. Теперь стоите на слое с текстом и просто нажимаете на подходящие по цвету стили. Вы сразу увидите, как меняется ваш текст. Выбираете тот, который подходит к вашей рамочке или просто к посту и идете сохранять. Файл — сохранить как и сохраняете в PNG.

Если вы делаете рамочку в фотошопе, то такие сохраненные заголовки можно будет сразу открывать и вставлять на новый документ, а если вы делаете рамочки в Рамочнике или по кодам, то сохраненный таким образом заголовок нужно будет загрузить в Радикал, снять там все 3 галочки, выбрать не кликабельный и взять оттуда 6 код, тогда ваш заголовок останется на прозрачном фоне и вы сможете поставить его и перед рамочкой и в самой рамочке, загрузив в новую запись на Лиру кодом. Украшайте свои посты красивыми заголовками.

Скачать урок с текстом и картинками можно бесплатно с Яндекс Диска.

Понравилась статья? Поделись с друзьями!

Почитай, тебе понравится!

Стили слоя в фотошопе: описание, применение

Обучение фотошопу / УЧЕБНИК 26521 Нет комментариев

Вернемся к работе со слоями. Речь пойдет о диалоговом окне Стиль слоя и тех эффектах и настройках, которые предлагает это окно.

Стили слоя обратимы и остаются доступными для редактирования до тех пор, пока вы сохраняете документ как файл PSD. По мере изменения содержимого слоя, стили также изменяются.

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

Для начала познакомимся с этим окном. Создадим/откроем любое изображение. Теперь обратим свой взор на палитру слоев. Дважды щелкните по слою, к которому вы намерены применить специальный эффект. Откроется диалоговое окно Стиль слоя.

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

Условно, окно можно разделить на три части:

1. слева столбик — стили слоя и готовые специальные эффекты фотошопа;
2. в середине — параметры и настройки, выбранных эффектов;
3. справа узкий столбик — стандартные кнопки и миниатюра просмотра изменений, которая показывает как будет меняться слой при выборе тех или иных настроек.

Стили

Это самая первая строчка первого столбца. Нажав на нее, увидите стандартный набор стилей, примерно, вот такой:

Что такое стили слоя? Их история началась давно и созданы они были только для веб. Когда в интернете становилось все больше и больше сайтов, каждый вебмастер пытался сделать свой сайт красивым. Это сейчас интернет перенасыщен миллионами способов как это можно сделать, а тогда наличие такой кнопки было предметом гордости:

Именно поэтому фотошоп в себя включил такого рода графику. Но в те времена, в области веб-графики, балом правила Macromedia Fireworks. Чтобы избавиться от конкуренции, компания Adobe просто купила Macromedia. Конкуренция закончилась, а стили остались. По большому счету они и не нужны. 

Конечно, нужны они или не нужны — решать каждому самостоятельно. Раз они включены в состав программы, то подробно разберем, что это такое.

Для наглядности создайте слой в виде какой-нибудь фигуры и начинайте щелкать по стилям. В результате, к фигуре начнут применяться Стили — это своего рода заранее сохраненная комбинация из эффектов, например, тиснение, тень, свечение, обводка, градиент и другие, а также применяется определенная цветовая схема. Самое замечательное то, что все наложенные параметры можно будет подкорректировать, причем каждый в отдельности. Как это сделать? Допустим, вы применили стиль. Теперь внимательно посмотрите на левый столбик диалогового окна и вы увидите, что вдруг появились галочки у специальных эффектов. Переходите в параметры каждого из них и меняйте настройки как вам нравится, или отключите вовсе. Подробнее об эффектах будет ниже в этой статье.

Рядом с выбором стилей, имеется маленькая кнопочка в виде стрелочки в кружочке. Нажав на нее появится дополнительное меню, в котором можно изменить размер миниатюр, загрузить свой набор/сохранить его или восстановить стандартный. Также можно переключиться на один из дополнительных наборов стилей.

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

Параметры наложения

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

Сразу перейдем к самому интересному и «вкусному»…

Готовые специальные эффекты фотошопа

Забегая вперед, отмечу, что в настройках всех параметров, кроме тиснения, есть такие параметры как Наложение и Непрозрачность. Таким образом, можно настроить эти два параметра как ко всему объекту в целом (смотри пункт выше), так и отдельные его элементы, регулируя цветопередачу.

Photoshop CS5 предлагает к использованию такие эффекты:

Тень

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

Внутренняя тень

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

Внешнее свечение

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

Внутреннее свечение

Аналогично, как с внутренней тенью. В настройках есть только одно отличие: можно указать источник свечения (Из центра или На краях)

Тиснение (Контур, Текстура)

Заслуженно считается самым мощным и адаптируемым стилем слоя в фотошоп. Традиционное использование — преобразование плоского объекта в объёмный, трёхмерный, но это только малая часть возможностей этого стиля. Кроме этого, с помощью «Тиснения» можно создавать металлические эффекты, хромовые и золотые поверхности, имитацию отражения, стекло и многое другое. Более подробно о тиснении можно почитать тут.

Глянец

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

Наложение цвета

Целиком меняет цвет у выбранного слоя. Получается своего рода заливка. Настроек, практически, нет.

Наложение градиента

Один из самых популярных специальных эффектов в фотошопе. Полезно, когда нужно применить градиент к определенному объекту на изображении.

Наложение узора

Еще ни разу не пользовался таким эффектом. Мне он кажется бестолковым. Смысл в том, что он заливает изображение не цветом, как уже было, а каким то узором. Может быть, для веб-графики его и сделали, других способов применения не вижу.

Обводка

Обводит по контуру все изображение. Редактируется цвет и положение (Снаружи, Внутри, Из центра). Полезный параметр — тип ободки, где есть градиент. Вообще градиенты всегда только украшают изображение.

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

В завершении урока, посмотрим как в итоге выглядит слой со специальными эффектами:

Как видите, под слоем появился список эффектов, которые к нему применены. У каждого из них есть значок видимости, нажав на который можно отключить эффект, например, Наложение градиента. Справа от миниатюры надпись fx — указывает что к слою применены эффекты. Нажмите на стрелочку, чтобы их свернуть.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Cовет как лучше обучаться фотошопу:

1. Изучайте теорию — учебник по фотошопу.
2. Набивайте руку практикой, повторяя уроки.
3. Сложно? Задавайте вопросы в комментариях к уроку или по этой форме. Посмотрите ответы уже разобранных вопросов.
4. Подписывайтесь на обновления, чтобы не пропустить появление новых статей и уроков.

Подписаться на обновления сайта

Смотрите другие похожие статьи

Супер Видео



наверх

Как применить стиль в Фотошопе?

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

Инструкция

В последних версиях программы имеются несколько видов готовых к применению стилей. Они расположены на панели Styles — «Стили». Для вызова этой панели откройте меню Window — «Окно» и выберите соответствующую строку. Перед вами откроется палитра, на которой будут показаны образцы загруженных стилей. Стили применяются не ко всему изображению, а к отдельным слоям. Использовать готовые стили достаточно просто. Находясь на нужном слое, дважды щелкните мышкой по значку с выбранным образцом.

Чтобы увидеть все доступные наборы стилей, нажмите на крохотный треугольник в правом верхнем углу палитры. Перед вами появится окно с опциями, в нижней части которого находится список загруженных стилей. Щелкните по названию нужного набора, например, Abstract Style — «Абстрактный стиль». Откроется диалоговое окно с вопросом: Replace current style with the style from Abstract Style? — «Хотите ли вы заменить установленный стиль на «Абстрактный стиль?». Чтобы согласиться с предложением программы, нажмите OK. Если нужно добавить новый набор, сохранив при этом предыдущие, нажмите кнопку Append.

Изменяя эффекты слоя, вы можете редактировать готовые стили, а также создавать новые. Щелкните на значке fx в нижней левой части палитры Layers — «Слои». Откроется диалоговое окно Layer Style — «Стиль слоя», в левой части которого вы увидите список разделов. Первый из них Styles — «Стили» предназначен для выбора и управления готовыми стилями. Следующий раздел Blending Options: Default — «Параметры наложения по умолчанию» применяется для настройки режима наложения слоя. Остальные разделы используются для выбора и настройки отдельных эффектов.

Применяя эти эффекты в различных сочетаниях и экспериментируя с настройками, вы можете создавать свои неповторимые стили. Для выбора эффекта нажмите на строку с его названием. Настраиваемые параметры будут показаны в правой части окна. Настроив все выбранные эффекты, сохраните созданный стиль. Для этого нужно нажать кнопку New Style — «Новый стиль» и присвоить ему подходящее название в открывшемся окошке. Теперь щелкните по кнопке OK и ваш стиль будет добавлен последним в загруженный набор. Вы сможете использовать его в любое время.

Для имитации объема, создания фасок и рельефов используйте эффект Bevel and Emboss — «Тиснение». Он хорошо подойдет для обработки текстовых слоев и фигур. Если вам нужно создать цветную или градиентную обводку, примените эффект Stroke — «Обводка». Параметр Inner Shadow — «Внутренняя тень» создает тень от границ в пределах самого объекта. Применение этого эффекта создает впечатление, будто объект вырезан из фона. Для имитации света, исходящего изнутри объекта, воспользуйтесь Inner Glow — «Внутреннее свечение».

Для создания впечатления размытости и шелковых бликов, совместно с другими эффектами, примените функцию Satin — «Глянец». Эффекты группы Overlay — «Наложение» перекрывают содержимое слоя цветом, градиентом или узорной заливкой. Эффекты данной группы можно использовать совместно. Если вам нужно выделить текстовую надпись, сделанную на многоцветном фоне, используйте эффект Outer Glow — «Свечение». Примените эффект Drop Shadow — «Тень» для имитации тени от объекта на плоскости.

Оцените статью!

Стили в Фотошопе: практика и трюки

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

Когда я начал писать статью о конкретных эффектах стилей, например Drop Shadow, сразу обнаружилось, что большей части стилей присущи одни и теже настройки, одинаковые нюансы применения. Например почти во всех стилях применяется контур, в каждом стиле существуют режимы наложения. Контуры тема не простая, но везде они устроены одинаково, будь то контуры для Drop Shadow или контуры для Bevel and Emboss.

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

Как применить стили в Фотошопе

Я уже подробно описал все способы применения стилей, в том числе самый мобильный через панель слоев Layers в своей первой статье Как сделать стили в Фотошопе, но для цельности статьи повторюсь. Создаем любой слой, фигуру, шрифт, выделяем этот слой на панели слоев Layers и выбираем из меню Layer > Layer Styles > Любой стиль Если все правильно, то на рабочей области появится диалоговое окно стилей, в котором можно приступить к настраиванию эффекта.

Наложение стилей

Стили накладываются друг на друга как блины, точно так же как это происходит на панели слоев Layers. Только в случае стилей все наоборот. Стили перекрывают друг друга без всякой логики в хаотичном порядке. Например Satin перекрывает Color Overlay, а Color Overlay перекрывает Gradient, тот в свою очередь перекрывает Pattern. В этом видится определенная логика, ведь Satin находится выше этих стилей, за ним следует Color Overlay, а за ним Gradient.

Но Outer Glow перекрывает Drop Shadow, а Stroke перекрывает Outer Glow. Все наоборот. Можно было бы утверждать, что все тени перекрывают друг друга снизу вверх, а все заливки, начиная с Bevel и заканчивая Pattern сверху вниз. Но внутренние тени перекрывают друг друга опять же сверху вниз, в противоположность внешним теням. Одним словом все это нужно просто запомнить.

Трюки и стили в Фотошопе

Заранее зная какой из стилей стоит выше другого мы легко создаем «многослойные» эффекты при помощи стилей. Главное соблюдать правильный порядок. Когда мы слышим наименования стилей Drop Shadow, Stroke, Outer Glow и прочие, скорее всего мы сразу представляем целевое применение этих эффектов. Например думая о Drop Shadow я вижу обычную классическую тень. А представляя Outer Glow  мы явно думаем о традиционном ярком свечении вокруг слоя. При работе со стилями важно выйти за пределы традиционного представления об эффектах. Вот несколько простых трюков, которые помогут вам в этом.

Пять окантовок

Как создать тройную окантовку в Фотошопе в стиле диско? При помощи стилей это дело пары минут. Но как? Ведь эффект окантовки Stroke всего один? Видимо придется создать три объекта, и а каждому применить Stroke. А если я скажу вам что при помощи стилей можно создать не три а даже пять окантовок. Достаточно выставить верные параметры, и эффекты Drop Shadow, Inner Glow, Outer Glow, Inner Shadow легко превращаются в подобие Stroke.

• Stroke — Size: 10px, Position: Outside, Blend Mode: Normal
• Outer Glow — Blend mode: Normal Opasity 100%, Spread 100%, Size 20px
• Drop Shadow — Blend Mode: Normal, Opasity 100%, Distance 0px, Spread 100%, Size 30px
• Inner Shadow — Blend Mode: Normal, Opasity 100%, Distance 0px, Choke 100%, Size 5px
• Inner Glow — Blend Mode: Normal, Opasity 100%, Choke 100%, Size 10px

В каждом из этих стилей параметры Choke или Spread регулируют мягкость краев. Соответственно 100% в каждом дают жесткие края и имитируют Stroke. Не мешает имитации окантовки так же полная видимость эффекта 100%, отсутствие режимов наложения Normal. И если вы не сумели разобраться что к чем, просто скачайте фаил в конце статьи и посмотрите стили сами. Остается только выбрать цвета и шрифт.

Кнопки и шапки в веб дизайне

Помните мою статью, как сделать сайт Вконтакте? В ней мы создавали страницу группы для Вконтакте и я подробно останавливался на всех элементах сайта. Этот трюк постоянно используется в веб дизайне. Шапки, кнопки, объекты, все выделяется тонкой окантовкой и слегка подсвечивается. Но как этого добиться, ведь окантовка Stroke одна. Мыслите креативно. Обращайте внимание на детали.

• Используйте Stroke чтобы создать 1px окантовку вокруг объекта.
• Тень не обязательно должна быть тенью, используйте минимальные параметры для Drop Shadow  чтобы создать легкое подчеркивание объекта или надписи.
• Используйте Inner Shadow как имитацию Stroke с минимальными параметрами и 0% сглаживанием края чтобы создать внутреннюю окантовку.

Блики и выдавливание

Используя мощный эффект Bevel and Emboss мы получаем стандартную имитацию 3D надписи или объекта. Строится оно за счет подсветки с верху белым, а снизу темным. Получается своего рода объемность. Но зачем использовать все то, что нам предлагает эффект по умолчанию? Сделайте красивый блик, отключив темную тень.

• Отключите темную тень до 0%
• В верхней тени используйте Blend mode: Normal и белый цвет.
• Параметры Style: Inner Bevel и Technique: Smooth как по умолчанию.
• Параметр глубины Depth 150-210%
• Используйте жесткий угол наклона, чтобы отделить блик как можно дальше от границы надписи Altitude 50-60 градусов.
• Играйтесь с параметром Size чтобы получить легкую но эффектную кромку надписи. 1-5px
• Подробные настройки стиля можно покрутить в прилагаемом фаиле PSD в конце статьи.

Сатин и шоколадная надпись

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

• Выберите письменный извилистый шрифт и используйте вышеназванную технику для создания красивых бликов поверх надписи.
• Добавьте стиль Satin. Distance 10-15 Size 10-15. Подробности стиля в PDS фаиле в конце статьи.

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

Необычное использование градиента

Что вы представляете, когда думаете о градиенте? Первое что приходит мне на ум, это некий переход цвета, например, из темно-синего в голубой. Хороший нежный пастельный градиент. Но если постараться выйти за рамки обычного мышления? С градиентами можно вытворясь совершенно разные вещи, мы можем делать резкие градиенты с жестким переходом в 1px либо мягкие размытые.

• Воспользуйтесь продемонстрированной выше техникой для создания бликов через Bevel and Emboss
• Создайте стиль Gradient Overlay и настройте его таким образом, чтобы градиентный переход был максимально жестким.
• Нажмите ОК, чтобы выйти из редактора градиентов. Теперь просто перемещайте градиент двигая мышкой по надписи. Выберите кромке перехода подходящее место.

• Усложним эффект. Вернитесь в Bevel and Emboss и перенастройте его. В параметре Teсhnique выберите Chrisel Hard, настройки глубины и размера Depth и Size подкрутите, чтобы получить более жесткие края.
• Перенастроим градиент в Gradient Editor. Уберите жесткий переход и нажмите ОК

• Измените всего одну настройку Style: Angle вместо Linear и вы поймете о чем я говорю.
• В заключении я добавил легкий Satin о котором мы говорили выше, с настройками белого цвета, режим наложения Soft Light.
• Подробности настройки стиля можно посмотреть в прилагаемом фаиле PSD в конце статьи.

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

Стили и масштабирование Scale

Как правильно масштабировать стили? Допустим вы создали отличный стиль и надели его на текст. В ходе работы возникла необходимость текст уменьшить. Вы по привычки заходите в Edit > Free transform однако это не самая хорошая идея. В статье Как сделать сайт Вконтакте, я уже затрагивал этот вопрос. Когда вы трансформируйте объект вместе со стилем, вы трансформируете объект, но не стили. Настройки стилей остаются прежними. Логично что вы подстраивали тени, окантовки, градиенты под объект определенного размера, поэтому после трансформирования стиль выглядит ужасно.

Вот несколько решений этой проблемы:

1) Создать копию объекта и растрировать её. Чтож, на этом мы похороним все стили и уже никогда не сможем к ним вернуться. Но это не самый плохой вариант, если вы отложили оригинальный объект со стилями в тайничок, а подкрутить стили и вновь трансформировать слой дело 5ти минут.

2) Уменьшить надпись при помощи Free Transform, затем войти в стили и подкрутить настройки в ручную Не самый плохой способ если это нужно сделать всего один раз, а настроек не много.

3) Ипользуйте Image Scale, поставив галочку Scale Styles. Это отличный вариант, если вам нужно уменьшить всю рабочую область вместе с миллионом слоев, к которым привинчены стили. Но что если вам нужно изменить размер конкретной надписи со стилями? Вы всегда можете перетащить слой на новую работую область и применить Image Scale отдельно.

4) И наконец самый выгодный способ который использую я. Создайте умный слой. Преобразуйте объект со стилем в умный слой Layer > Smart Objects > Convert to smart Objects В этом случае слой будет помещен в спец контейнер и надежно защищен. Вы сможете маштабировать его как угодно, и стили слоя визуально будут меняться вместе с умным слоем, но на деле оставаться неизменными внутри контейнера, как и оригинальный размер объекта.

И на этом я заканчиваю статью Стили в Фотошопе: практика и трюки. В следующий раз мы поговорим о весьма малоизученной настройке под названием Контуры.

Скачать фаил

Файл, в котором вы найдете все примеры и стили, использованные в этой статье.

Скачать файл

Отрисовка автомобиля, векторный стиль, нарисуй себе крутую тачку

На flickr.com я нашёл этот автомобиль:

Открываем это изображение в Photoshop с помощью Ctrl+C и Ctrl+V переносим его на фоновую картинку. С помощью маски слоя удаляем окружающие автомобиль пиксели.

Особо стараться не надо, т.к. мы пока просто хотим посмотреть, подходит ли автомобиль к фону.

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

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

Вырезаем автомобиль из окружающего фона

Откройте исходное изображение автомобиля в Photoshop. Используйте инструмент «Перо» (Pen Tool) для создания контура вокруг машины:

Техника вырезки кузова сходна с методом, о котором рассказывается .

Поле того, как Вы закончите с созданием контура, при активном инструменте «Перо», кликните правой клавишей мыши по контуру и в контекстном меню выберите пункт «Выделить область», поле чего контур преобразуется в выделенную область. Инструментом «Перемещение» (Move Tool) перетащите выделенную область на документ с дорогой:

Исправление отражений на поверхности объекта

Когда Вы берете объект из одного изображения (особенно, когда этот предмет имеет отражающие поверхности, как автомобиль), мы должны позаботится о том, что же всё-таки отражается на его поверхности. Конкретно в моём автомобиле на капоте отражаются облака и дерево. Облака то на заднем плане имеются, а вот дерева там нет.

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

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

Судя по отражению, это дерево без листьев, так что с учетом этого я нашел подходящую картинку:

Подготовка и вырезка дерева для монтажа

Откройте фотографию дерева в Photoshop. Для того, чтобы использовать дерево в нашей композиции, необходимо вырезать из него фон с небом.

Для начала, дублируйте слой с деревом. При активном новом слое, нажмите Ctrl+U и понизьте параметр «Насыщенность» (Saturation) до -100, т.е. перетащите ползунок в крайнее левое положение.

Теперь надо затемнить картинку, сделаем это с помощью инструмента «Кривые» . Нажмите комбинацию Ctrl+M и измените кривую, как показано на рисунке:

Теперь переходим непосредственно к вырезке дерева из окружающего фона. Идём по вкладке Выделение —> Цветовой диапазон (Select —> Color Range), перетащите ползунок «Разброс» (Fuzziness) в крайнее правое положение (значение 200) и кликните пипеткой по стволу дерева:

В результате дерево будет выделено. Нажмите Ctrl+J для копирования выделения на новый слой. Пройдите по вкладке Слои —> Обработка краёв —> Убрать белый ореол (Layer —> Matting —> Remove White Matte), в результате тонкие ветки дерева обретут более чёткие очертания.

У нас осталась земля, трава и кусты у основания дерева, но эти ненужные детали мы удалим позже. Главное и самое трудное мы сделали — выделили все, в том числе и тонкие ветки дерева.

Перенос дерева на основной документ и удаление ненужных деталей

С помощью инструмента «Перемещение» (Move Tool) или копированием/вставкой перенесите слой с деревом на основной документ выше слоя с автомобилем:

Уменьшите непрозрачность слоя с деревом, чтобы было видно детали под ним, уменьшите изображение с помощью «Свободной трансформации» примерно до 42% и разместите дерево в нужном месте, так, чтобы создать иллюзию того, что именно от этого дерева появилось отражение на капоте:

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

Вот что должно получиться в результате:

Затемняем фон

Для такого автомобиля фон кажется слишком светлым. Затемним его с помощью создания нового корректирующего слоя «Уровни» (Levels), передвиньте ползунок чёрных точек влево до начала гистограммы:

Добавляем тень к автомобилю

Посмотрите на то, что у нас получилось. Автомобиль стоит на дороге, солнце освещает его сверху, а у нас авто теней не отбрасывает. Давайте это исправим и нарисуем тень.
Зажмите клавишу Ctrl и кликните по миниатюре слоя с автомобилем, вокруг авто появится выделение. Создайте новый слой под слоем с авто и залейте выделение чёрным цветом:

Обязательно отмените выделение, нажав Ctrl+D. Примените фильтр Размытие по Гауссу (Фильтр —> Размытие —> Размытие по Гауссу или Filter —> Blur —> Gaussian Blur), установите радиус на 12px, затем нажмите ОК для применения фильтра:

C помощью инструмента «Перемещение» (Move Tool) переместите размытый слой немного вниз и влево, чтобы он немного выступал за очертания автомобиля.

Добавьте слой-маску к слою с тенью и чёрной кистью удалите тень там. где её быть не должно: в верхней части авто, с боков, под колёсами:

Таким же образом, как мы создали первый слой с тенью, создайте ещё один и разместите его под первым слоем с тенью, не забудьте снять выделение:

На этот раз мы применим фильтр «Размытие в движении» (Motion Blur), находится он там же, где и «Размытие по Гауссу». Введите значение «Угол» (Angle) 30° и «Дистанцию» (Distance) 135 пикселей:

Как и в первом случае, с помощью слой-маски удалите лишнюю тень из тех областей, где её не должно быть:

Затемнение шин

Создайте новый слой над слоем с авто. Возьмите черную кисть с жесткостью 0%, диаметром 20px и 20% непрозрачности, и закрасьте светлые области шин:

Вот как теперь должны выглядеть шины:

Ретушь лобового стекла

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

Теперь надо имитировать недостающее стекло. Методом проб и ошибок, инструментом «Пипетка» (Eyedropper Tool), методом взятия образца с внутренней стороны двери автомобиля, расположенной слева от рулевого колеса, я подобрал подходящий цвет (#576D86). Теперь создаём новый слой над слоем с авто, берём кисть с жёсткостью 0% и аккуратно закрашиваем дыру в стекле. Уменьшите непрозрачность этого слоя до 80%, это, позволяет видеть фон (дорогу и разделительную полосу) через стекло:

Смешивание цветов композиции

Чтобы получить цвета заднего плана и автомобиля соответствовали друг другу, добавим корректирующий слой «Карта градиента» (Gradient Map) поверх всех слоёв композиции.

В панели слоёв кликните по самому верхнему слою (сейчас это слой с деревом), затем нажмите на значок создания нового корректирующего слоя и выберите «Карта градиента» (Gradient Map) из списка. Далее в панели свойств корректирующего слоя кликните по градиенту и выберите из набора градиент под названием «Фиолетовый, оранжевый» (Violet, Orange):

В результате градиент в панели будет выглядеть так:

Уменьшите непрозрачность этого корректирующего слоя до 15%. Дублируйте этот слой, нажав Ctrl+J. Измените режим наложения копии на «Перекрытие» (Overlay) и переместите копию ниже оригинального слоя:

Вот как выглядит коллаж теперь:

Создания ощущения заката на коллаже

Задайте цвет переднего плана #FFAE00. Возьмите инструмент «Градиент», выберите тип «Зеркальный» . Кликните в верхнем левом углу окна Photoshop по полоске с градиентом, чтобы открыть редактор градиента. Начальным цветом будет цвет #FFAE00, а конечный цвет не имеет значения, просто сделайте его непрозрачность 0%. Кроме того, сдвиньте несколько вправо контрольную точку начального цвета:

Протащите градиент от линии горизонта примерно до верхнего края обода переднего колеса автомобиля, предварительно зажав Shift, градиент имел строго вертикальное направление. В результате у Вас получится:

Измените режим наложения слоя на «Умножение» (Multiply) и снизьте непрозрачность до 14%.

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

Создаём новый слой над слоем с автомобилем и, используя тот же желто-оранжевый цвет (#FFAE00), начинайте рисовать по краям машины, как показано на рисунке. В последствии снизьте непрозрачность слоя до 20% и измените режим наложения на «Мягкий свет» (Soft Light):

Теперь нам необходимо избавиться от тех областей оранжевой подсветки, которые выступают за контур автомобиля. Для этого снова зажмите Ctrl и кликните по миниатюре слоя авто для его выделения, нажмите Ctrl+Shift+I для инверсии выделенной области, перейдите на слой с оранжевой подсветкой и нажмите Delete. Снимите выделение, нажав Ctrl+D.

Добавление птиц на сцену

Чтобы разнообразить и оживить задний план, добавим на коллаж птиц, летящих в небе. Загрузите в Photoshop кисти с птицами из файла с исходниками (файл Birds.abr). Создайте новый слой ниже слоя с деревом и добавьте немного птиц на нашу сцену по своему вкусу. Лучше всего нанести птиц не на один, а на пару слоёв и убрать лишних с помощью слой-маски:

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

Эмре Хусмен — турецкий дизайнер, который живет в Торонто, Канада. Он является одним из главных иллюстраторов игрушек серии Hot Wheels в Mattel Inc. В 2004 году Эмре принимал участие в конкурсе Пежо Дизайн и стал одним из 10 финалистов из 3800 участвующих. Он также получил премию в конкурсе 2000 Тренды в Дизайне Автомобилей. Больше работ этого художника вы можете увидеть в галерее Эмре Хусмена на сайте deviantart.com.
Если вы давно хотели научиться рисовать машины, то этот урок именно то, что вам нужно!

Для начала , откройте свой эскиз в программе Adobe Photoshop и установите ширину равную 2000 пикселей. Я обычно работаю в высоком разрешении, потому что это позволяет мне создавать высококачественные изображения.

Откройте новый слой на вашем эскизе и залейте его белым цветом. Непрозрачность (opacity) примерно равна 85%.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

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

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Выделите формы окон, откройте новый слой и заполните их черным.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Сделайте тоже самое для передних решеток радиатора.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Нарисуйте эллипсы для колес над слоем с кузовом и нанесите тени под ними.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Выделите фары и хромированные детали (разные слои). Заполните их белым цветом.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Выделите основные детали кузова и заполните их темно- или светло-серым цветом, в зависимости от их расположения.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Прорисуйте больше деталей кузова теми же самыми серыми тонами.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Теперь начинайте использовать Осветлитель (Dodge) и Затемнитель (Burn)! Рисуйте при помощи 200-300 пикс. аэрографа (airbrush) с 20-40% выдержкой (exposure). Затемните нижние детали и осветлите верхние. Также выделите область на окнах для бликов; откройте новый слой над слоем с окнами и при помощи белого аэрографа немного закрасьте их (но не полностью). Затемните фару.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Найдите изображения красивых колесных дисков (или нарисуйте их сами). Вырежьте и вставьте их над слоем с кузовом и обыграйте их цвет и контраст. Выделите эллипс на слое с фарой и заполните его белым. Придайте ей внешнее сияние. Раскрасьте окна из меню Оттенок/Насыщенность (Hue/Saturation) (нажмите CTRL + U).

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Добавьте обычный черный фон с белым градиентом.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Определите откуда будет падать свет. Дважды создайте копию каждого из ваших дисков, используйте слои с эллипсами под дисками и нарисуйте шины при помощи Осветлителя (Dodge) и Затемнителя (Burn).

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Раскрасьте кузов матовыми цветами (используйте меню Оттенок/Насыщенность (Hue/Saturation)).

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Добавьте больше деталей на кузов. Теперь пришло время отполировать ваш автомобиль. Создайте новый слой на слоях с кузовом; выделите и закрасьте белым цветом при помощи аэрографа (airbrush). Закончите со всеми деталями кроме финального цвета кузова. Соедините все слои: начиная с самых нижних слоев и заканчивая самыми верхними. На разных слоях оставьте тени и цвета фона.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Дважды продублируйте «объединенные слои». Раскрасьте их при помощи голубых и желтых оттенков (отдельно). Теперь, вам нужно использовать аэрограф-ластик (airbrush eraser) для удаления деталей со смешением данных цветов. Используйте эффект Наложение (Overlay) (под меню с эффектами слоя) для обоих. Добавьте белые точки на границы для более реалистичного эффекта блеска (на другом слое). В конце концов, добавьте отражения на автомобиле и заднем фоне при помощи эффектов слоя из меню..

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

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

Чтобы получить такие снимки, необязательно проводить долгие часы в мастерской, стараясь преобразить свое транспортное средство и доводить его до совершенства. Существует не одна компьютерная , при помощи которой даже самую заурядную машину можно преобразить до неузнаваемости. Здесь практически нет ограничений для вашей фантазии, поєтому смело берите фото и начинайте творить.

Hyundai i30

Виртуальный сервис

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

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

Неоценимая польза

Практические работы с машиной – дело непредсказуемое, если делать его «вслепую». Используя возможность создавать тюнинг авто онлайн, можно заранее видеть результаты планируемого изменения вашей машины. К примеру, в реальности вы решили сменить диски. Купили, поставили — выглядит жутко. Ну, не подходят они вашему железному другу!

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

Вы заметили следы от ржавчины на своем авто? Срочно нужно действовать! Полезный материал по ссылке.

Возможности программы

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

Пример работы в программе Adobe Photoshop

Особый интерес представляет преобразование классических машин. К примеру, создана специальная программа для работы с отечественными машинами, таких как ВАЗ. С помощью этой программы можно сделать по фото . В ней вы наглядно сможете представить, как будет смотреться машина с различными изменениями. Можно изменить цвет, занизить подвеску, убрать бампера, снять брызговики, поменять диски, преобразовать фары и ручки. Эта программа постоянно дополняется новыми возможностями. После таких экспериментов сочетание слов «тюнинг» и «ВАЗ» уже не будут вызывать у вас недоумение.

Сегодня вы узнаете, как с нуля нарисовать стильный автомобиль в Фотошоп. Используя приемы создания света, тени, отражения, а также навыки работы инструментом Перо (Pen Tool) , стили слоя и фильтры, вы сможете создать свою эксклюзивную машину мечты с индивидуальным дизайном.

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

Шаг 1.

Начинаем работу с создания нового документа (File-New или Ctrl+N) в Фотошоп размером 1200 х 900 рх с разрешением 72 рх/дюйм и белым фоном.

Шаг 2.

Заполняем фон черным цветом (#000000) , используя инструмент Заливка (Paint Bucket Tool) . Создаем новую группу (клик по иконке папки внизу панели слоев «Create a New Group») и создаем внутри нее новый слой (Ctrl+Shift+N или клик по иконке нового слоя внизу панели слоев) . Выбираем инструмент Перо (Pen Tool) в режиме контуров (иконка пера в рамке в верхнем меню) и рисуем очертания автомобиля. Вы всегда можете формировать нужный вам контур, используя инструменты Угол (Convert Point Tool) на опорных точках, или добавлять дополнительные опорные точки контура инструментом «Добавить опорную точку (Pen Tool +) . Закрыв контур, создаем его выделение (Ctrl+Enter) и заполняем фигуру (Edit-Fill) любым цветом на ваше усмотрение. Я использовал цвет # ba5601.

Шаг 3.

Создаем новый слой (Ctrl+Shift+N) и Пером (Pen Tool) в режиме «Добавить к области контура» (верхнее меню) рисуем контур лобового и бокового стекол. Образуем выделение (Ctrl+Enter) и заполняем его цветом 555553 при помощи инструмента Заливка (Paint Bucket tool) , кликнув по выделению. Снимаем выделение (Ctrl+D) .

Шаг 4.

Загружаем выделение слоя со стеклами (Ctrl+клик по иконке данного слоя) и выбираем инструмент Кисть (Brush tool) с мягкими краями черного цвета. На новом слое (Layer-New Layer) проводим кистью по стеклам в указанных стрелками местах. Снимаем выделение (Ctrl+D) .

Шаг 5.

Загружаем выделение фигуры автомобиля (Ctrl+клик по иконке слоя с ним) и создаем новый слой (Ctrl+Shift+N) . Придадим объем нашей машине, осветляя ее верхнюю часть и затемняя нижнюю. Выбираем мягкую Кисть (Brush tool) цветом # ea9101 с 50% непрозрачностью (opacity) и проводим ей по верхней части корпуса, осветляя ее. Затем, изменяем цвет кисти на # 811701, и создаем затемнение по нижней области машины.

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

Шаг 6.

Создаем новый слой (Ctrl+Shift+N) и добавляем еще немного тени на автомобиль, имитируя углубления металла. Используем для этого темный цвет кисти (Brush) 811701. Далее, чтобы нарисовать тень по краям колесной части корпуса, создаем Пером (Pen Tool) или инструментом Овальное выделение (Ellipse Marquee tool) с режимом «добавление к области выделения» (удерживая Shift для создания ровного круга) круглое выделение с прямоугольной частью. Инвертируем выделение (Ctrl+Shift+I) и проводим кистью (Brush) того же цвета по краю колесной части, имитируя тень вокруг нее. Снимаем выделение (Ctrl+D) .

Шаг 7.

Теперь более детально формируем фигуру корпуса, четко обозначая выпуклости и углубления на нем. Создаем новый слой (Ctrl+Shift+N) и инструментом Перо (Pen Tool) создаем фигуру в верхней части машины. Выделяем контур (Ctrl+Enter) и заливаем его (Edit-Fill) цветом #f6de02. Снимаем выделение (Ctrl+D) . Переходим на этом слое в меню Фильтр-Размытие-Размытие по Гауссу (Filter >> Blur >> Gaussian Blur) и устанавливаем радиус на 5 рх. Затем, изменяем режим смешивания (Blend Mode) слоя на Перекрытие (Overlay) .

Подчеркиваем блики на металле при помощи мягкой Кисти (Brush) светлого цвета.

Шаг 8.

Добавляем отражение на выпуклую часть машины. Создаем внутри выпуклой фигуры дополнительную форму Пером (Pen Tool) и образуем выделение контура (Ctrl+Enter) . Затем, мягкой Кистью (Brush) белого цвета проводим по верхнему краю выделения, добавляя блеск. Закончив, снимаем выделение (Ctrl+D) .

Шаг 9.

Далее, создаем передние фары автомобиля. Инструментом Перо (Pen Tool) рисуем контур каплевидной формы (фару) , образуем его выделение (Ctrl+Enter) . На новом слое (Ctrl+Shift+N) прорисовываем детали фары, используя мягкую (0% hardness) Кисть (Brush) 50% белого и 50% черного цвета.

Шаг 10.

Для создания задних фар я использовал предыдущий метод, но выбрал другие цвета для детализации: # c3330e и # 591606.

Шаг 11.

Теперь нарисуем зеркало. Пером (Pen Tool) создаем фигуру зеркала рядом с боковым стеклом машины. Выделяем контур (Ctrl+Enter) и создаем новый слой (Ctrl+Shift+N) . Выбираем мягкую Кисть (Brush tool) 50% непрозрачности (Opacity) с теми же цветами, какими вы создавали тень и блики на корпусе. Придаем форме зеркала объем, рисуя темным цветом (# 811701) по теневым зонам зеркала и светлым по выпуклостям (# ea9101) .

Шаг 12.

Создаем еще одно выделение на правой части бокового стекла (контур Пером, затем Ctrl+Enter) треугольной формы. Выбираем инструмент Градиент (Gradient) с линейным стилем (Linear) и заполняем им снизу-вверх выделение цветом от # 101010 к # 5e5e5e.

Затем, открываем в Стилях слоя параметр Тиснение (Layer >> Layer Style >> Bevel and Emboss) и выполняем настройки со скриншота ниже.

У вас должно получиться что-то похожее:

Шаг 13.

Приступаем к созданию дверей машины. Снова используем Перо (Pen Tool) , рисуя контур двери, и выделяем ее (Ctrl+Enter) .

Шаг 14.

Далее, открываем стили слоя ((Layer Style) иконка «fx» внизу панели слоев) и находим в нем раздел Параметры наложения (Blending Options) . Здесь снижаем значение непрозрачности (Opacity) до 0%.

Следующим выбираем параметр Тиснение (Bevel and Emboss) и выполняем настройки со скриншота:

В результате применения стиля получаем следующее:

Шаг 15.

Теперь вы, наверное, обратили внимание, что через зеркало и верхнюю часть корпуса проходит ненужная полоса предыдущей фигуры двери. Удалим ее при помощи Ластика (Eraser Tool) , предварительно преобразовав слой с дверью в Смарт-объект (клик пр.кн.мыши по миниатюре этого слоя и выбираем из меню – Convert Smart Object) .

Это объединит слой-эффект со самим слоем. Затем снова делаем клик пр.кн.мыши по миниатюре этого слоя и уже выбираем пункт – Растрировать слой (Rasterize Layer) . И вот только теперь применяем Ластик (Eraser Tool) , удаляя верхнюю линию двери.

Шаг 16.

Мы должны скопировать полосу-выемку от двери на бампер машины. Для этого выделяем часть нижней полосы двери инструментом Прямоугольное выделение (Rectangle Marquee Tool) и копируем ее (Ctrl+J) на отдельный слой. Перемещением (Move Tool) сдвигаем копию полосы на бампер, как показано ниже стрелками.

Шаг 17.

Повторяем предыдущий шаг с копированием и размещаем полосу на задней части корпуса.

Шаг 18.

Теперь добавляем отражение на зеркало и стекло автомобиля. Инструментом Перо (Pen Tool) создаем изогнутое выделение (Ctrl+Enter) и заполняем его (Edit-Fill) белым цветом (#ffffff) на новом слое (Ctrl+Shift+N) .

Шаг 19.

Корпус нашего авто сделан и приступаем к следующему этапу: созданию шин, дисковых тормозов и самого диска.

Шаг 20.

При помощи инструментов Перо (Pen tool) , Эллипс (Ellipse Tool) и Кисть (Brush Tool) я в один шаг сделал дисковые тормоза и отверстия в них.

Шаг 21.

Далее, создаем новый слой (Ctrl+Shift+N) выше предыдущих слоев и инструментом перо (Pen Tool) рисуем форму диска, выделяем контур (Ctrl+Enter) . Кистью (Brush tool) серого цвета создаем тень на диске.

Шаг 22.

Дублируем (Ctrl+J) колесо и переносим дубликат под правое крыло машины.

Шаг 23.

Теперь украшаем дверь машины абстракцией. Вы можете нарисовать подобный фрактал Пером (Pen Tool) или, используя любую готовую кисть фракталов, скачанную с бесплатных ресурсов. Заполняем (Edit-Fill) абстракцию черным цветом (#000000) на новом слое (Ctrl+Shift+N) , затем изменяем режим его смешивания на Перекрытие (Overlay) .

Шаг 24.

Пришло время для создания дымного эффекта, светового пятна на фоне, пола и тени под автомобилем. Для дымки и области света вокруг авто я использовал мягкую Кисть (Brush) белого цвета с 50% непрозрачностью (opacity) . Добавляем тень под машиной мягкой черной Кистью (Brush) .

Шаг 25.

Теперь сделаем отражение автомобиля на зеркальном полу. Так как все слои находятся у нас в одной группе, будет очень легко создать ее дубликат (клик пр.кн.мыши по миниатюре группы и выбираем из меню — Duplicate Group) . Объединяем слои в дубликате группы (Ctrl+E) и отражаем его по вертикали (Edit-Transform-Flip to Vertical) . Перемещаем отражение под оригинал и добавляем к нем Размытие по Гауссу (Filter >> Blur >> Gaussian Blur) с радиусом 10 рх. Снижаем непрозрачность (Opacity) слоя с отражением до 30%.

На этом все! Наше эксклюзивное авто готово.

Думаю, подобная техника рисования объемных изображений обогатила ваш творческий опыт еще больше. Успехов в творчестве!

Создаём пейзаж в стиле Matte Painting | by PFY (Твой фотошоп)

Скачать архив с материалами к уроку

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

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

Также косвенным образом меня вдохновил мультфильм «Панда Кунг-фу», возможно, потому что мы будем рисовать концепт-арт именно для мультфильма.

Подготовка референсов — важный этап в создании подобной иллюстрации.

Посвятите этому достаточно времени, чтобы подобрать наиболее удачные фото. Обычно, у меня уходит на это 3–4 часа.

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

Скачать архив с референсами

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

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

Начинаем с размещения референсов поверх наброска.

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

Уменьшаем Opacity (непрозрачность) референса, чтобы увидеть, как примерно может выглядеть финальный вариант.

Далее мы должны вырезать те области референса, которые нужны нам в работе.

Это можно сделать с помощью нескольких инструментов, но в нашем случае мы воспользуемся самым быстрым и простым — Quick Selection Tool(W) (Быстрое выделение).

Выделив нужный элемент, инвертируем выделение Ctrl+Shift+L и жмем клавишу Delete.

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

Чтобы подкорректировать цвета, мы воспользуемся Image — Adjustments — Curves(Изображение — Коррекция — Кривые).

Я считаю, что это очень мощный и гибкий инструмент цветокоррекции. В выпадающем меню Preset (Канал) нужно выбрать нужный цветовой канал: Red (Красный), Green(Зеленый) и Blue (Синий).

Пример: если картинка красного цвета, а вы хотите добавить синего, вы должны уменьшить уровень красного и увеличить уровень синего.

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

После настройки кривых, мы применим Vibrance (Вибрация), чтобы увеличить насыщенность картинки.

Устанавливаем Vibrance (Вибрация) на +19, а Saturation (Насыщенность) — на +8.

Давайте сейчас сосредоточимся на проработке неба, а затем вернемся к горе.

Чтобы нарисовать небо, мы воспользуемся большой мягкой кистью (В) и двумя цветами:

• #737d9f для верхней части
• #737a95 для нижней части

С помощью синего цвета мы нарисуем землю. Эта область будет находиться в тени.

Мы будем следовать принципу «теплый свет — холодная тень». Мне кажется, именно синий цвет наиболее удачно сочетается с теплым розовым оттенком, который у нас есть.

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

Наносите грубые мазки, регулируя контрастность и яркость оттенка.

Теперь выше мы можем добавить горы, которые ранее вырезали.

В этом шаге мы будем закрашивать всю картинку. Используйте любые кисти, которые лучше всего подходят для вашей работы. Это могу быть как стандартные кисточки Photoshop, так и скачанные из интернета. Я называю этот процесс «сшивание», так как, по сути, мы сшиваем отдельные элементы картинки воедино.

На данном этапе я также добавил черные кинематографические полосы сверху и снизу.

Свет, который освещает гору, падает с правой стороны. Чтобы картинка получилась реалистичной, мы добавим в этом месте мягкое свечение.

Выбираем цвет #ffbaac и большой мягкой кистью ставим пятно в правом верхнем углу. Затем устанавливаем режим смешивания слоя с пятном на Lighten (Замена светлым).

Теперь мы будем рисовать горы на среднем плане. Для этого воспользуемся цветом тени — синим.

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

Выбираем цвет #ffbaac, выше слоя с горами на среднем плане создаем новый и устанавливаем его режим смешивания на Screen (Осветление). Работаем кистью в этом месте.

Создаем еще один новый слой и меняем его режим смешивания на Screen (Осветление). Выбираем цвет #963912 и активируем большую мягкую кисть (В).

В верхней части гор на среднем плане добавляем мелкие детали.

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

Используя Quick Selection Tool(W) (Быстрое выделение), выделяем необходимый фрагмент фотографии.

С помощью кривых корректируем цвет и контрастность.

Мы должны добиться голубоватого оттенка, чтобы создать холодную тень.

Уменьшаем Brightness (Яркость), чтобы сделать картинку темнее. Также уменьшаем канал Red (Красный) и увеличиваем канал Blue (Синий).

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

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

Можете воспользоваться инструментом Smudge Tool(Палец), чтобы размазать слишком грубые участки.

Слегка увеличиваем яркость картинки, используя Curves (Кривые).

Выбираем цвет #23324C и большую мягкую кисть (В). Слегка закрашиваем передний план и уменьшаем Opacity (непрозрачность) слоя до 71%.

Еще раз немного увеличиваем яркость.

Выбираем подходящий оттенок и дорабатываем небо в тех местах, где вы видите недостатки.

В правой нижней части мы добавим дерево. Выбираем подходящий референс.

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

• Переходим на вкладку Channels (Каналы) и выбираем канал Blue (Синий).
• Дублируем его.
• Жмем Ctrl+Alt+L, чтобы открыть Levels (Уровни).
• Двигаем ползунки, пока все дерево вместе с листьями не будет заполнено черным цветом (черным закрашены области, которые нам нужны).
• Вы можете воспользоваться пипетками под кнопкой Options (Свойства), чтобы выбрать самый темный оттенок из светлых и самый светлый из темных.

Не закрывая панель Channels (Каналы), сразу после редактирования уровней зажимаем клавишу Ctrl и кликаем на миниатюру копии синего канала.

В результате появится выделение. Возвращаемся на панель слоев и выбираем слой с деревом.

Теперь у нас есть выделение нужной области. Далее мы создадим маску. Инвертируем выделение (Ctrl+Shift+I) и жмем на кнопку Add layer mask (Добавить слой-маску) в нижней части панели слоев.

Если вам не нужна маска, выше создайте пустой слой, затем объедините (Ctrl+E) его со слоем с вырезанным деревом. Таким образом, у нас получится слой с вырезанным деревом без выделения и маски.

Активируем Quick Selection Tool(W) (Быстрое выделение). Затем кликаем на кнопку Refine Edge (Уточнить край) на верхней панели с параметрами инструмента.

Refine Edge (Уточнить край) — это потрясающий инструмент, который может улучшить выделение. В открывшемся окне устанавливаем View (Вид) на черный, чтобы наглядно видеть работу. Двигаем ползунки до тех пор, пока результат вас не удовлетворит.

Refine Edge (Уточнить край) отлично справляется с поставленной задачей, но кроме него я использую Layer — Matting — Defringe (Слой — Обработка краев — Убрать кайму). Этот инструмент позволяет избавиться от тонкой белой обводки по краю вырезанного объекта.

Width (Ширина) устанавливаем на 3 и жмем ОК.

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

Создаем новый слой и жмем Ctrl+Alt+Shift+E, чтобы объединить все видимые слои на отдельном.

Берем Rectangular Marquee Tool(M) (Прямоугольное выделение) и выделяем участки картинки, содержащие цвет, которым мы должны закрасить дерево. В нашем случае это гора на переднем плане.

• Копируем (Ctrl+C) выделение и вставляем (Ctrl+V) его на новый слой.
• Удаляем объединенный слой, так как он больше нам не понадобится.

Обратите внимание, что текущий слой с нужным цветом у меня называется «Слой 39». Запомните это, так как дальше я буду на него ссылаться.

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

• Убедитесь, что слой с деревом активен.
• Переходим Image — Adjustments — Match Color (Изображение — Коррекция — Подобрать цвет).

В результате появится диалоговое окно Match Color (Подобрать цвет).

• В выпадающем списке Source (Источник) выбираем наш рабочий psd-файл (естественно, предварительно сохраненный на компьютере).
• В Layer (Слой) выбираем наш слой с вырезанными цветами (у меня это «Слой 39»).

В результате инструмент подберет цвета, контрастность и яркость и применит к дереву.

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

Выбираем цвет #1F304F и мягкой кистью (В) закрашиваем область за деревом.

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

Выбираем цвет #2b3c68 и мягкой кистью закрашиваем нижнюю часть картинки (поверх горы и дерева).

• Устанавливаем режим смешивания этого слоя на Lighten (Замена светлым).
• Уменьшаем Opacity (непрозрачность) до 28%.

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

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

Вырезаем эту область и меняем ее режим смешивания на Soft Light (Мягкий свет) с непрозрачностью 87%.

Ластиком (Е) удаляем лишние области и с помощью Smudge Tool(Палец) правим грубые участки.

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

Закончив с предыдущим шагом, создаем корректирующий слой Layer — New AdjustmentLayer — Curves (Слой — Новый корректирующий слой — Кривые).

• Уменьшаем Brightness (Яркость).
• Увеличиваем синий канал.
• Уменьшаем красный канал.

Добавляем новый корректирующий слой — Levels (Уровни). Output Levels (Выходные уровни) устанавливаем на 5 и 113 (преобразовываем этот слой в обтравочную маску, чтобы он влиял только на дерево, при этом корректирующий слой должен находиться сразу над слоем с деревом).

Добавляем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность). Устанавливаем Hue (Цветовой тон) на -2, Saturation (Насыщенность) — +49.

Дерево с права нужно разбавить новыми деталями. Вырезаем новый кусок растительности, который выделен красным на скриншоте ниже. Затем используем Curves (Кривые), чтобы подкорректировать его цвет.

Шаг 25

Выбираем цвет #132f4a и мягкой кистью закрашиваем дерево.

• Устанавливаем режим смешивания слоя на Lighten (Замена светлым).
• Opacity (Непрозрачность) уменьшаем до 12%.

Пора добавить финальные штрихи.

Создаем новый слой и объединяем все видимые слои (Ctrl+Alt+Shift+E). Затем получившийся слой дважды дублируем (Ctrl+J).

К первой копии применяем фильтр Filter — Other — High Pass (Фильтр — Другое — Цветовой контраст).

• В открывшемся окне устанавливаем Radius (Радиус) на 2.1 и жмем ОК.
• Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).
• Настраиваем непрозрачность слоя по своему вкусу.

(Это добавит резкости картинке, но, главное, не переусердствуйте с эффектом.)

Кликаем правой кнопкой по второй копии и выбираем Blending Options (Параметры наложения).

Находим параметр Channels (Каналы), отключаем канал В и жмем ОК.

Далее зажимаем Shift и слегка двигаем копию по горизонтали.

Это создаст эффект хроматической аберации, который присутствует на настоящих камерах.

Теперь мы должны добавить шум, который усилит эффект кинопленки, а также объединит все элементы картинки вместе.

• Создаем новый слой выше всех предыдущих.
• Переходим Edit — Fill (Редактирование — Заливка).
• Параметр Contents (Содержимое) устанавливаем на 50% Gray (Серый).
• Mode (Режим) устанавливаем на Normal (Нормальный).
• Opacity (Непрозрачность) — 100%.

Мы добавили слой с нейтральным серым оттенком.

Переходим Filter — Noise — Add Noise (Фильтр — Шум — Добавить шум).

• Устанавливаем Amount (Количество) на 10%.
• Distribution (Распределение) — на Gaussian (По Гауссу).
• Активируем Monochromatic (Монохромный) и жмем ОК.

Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет). Корректируем Opacity (непрозрачность) по своему вкусу. В данном случае я установил ее на 50%. Убедитесь, что шума не слишком много и он не портит работу.

Поздравляю, вы закончили!

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

PFY

Деревянный стиль в интерьере — 75 фото нестандартнеого дизайна

За последнее время люди стремятся к большой натуральности. Например, желание жить в доме, который построен из дерева весьма оригинально. Хорошо, если еще внутри жилого помещения все обустроено из деревянных материалов, например мебель и стены из деревянных материалов.

В нашей стране актуальны четыре стиля интерьера деревянных домов: «Деревянный терем», «Русский интерьер», «Дом охотника», «Скандинавский минимализм». Может быть, у вас есть какие-то собственные предпочтения касательно оформления жилья. Тем не менее, если вы выбираете деревянный стиль, есть аспекты, которые просто необходимо знать.

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

За отделкой интерьера деревом обращайтесь в столярную мастерскую «Имперский Лес». Профессионалы своего дела помогут в подборе интерьера и воплотят его в жизнь.

Оглавление статьи:

Какая отделка подбирается для деревянного стиля?

Если внутри дома большой потолок и объемная мебель, в роли отделки стен отлично подойдет длинное бревно. Бревна вполне соответствуют деревянному интерьеру. Главное только удачно подобрать цвет, который бы смог охарактеризовать стиль домашней обстановки.

Например, интерьер комнаты в деревянном стиле будет отлично смотреться с беленным бревном. Таким образом будет сделан акцент на деревенский стиль.

Также, бревнам можно придать пастельный тон, чтобы подчеркнуть в интерьере деревянный стиль «Прованс». Для нижнего настила используют паркет и ламинат, а вот на потолке размещают балки самых разных оттенков (для более простого варианта используют деревянные доски).

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

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

Деревянный дом в стиле «Сказочный терем»

Наверное, многим нравиться оформление старинных домов в русских сказках. Что-то подобное можно провернуть и в реальности. Понадобится такие материалы, как гобелены, стекла, керамическая плитка и пробка.

Для общей гармонии с балками, которые размещаются на потолке, используется матовая гипсокартонная панель. Деревянный стиль в интерьере «Сказочный терем» заключает в себе большие лестницы, арочные двери, керамическую плитку и печь.

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

Охотничий дом

Фото деревянного стиля в интерьере «Дом охотника» явно отображает сильную мужскую сторону. Здесь для отделки стен применяют либо темную древесину, либо более контрастный деревянный материал.

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

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

Жить как викинги

Обратите внимание на фото красивого интерьера из дерева в стиле «Скандинавский минимализм». Здесь уют дома заключается в его минимализме. Обрамление стен деревом придает оригинальности.

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

Фото деревянного стиля в интерьере

0 0 голоса

Рейтинг статьи

Как создать тень от объекта в фотошопе. Стиль слоя «Тень» в Photoshop. Создание теней для сложных объектов

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

Тень состоит из:

• собственной тени;
• отбрасываемой или падающей тени;
• полутеней.

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

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

Как сделать тень в фотошопе

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

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

Установим следующие параметры эффекта тени:

• непрозрачность установим на 100%;
• угол 90°;
• смещение 0 пикс.;
• размер 0 пикс..

Применим стиль, нажав на кнопку в окне ОК. После чего у нашего слоя появится стиль слоя который мы на него наложили. Теперь из созданного стиля мы создадим отдельный слой, для этого кликнем правой кнопкой мыши по эффекту тень у нашего слоя с объектом и в появившемся меню выберем образовать слой .

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

Так как у нас предмет освещен сзади, то в принципе наша тень так и будет падать, но по закону перспективы приближаясь к нам, она будет казаться немного больше. Таким образом, мы должны внести небольшие перспективные изменения.

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

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

Ну вот форма нашей тени готова, теперь размоем совсем немного края для этого идем в фильтр > размытие > размытие по гауссу и установим параметры которые нас будут удовлетворять.

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

Сделаем маску активной, после чего выберем инструмент градиент. Из предлагаемых градиентов выберем линейный черно — белый градиент.

Применим градиент к маске, тем самым получим эффект исчезающей тени.

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

На этом все в этом уроке я рассказал, как сделать тень в фотошопе. Если Вам необходимо построить тень от сферических объектов то рекомендую прочитать статью.

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

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

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

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

На оригинале изображения нет дорожного знака, я добавил его в Photoshop. Предположив, что у меня нет отправной точки, которая помогла бы мне решить, где расположен основной источник света (в данном случае, солнце), я создал тень дорожного знака, ориентируясь на тени от мужчины и девочки. Я создал ее под таким же углом и с такой же непрозрачностью. Если оригинальная тень, которую вы используете в качестве ориентира, размыта, вы можете применить к тени Размытие по Гауссу (Gaussian Blur) , чтобы сделать ее максимально похожей на оригинальную тень.

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

Соприкасающаяся тень
Я назову тень такого типа «соприкасающейся тенью», потому что я не знаю ее реального названия. Это очень важный вид тени, потому что на деле он говорит вам, стоит ли объект на поверхности или расположен близко к ней. На изображении ниже показан пример настоящей тени, где вы можете отчетливо разглядеть, что это за тип тени.

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

Способ, с помощью которого я создаю тени, которые вы видите на изображении ниже, таков: я беру Кисть (Brush) среднего размера (зависит от размера коллажа), устанавливаю ее Нажим (Flow) в районе 30%, а Непрозрачность (Opacity) кисти — в районе 25%. Затем я начинаю закрашивать края объекта в местах, где он соприкасается с поверхностью. Закрашиваю края, так сказать, изнутри. Посмотрите на изображение ниже для получения лучшего представления.

Это так называемая мной соприкасающаяся тень «до и после». Я не знаю ее формального названия.

Мягкая тень
Этот тип тени, возможно, даже более важный, нежели соприкасающаяся тень, поскольку она более заметна и, если вы ее создадите правильно, возможно, вам и не понадобится соприкасающаяся тень, о которой мы говорили выше.
В данном случае вы можете быть чуточку свободнее, поскольку здесь не нужно быть слишком точным. Просто возьмите мягкую кисть, установите значение Жесткость (Hardness) в районе 20-45% и закрашивайте участки вокруг объекта, с которым вы работаете. Не забывайте про то, что чем дальше вы перемещаетесь от объекта, тем менее непрозрачной будет тень, поскольку она увядает.

Посмотрите на изображение ниже. Я нарисовал тени с помощью большой мягкой кисти с низким значением Непрозрачности (Opacity) (20% или около того). Как видите, невозможно четко определить фигуру девушки в тени, поскольку она слишком размыта, но определенно добавляет реалистичности к общей сцене. Также обратите внимание на то, как тень теряет интенсивность по мере отдаления от объекта. Это все было создано с помощью мыши, а не планшета.

Отбрасываемая тень
Если вы хотите создавать более реалистичные тени в Photoshop, тогда вам нужно использовать другую технику. Почти всегда в Photoshop есть несколько способов достижения одного и того же результата. Попросту говоря, эта техника заключается в использовании формы объекта для создания тени.

Способ 1
Один из способов сделать это — дублировать слой, затем уменьшить его Яркость (Lightness) до 0. Затем, поместите дублированный слой под слоем с оригиналом и переименуйте его в Shadow (Тень), если хотите.
Я уже сделал небольшой демо ролик о том, как создавать тени такого рода. Вы можете посмотреть его . После этого, воспользуйтесь инструментом Искажение (Distort), чтобы скорректировать тень на свой вкус. Вы можете применить Размытие по Гауссу (Gaussian Blur), если захотите размыть тень, а также можете скорректировать Непрозрачность (Opacity) слоя.

Затем я применил немного Размытие по Гауссу (Gaussian Blur), уменьшил Непрозрачность (Opacity) слоя и использовал Маску слоя (Layer Mask) и Градиент (Gradient), чтобы сделать тень увядающей. Затем, с помощью Искажения (Distort) (Ctrl+T или меню Редактирование (Edit) — Трансформация (Transform) — Искажение (Distort)) я немного ее наклонил.

Способ 2
Второй способ достижения того же результата, что на изображении выше, заключается в использовании Стилей слоя (Layer Styles).Я полагаю, что он более легкий и более быстрый. Я покажу вам реально классный способ, который многие не знают.

Просто откройте окно Стилей слоя (Layer Styles) (в моем примере слой Tower (Башня)) и добавьте Тень (Drop Shadow). Наиболее важный параметр здесь — Размер (Size) тени. С помощью этого параметра вы контролируете степень размытия вашей тени.
Увеличьте Непрозрачность (Opacity) до 100%, поскольку потом вы сможете по желанию уменьшить ее с помощью слайдера Непрозрачности (Opacity) в палитре слоев. Я использовал высокое значение Смещения (Distance) в данном примере, таким образом, чтобы можно было видеть лучше создаваемую тень, но этот параметр не важен.

Теперь самое интересное. Вы можете превратить эту тень в отдельный слой. Кликните правой кнопкой мыши по названию эффекта тени для слоя в палитре слоев и выберите Создать слой (Create Layer).

Это действие создает новый слой с теми же настройками Режима смешивания (Blend Mode) и Непрозрачности (Opacity). Вы можете проделывать это с любым эффектом. После чего, Отразите (Flip) слой и при необходимости уменьшите его Непрозрачность (Opacity). Повторите действия для наклона тени, изложенные выше.

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

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

Создание такого рода световых эффектов в Photoshop не сложно, но если вы хотите получить реалистичный падающий свет, то вам придется немного подумать. Здесь очень важны режимы смешивания. Не бойтесь создавать каждый световой эффект на отдельном слое и для каждого из них применять собственный режим смешивания.
Первое, что я создал — источник света. Я взял достаточно большую мягкую кисть желтого цвета и нарисовал большую точку. Затем прошелся по всем режимам смешивания, чтобы понять, какой из них лучше всего мне подходит.
Помните, что режимы смешивания влияют на значения яркости. Если свет выглядит не так, как вы того желаете при любых режимах смешивания, попробуйте использовать более темный, менее насыщенный цвет. В данном примере я использовал темно-желтый цвет для создания свечения.

Затем я создал заключительное свечение, используя фильтр Блик (Lens Flare) в меню Фильтр (Filter) — Рендеринг (Rendering) — Блик (Lens Flare). Я создал квадратное выделение, залил его черным цветом на новом слое и добавил блик в центре этого черного квадрата. Затем изменил его цвет на желтый с помощью Корректирующего слоя (Adjustment Layer) Цветовой тон/ Насыщенность (Hue/ Saturation) и изменил режим смешивания слоя на Экран/Осветление (Screen), чтобы скрыть черные участки квадрата.

Когда источник света готов, необходимо воспроизвести падающий от него свет на других объектах, таких как земля или стены. Наиболее распространенный способ для этого — использование мягкой кисти и, в данном случае, желтого цвета.
Я нашел, что режимы смешивания Осветление Основы (Color Dodge), Яркий свет (Vivid Light) и Линейный осветлитель (Добавить) (Linear Dodge (Add)) лучше всего подходят для создания световых эффектов, но, как я уже сказал, это зависит от цветов и уровней яркости вашего фона. Реалистичность освещения зависит от того, где вы его расположите.

Как видите на изображении выше, добавление света на земле придает коллажу даже большей реалистичности. Он был сделан с помощью большой мягкой кисти желтого цвета и режима смешивания Осветление Основы (Color Dodge), затем я использовал инструмент Искажение (Distort) (Ctrl+T) и сжал его по горизонтали. Благодаря добавлению освещения на стене слева, оно стало еще более реалистичным. Поэтому, как я сказал выше, все зависит от того, где вы разместите освещение. Чтобы создать освещение на стене, я просто дублировал освещение земли и отразил его.

Освещение поверхности
Еще один способ создания различного вида освещения — использование Стилей слоя (Layer Styles). Эта техника используется, когда объект освещается сбоку или сзади.
Данная техника состоит из добавления Внутреннего свечения (Inner Shadow) и использования режима смешивания, который больше подходит в той или иной ситуации.
Использование одного и того же режима смешивания не всегда работает, вам придется подбирать его. Наша цель — воссоздание света на краях объекта.

Цвет освещения зависит от того, работаете ли вы над коллажем с дневным освещением или ночной сценой. Если вы используете режимы Осветление (Dodge) или Яркий свет (Vivid Light), то вам следует использовать темные цвета, поскольку эти режимы смешивания сделают их ярче. Вам придется пробовать и ошибаться много раз прежде, чем вы найдете подходящее значение яркости. Также не обязательно, чтобы эффект был очень заметным. Даже едва уловимый эффект изменит вид вашего объекта.
Я набросал иллюстрацию того, что только что объяснил. Это грубый вариант, но он нам подходит. Посмотрите на изображение ниже. Я применил к нему Внутреннюю тень (Inner Shadow) с настройками, представленными на изображении выше.

Вот еще один пример коллажа VinternnV с сайта deviantART.

Этот способ имеет свои недостатки. Когда мы применяем настройки Внутренней тени (Inner Shadow), то он часто создает эффект освещения на нежелательных участках.
Я обычно увеличиваю значение параметра Смещение (Distance) и изменяю Угол (Angle), чтобы подстроиться под направление источника света, но даже в этом случае вы можете получить нежелательные результаты. Увеличивая настройки Размера (Size), вы получаете более размытый эффект, но обычно достаточно только тонкой линии света для того, чтобы он смотрелся хорошо. Посмотрите на изображение ниже для наглядности. Я сделал эффект очень сильным, чтобы вы могли разглядеть его лучше.

Как видите на изображении выше, результатом применения Внутреннего свечения (Inner Shadow) для создания освещения стали некоторые нежелательные эффекты. В данном примере они не смотрятся ужасно, но представим, что я не хочу, чтобы на обведенном мной участке на изображении выше был такой эффект освещения.
Как же избавиться от этого, не затрагивая участки, которые у нас в порядке? Вы не можете воспользоваться ластиком, поскольку это Стиль слоя (Layer Style). Было время, когда я имел с этим большие трудности, но в итоге я нашел решение этой проблемы.

Решение заключается в преобразовании стиля (в данном случае Внутренняя тень (Inner Shadow) в отдельный слой, как я рассказывал ранее, когда мы говорили о тенях). Держу пари, не многие люди используют этот прием в Photoshop, но он реально полезен, например, когда вы хотите использовать эффект, который уже использовался. Например, если вы хотите использовать два разных эффекта тени.

Итак, чтобы расширить возможности эффектов слоя, кликните правой кнопкой мыши по нужному эффекту и выберите Создать слой (Create Layer). Этим действием вы автоматически создаете новую обтравочную маску (clipping mask) слоя с Непрозрачностью (Opacity) и режимом смешивания, которые вы остановили для этого стиля слоя. После этого, вы можете создать маску слоя и замаскировать нежелательные участки.

Глобальное освещение
Последний вид эффекта освещения — глобальное освещение, которое я создаю с помощью фильтра Эффект освещения (Lighting Effect). Я применяю данный фильтр почти во всех своих коллажах на заключительных шагах. Этот эффект сделают ваш коллаж на 99% лучше. Это разрушающий фильтр, иными словами, как только вы примените его, он тут же изменит ваше изображение, и этот эффект нельзя будет отменить. Вы можете найти этот световой фильтр в меню Фильтр (Filter) — Рендеринг (Render) — Эффекты освещения (Lighting Effects).

Но есть неразрушающий способ применения этого фильтра, если вы конвертируете слой в Смарт-объект (Smart Object). Вы можете конвертировать обычный слой в Смарт-объект (Smart Object) в палитре слоев. Кликните правой кнопкой мыши по слою и выберите Преобразовать в Смарт-объект (Smart object). Ниже вы можете увидеть несколько примеров эффекта глобального освещения.

Пример 1

Пример 2

Вот и все, что касается теней и освещения. Я надеюсь, вы что-то уяснили для себя. Это все для ваших экспериментов и вашей практики.

В этом уроке мы будем создавать тень от дерева сложной формы.

1. Откройте изображение с деревом. Вырежите его и перенесите на ваш рабочий документ. Дублируйте слой с деревом (Ctrl + J)

2. Слой-дубликат назовите «Тень». Примените к нему режим наложения «Умножение» (Multiply). Также примените стиль слоя Наложение цвета (Color Overlay) > Черный (Black) и установите заливку (Fill) на 98% .

3. Затем выберите функцию Редактирование > Трансформирование > Наклон (Edit > Transform > Skew). Вы увидите рамку, а в центре значок в виде цели. Переместите точку центра вниз дерева. Затем трансформируйте слой так, чтобы был достигнут нужный угол тени (он будет определен направлением падения света).

4. Допустим, что солнце светит с правой стороны. Это можно понять, если внимательно посмотреть на ствол дерева: правая сторона дерева светлее левой. Таким образом, тень должна падать налево, на землю.

Тень должна быть самой темной у основания, а чем дальше от объекта, тем она должна становиться светлее. Значит, нам нужно плавно смягчить тень. Для этого мы воспользуемся быстрой маской.

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

5. Можно еще немного осветлить тень с помощью Кривой, для этого нажмите Ctrl + M (Image > Adjustment > Curves).

6. Если на земле, куда падает тень от дерева, находятся какие-то объекты, то тень должна их обходить или проходить по ним.
Чем длиннее тень, тем больше она расширяется и смазывается в светлой своей части.

Имейте в виду также и то, что чем дальше тень от объекта, тем ее края становится более размытыми («виньеточное» проявление).
Для этого выделите необходимую область и примените к ней растушевку (Select[Выделение] > Feather[Растушевка]), а затем добавьте маску. (прим. перевод.)
Также можно использовать и Размытие по Гауссу (Gaussian blur) для облегчения тени.

7. Наше дерево готово для пересаживания. Так как мы располагаем дерево не на ровной местности, а на гористой, то и тень будет с перепадами, которые необходимо отрегулировать.

Все нужные корректировки вы можете провести с помощью Свободной трансформации (Ctrl + T).

В этом уроке я расскажу как сделать различные виды тени в Adobe Photoshop. Итак, начнем с самого легкого способа сделать тень

1. Тень простого объекта

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

Создаем новый слой, выбираем инструмент «кисть» (brush tool), далее выбираем мягкую кисть (с размытием на краях) (soft) и произвольно создаем одну окружность

Теперь нажимаем клавиши Ctrl+T (Свободное трансформирование) или заходим в панель «Редактирование»- «Свободное трансформирование» (Edit — Free transform path) и сжимаем получившуюся тень сверху вниз. В слоях помещаем тень под овал и уменьшаем параметр прозрачности тени. Готово!

2. Сложная тень объекта

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

Выберем в слоях наш цветок и нажимаем в панели инструментов на значок «Быстрое выделение» — (quick selection tool), начинаем выделять нижний край листиков. Теперь в верхней панели заходим в меню «Слои» — «Новый слой — заливка» — «Залить цветом» (Layer — New fill layer — Solid color).

Нажимаем «ОК» и выбираем необходимый цвет. Поскольку цвет тени должен быть черным — выбираем черный цвет.

Получаем новый слой, который залит черным цветом, в точности повторяющий контур листиков цветка. Теперь в параметре «Слои» переносим наш новый, черный слой под слой цветка и немного сместим вниз (как на картинке ниже)

Уменьшаем степень прозрачности до 20% и удаляем ненужную тень ластиком (которая выходит за размер горшка), предварительно выбрав в слоях слой — тень. Это был второй способ как сделать тень в фотошопе (photoshop)

2.2 Тень объекта полностью

Как создать тень горшка с цветком полностью? — Очень просто. Выделяем в слоях цветок и горшок — преобразуем в «Смарт объект» (Convert to smart object) объединяя слои и точно таким же способом с помощью «Быстрого выделения» — (quick selection tool), начинаем выделять цветок с горшком полностью. Далее, проводи точно такую процедуру, как в предыдущей голове: «Слои» — «Новый слой — заливка» — «Залить цветом» (Layer — New fill layer — Solid color).

Теперь помещаем наш новый, черный слой, под цветок с горшком, трансформируем его, нажатием клавиш Ctrl+T, поворачиваем и растягиваем так как нам необходимо. Уменьшаем прозрачность и готово!

3. Внутренняя и внешняя тень

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

Теперь ставим галочку на параметре «Выпадающая тень» (Drop shadow). Экспериментируем с углом падения тени и прозрачностью, добиваясь необходимого результата.

Помимо этого способа, есть еще один простой способ сделать внешнюю тень в фотошопе. Выбираем параметр «Обводка» (Stroke) и в парметре Fill Type выбираем градиент. Регулируем прозрачность и размер по своему усмотрению.

4. Long shadow

Последний вид тени о котором я расскажу это —Long shadow. Для примера оставим тот же объект — эллипс. Итак, для наглядности я создам букву. пусть это будет «Е», преобразую в смарт объект для удобства, размещу в центре круга букву и залью ее белым цветом.

Самый простой способ создать тень в фотошопе, такую как Long Shadow, это создать прямоугольный объект (находим в левой панели Rectangle tool), заливаем черным цветом и трансформируем Ctrl-T. Если зажать клавишу Shift при вращении объекта, во время трансформирования, то Вы можете вращать объект по 15 градусов.

Теперь растягиваем черный, прямоугольный объект по ширине нашей буквы.

Удаляем ластиком ненужное.

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

Теперь выбираем ластик на левой-боковой панели, выставляем прозрачность на 25-30% и несколько раз нажимаем на край тени.

Должно получиться примерно так:

Теперь уменьшаем прозрачность и получаем финальный результат

Данный способ создания Long shadow, является самым простым и легким. Если вам необходимо создать тень сложного объекта или слова, то используйте тот же прямоугольный объект под углом 45 градусов, как направляющие, затем возьмите инструмент «Перо» (Pen tool) и обведите по контуру — заливаем получившийся объект регулируем прозрачность и размываем ластиком край тени.

Сделать тень в фотошопе очень просто. Сегодня я рассказал Вам о нескольких простых способах. Удачи!

Рекомендую обратить особое внимание на чекбокс «Глобальное освещение» (Use Global Light). По умолчанию в нём проставлена галка. Наличие галки говорит о том, что при изменении угла освещения в конкретно этом стиле слоя «Тень», угол освещения будет изменяться и в других стилях этого документа, использующих освещение, таких, как «Тиснение» (Bevel and Emboss), «Внутренняя тень» (Inner Shadow), «Тенях», применённых к другим слоям, и т.д. Без галки у каждого из этих стилей будет свой собственный угол освещения. В большинстве случаев галка применяется, т.к. обычно для всех эффектов нужен единый источник света:

В примере угол освещения верхнего и нижнего текста 130° и 50° соответственно, кроме того, я добавил эффект «Тиснение» (Bevel and Emboss) с такими же углами освещения:

Смещение (Distance)

Ползунок смещения изменяет визуальное кажущееся расстояние между объектом и фоном, на котором лежит тень. Эффект достигается за счет смещения тени относительно объекта, который её отбрасывает:

В примере тень нижнего текста смещена сильнее, что даёт эффект большего расстояния объекта от фона:

Размах (Spread)

Ползунок «Размах» изменяет уменьшение интенсивности тени линейно, или, другими словами, изменяет то, как она постепенно исчезает при приближении к краю.

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

Пример текстов с разными значениями «Размаха»:

Размер (Size)

Ползунок «Размера» изменяет видимый размер тени. Когда он установлен но ноль, тень имеет точно такой же размер, как и форма объекта. При увеличении значения этого параметра, форма тени увеличивается в размере с шагом в 1 пиксель.

Пример разных значений «Размера»:

Контур (Contour)

Контур формы позволяют изменять затухание тени к краям с линейного типа на нелинейное. Для этого следует выбрать готовые или создать самому профилей кривой.

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

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

В следующем примере форма контура изменена с линейной на форму обычной и перевёрнутой буквы «U»:

Шум (Noise)

Опция «шум» является весьма полезной, когда необходимо придать вашей тени зернистость, например, при создании стиля, напоминающего, к примеру, бетон. Для совершенно гладкой тени оставьте его значение 0%.

В примере ниже в верхнем тексте шум имеет значение 15%, а в нижнем тексте — 35%. Обычно шум применяется в диапазоне от 0 до 25%, считается, что значение выше 25% даёт неестественные результаты:

Слой выбивает тень (Layer Knocks Out Drop Shadow)

Понимание этой опции несколько сложно для новичков.

Когда вы создаёте слой и применяете к нему стили, в рабочем окне отображаются две вещи, слой и стили. Если вы уменьшаете опцию «Заливка» (Fill) до 0%, то содержимое слоя скрывается из видимости, но содержимое стиля отображается так же, как и раньше, подробнее читайте в Руководстве по опциям «Заливка» и «Непрозрачность» и .
Но, под слоем с «Заливкой», равной нулю, отображается содержимое слоя, находящегося под ним , и при включённой опции «Слой выбивает тень» это содержимое перекрывает тень. Если снять галку, то содержимое нижнего слоя отображаться не будет, и, соответственно, не будет перекрывать стиль слоя тень. На примере ниже у верхнего текста эта опция включена, у нижнего — отключена.

Сохранение и загрузка настроек стилей слоя по умолчанию

Вы можете сохранять и загружать настройки по умолчанию для каждого эффекта в диалоговом окне стилей слоя. Нажав на кнопку «Использовать по умолчанию» (Make Default), Photoshop сохранит активные в настоящее время настройки, как новые настройки по умолчанию для этого эффекта.
Нажав на кнопку «Восстановить значения по умолчанию» (Reset to Default), Photoshop загрузит эти сохранённые настройки.

Как нарисовать красивое дерево в фотошоп | Pixelbox.ru — Дополнения и уроки по Фотошопу

На самом деле нарисовать дерево в фотошопе не так уж трудно. Нужно лишь немного усилий и фантазии.

Что в основном мы будем использовать в этом уроке:

• Кисть. Её мы нарисуем все основные моменты.
• Smudge Tool (Палец) — позволит размазать коре дерева. Звучит дико, но в процессе вы поймете зачем.
• Eraser Tol (Ластик) — поправлять рисованное изображение
• Яркость и контраст
• Фильтр Размытие по Гауссу

 

Художественное образование и умение рисовать от руки не потребуется! Нужно всего несколько минут.

Шаг 1. Создание нового документа.

Откроем новый файл: File – New (ctrl+n)

Шаг 1. Делаем наброски дерева

Возьмем Brush Tool маленького размера и сделаем набросок будущего дерева.

Шаг 3. Детализируем ствол

Создадим новый слой: Layer » New » Layer и нарисуем кору дерева, используя Brush Tool. Используйте цвет, который будет основным.

Поменяйте настройки кисти и нарисуйте текустуру.

Теперь прорисуйте к коре четкие светлые и темные части.

Используя Brush Tool сделайте боле глубокими тени.

Используя Smudge Tool размажте кору дерева, но сохранив ее текстуру.

Шаг 4. Начинаем рисовать листву

Новый слой. Нарисуем листву дерева с помощью Brush Tool.

Теперь возьмите другую кисть и нарисуйте листву разными цветами.

Удалите слой, содержащий эскис, нажав кнопку Delete Layer на внизу на палитре слоев. Вставьте новый слой на место, где был слой с эскизом и залейте его соответствующим цветом, используя Paint Bucket Tool.

Подкорректируйте листву на дереве и ее границы, используя Eraser Tool, выбрав нужную кисть и стерев необходимые участки точечными мазками.

Используя Smudge Tool подкорректируйте нижнюю часть ствола дерева.

Применим к слою со стволом дерева следующее: Image » Adjustments » Brightness/Contrast.

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

Теперь необходимо взять кисть в форме листьев. Установите такие же параметры для кисти, как указаны на скрине ниже.

Теперь нарисуйте листики.

Шаг 6. Последние штрихи.

Сделайте дубликат слоя с листвой: Layer » Duplicate Layer. Поместите его ниже слоя с оригиналом листвы и примените фильтр: (Filter » Blur » Gaussian Blur).

Теперь склеим все слои в один Layer » Merge Visible (shift+ctrl+e) и придадим дереву эффекст солнечного света между листьями. Это можно сделать, используя Dodge Tool.

Дублируем слой и применим к нему фильтр (Gaussian Blur). Меняем режим слоя на Soft Light и ставим прозрачность 73%

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Photoshop Эффект дерева Текстовый эффект Учебник по Photoshop

www.psd-dude.com

Узнайте, как создать дерево текста в Photoshop из этого простого в использовании руководства. Весь текст будет покрыт листьями, поэтому мы получим очень органичный и естественный вид. Эту технику можно использовать для создания других текстовых эффектов , просто заменив листья чем-то другим (цветами, сердечками и т. Д.).

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

Твитнуть

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

Начнем с фонового слоя.Добавьте мягкий серый градиент к этому первому слою, используя Gradient Tool. Использовать Линейный градиент с двумя оттенками светло-серого: # dad8d8 и #cecccc.

Откройте окно стилей слоя и добавьте Pattern Overlay , используя Cardoard Pattern №7 из этого набора бесплатных Картонные выкройки. Вы, конечно, можете использовать другую текстуру, например Paper Texture будет выглядеть так же красиво.

Добавьте Color Overlay из того же окна, используя этот цвет # 969595.Убедитесь, что вы установили Blend Mode to Color Burn .

Добавьте слой Gradient Fill , используя эти цвета градиента. Установите Gradient Blend Mode на Мягкий свет 100%. Как видите, у градиента есть несколько прозрачных областей с непрозрачностью 0%.

Пора добавить простой текст «ДЕРЕВО» заглавными буквами. Я буду использовать шрифт по умолчанию, который есть в Photoshop CS4, Hobo Std . Настройки следующие:

Если мы хотим изменить форму текста, не влияя на качество изображения, мы должны преобразовать его в вектор.В Photoshop мы можем сделать это с помощью опции Convert Text to Shape . Теперь мы можем используйте инструмент Covert Point Tool , чтобы внести небольшие изменения, но вы можете оставить все как есть.

Продублируйте слой Tree Text Shape 3 раза. Начните с формы текста дерева 1 и добавьте следующие стили слоя: Bevel and Emboss , Color Overlay , Gradient Overlay и Наложение рисунка .

Для Pattern Overlay используйте этот красивый Paper Pattern.я выбрали третий узор из этого красивого набора, который имеет приятный зеленый цвет.

Теперь поработаем со вторым слоем, Tree Text Shape 2 . Уменьшите Fill до 0% и добавьте следующие стили слоя: Inner Shadow , Pattern Overlay и Bevel and Emboss .

Для Pattern Overlay я буду использовать это Текстура листа как образец. Скопируйте изображение в Photoshop, измените его размер примерно до 200 пикселей и Define Pattern ( Edit Menu ).

Для Bevel and Emboss выполните настройки, представленные ниже, и не забудьте добавить Texture , используя Leaf Pattern , сделанный на предыдущем шаге.

Теперь для последнего слоя Tree Text Shape 3 прежде всего уменьшите Fill до 0% и добавьте Gradient Overlay и Внутренняя тень .

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

Добавьте перспективу к тени с помощью инструмента Perspective Tool .

Используйте Gaussian Blur , чтобы смягчить тень. Уменьшите Заливку до 0% и добавьте Gradient Overlay с прозрачность. Вы можете использовать другой слой тени с другим цветом для градиента; попытаться сделать тени выглядят более реалистично.

Так выглядит эффект Tree Text Effect до сих пор:

Теперь я хочу добавить больше листьев вокруг текстового эффекта.Для этого я буду использовать тот же образец Leaf Pattern , который мы использовали. на предыдущем шаге. Создайте еще один слой под названием Background Leafs и поместите его ниже Слои формы текста .

Создайте еще один пустой слой и объедините его с Background Leafs , таким образом мы получим растеризованный лист. текстура.

Используйте инструмент Magic Wand Tool , чтобы выбрать белые области и удалить их. Возможно, вам придется отрегулировать Яркость / контраст Баланс для получения хороших результатов.

Используйте инструмент Eraser Tool , чтобы отрегулировать количество листьев, которые выглядят странно.

Отрегулируйте баланс Hue / Saturation со следующими настройками, а также затемните листья на нижняя часть изображения с использованием баланса Яркость / Контраст .

Создайте еще один слой поверх всех слоев формы текста и назовите его Leafs Layer . Скопируйте несколько листьев из слой Background Leafs и используйте инструмент Clone Stamp Tool , чтобы случайным образом добавить листья поверх всех букв.

Я использовал Color Overlay , чтобы вы могли четко видеть, где добавляются листья.

Дублируйте слой Leafs и переместите его вправо и вниз, как на изображении. Уменьшить Заливка до 0% и добавьте Color Overlay black с непрозрачностью 55%. Выберите Text Shape Layer и нажмите SHIFT + CTRL + I от до Выберите инверсный . Нажмите удалить, находясь в слое Leafs Layer . Добавьте также мягкий Размытие по Гауссу .

Для последних штрихов вы можете добавить слой Gradient Fill Layer и установить Blend Mode на Soft Light , непрозрачность 50%.

Добавьте корректирующий слой Яркость / Контрастность со следующими настройками, чтобы получить лучший контраст. для текстового эффекта .

Я действительно надеюсь, что вам понравилось читать этот учебник по текстовым эффектам Photoshop , и я не могу дождаться, чтобы увидеть ваши результаты. Так что не стесняйтесь загружать свой текстовый эффект дерева в наш раздел комментариев!

Эффект

«Солнечный свет сквозь деревья» в Photoshop

Шаг 1. Откройте панель «Каналы»

С нашим изображением, недавно открытым в Photoshop, давайте быстро взглянем на нашу панель «Слои», где мы находим изображение, расположенное на фоновом слое, который в настоящее время является единственным слоем в документе:

Панель «Слои», показывающая изображение на фоновом слое.

Каждый цвет, который мы видим на нашем изображении, состоит из некоторой комбинации трех основных цветов — красного , зеленого и синего — основных цветов света. Photoshop представляет эти основные цвета как цветовые каналы. Есть канал для красного, канал для зеленого и, как вы уже догадались, канал для синего. Почему мы говорим о цветовых каналах? Что ж, мы можем использовать эти цветовые каналы, чтобы создавать наши лучи солнечного света.

Вы найдете три цветовых канала на панели каналов Photoshop , и вы найдете панель «Каналы», вложенную в ту же группу панелей , что и панель «Слои» (а также панель «Пути», которую мы не будем использовать. используя здесь).По умолчанию панель «Слои» является активной панелью в группе. Чтобы переключиться на панель каналов, щелкните вкладку на ее вкладке вверху группы:

Щелкните вкладку, чтобы открыть панель «Каналы».

При открытой панели «Каналы» вы увидите каналы Red , Green и Blue , которые очень похожи на слои на панели «Слои». Вы также увидите то, что выглядит как четвертый канал — RGB — вверху, но на самом деле это не канал.«RGB» означает «красный, зеленый и синий», и это просто смесь красного, зеленого и синего каналов. Другими словами, это то, что мы видим как наше полноцветное изображение:

Панель каналов в Photoshop.

Шаг 2. Выберите канал с наибольшей контрастностью

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

Для этого просто щелкните каждый из трех каналов. Когда вы нажимаете на каждый канал, Photoshop заменяет ваше полноцветное изображение предварительным просмотром того, как выглядит изображение в градациях серого с этого канала. Например, я нажму на канал Red , чтобы выбрать его:

Щелкните красный канал, чтобы выбрать его.

А вот версия в оттенках серого с моего Красного канала. Что касается контраста, это неплохо, но давайте посмотрим, сможем ли мы добиться большего:

Изображение красного канала в оттенках серого.

Запомните, как выглядит это первое изображение в градациях серого, затем щелкните канал Зеленый :

Щелчок по зеленому каналу.

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

Изображение зеленого канала в оттенках серого.

Опять же, запомните, как выглядит ваш Зеленый канал, затем нажмите на Синий канал :

Выбор синего канала.

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

Синий канал имеет самый сильный контраст из трех.

Шаг 3. Сделайте копию канала

Теперь, когда мы знаем, какой канал предлагает самый высокий контраст, нам нужно сделать его копию. В моем случае синий канал — это тот, который мне нужен. Чтобы скопировать его, все, что мне нужно сделать, это щелкнуть по нему и, удерживая кнопку мыши, перетащить синий канал на значок New Channel в нижней части панели каналов (второй значок справа) :

Копирование канала путем перетаскивания его на значок «Новый канал».

Когда я отпускаю кнопку мыши, Photoshop создает копию канала, называет ее «Синяя копия» и помещает ее под другими каналами:

Копия синего канала отображается под оригиналом.

Шаг 4: затемните темные области дальше с помощью команды уровней

Теперь, когда мы сделали копию канала, нам нужно еще больше увеличить его контраст, затемняя большую часть изображения до чистого черного. Мы можем сделать это с помощью настройки изображения «Уровни» в Photoshop. Подойдите к меню Image в строке меню в верхней части экрана, выберите Adjustments , а затем выберите Levels :

Идем в Изображение> Коррекция> Уровни.

Откроется диалоговое окно «Уровни».Если вы посмотрите прямо под гистограмму (черный график, который выглядит как горный хребет) в центре, вы увидите три маленьких ползунка . Слева есть черный, справа белый и посередине серый. Белые и серые ползунки можно игнорировать. Нам нужен только черный слева.

Чтобы затемнить самые темные области изображения до чистого черного, нажмите на черный ползунок и начните перетаскивать его вправо. Следите за своим изображением, перетаскивая ползунок, и вы увидите, что темные области постепенно становятся темнее.Продолжайте перетаскивать вправо, пока все темные области изображения не станут сплошными черными:

Перетаскивая черный ползунок, сместите темные области в черные.

По завершении нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Уровни». Вот мое изображение после перетаскивания ползунка. Деревья и участки земли теперь кажутся залитыми черным, а небо на заднем плане остается красивым и ярким:

Результат после применения настройки «Уровни».

Шаг 5. Выберите инструмент «Кисть»

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

Самый простой способ сделать это — просто закрасить землю черным цветом. Для этого нам понадобится инструмент Photoshop Brush Tool . Я выберу его на панели инструментов в левой части экрана:

Выбор инструмента «Кисть».

Шаг 6. Установите черный цвет переднего плана

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

Самый быстрый способ сделать это — нажать на клавиатуре букву D , чтобы сбросить цвета переднего плана и фона на значения по умолчанию. Это установит цвет переднего плана на белый, а цвет фона на черный. Затем нажмите на клавиатуре букву X , чтобы поменять их местами, сделав черный цвет передним планом.

Вы можете просмотреть свои текущие цвета переднего плана и фона в образцах цветов в нижней части панели инструментов. Образец цвета переднего плана (в верхнем левом углу) теперь должен быть черным:

Установка черного цвета переднего плана (верхний левый образец).

Шаг 7: Закрасьте землю

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

Если вам нужно изменить размер кисти, вы можете изменить его прямо с клавиатуры. Повторное нажатие левой клавиши скобки ( [) уменьшит размер кисти. Повторное нажатие клавиши правой скобки (] ) приведет к ее увеличению. Вы также можете настроить жесткость кисти с клавиатуры. Нажмите и удерживайте клавишу Shift , одновременно нажимая клавишу левой скобки , чтобы сделать кисть более мягкой.Нажмите и удерживайте Shift , одновременно нажимая клавишу правой скобки , чтобы кисть стала жестче.

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

Окрашивание черным цветом для покрытия земли.

Я продолжу закрашивать правую сторону, и вот мой результат. Теперь земля залита черным, и только небо, просвечивающее сквозь деревья, остается ярким:

Яркие участки земли закрашены.

Шаг 8. Загрузите канал как выделенный фрагмент

Далее нам нужно загрузить наш канал как выделение. Для этого нажмите и удерживайте Ctrl (Win) / Command (Mac) на клавиатуре и щелкните прямо на канале «Синяя копия»:

Щелчок по каналу, удерживая Ctrl (Win) / Command (Mac).

Контуры выделения появятся вокруг ярких участков неба:

Яркие области выделены.

Шаг 9: Выберите канал RGB

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

Щелкните канал RGB вверху.

Как только мы выбираем канал RGB, возвращается наша полноцветная версия. Обратите внимание, что небо, просвечивающее сквозь деревья, по-прежнему выделено:

Контуры выделения все еще отображаются после восстановления цвета.

Шаг 10. Вернитесь к панели слоев

Мы закончили работу с панелью каналов, поэтому давайте вернемся к панели Layers , щелкнув ее вкладку в верхней части группы панелей:

Щелкните вкладку панели «Слои».

Шаг 11. Добавьте новый пустой слой

Мы хотим разместить наши солнечные лучи на отдельном слое, чтобы отделить их от исходного изображения, что означает, что нам нужно добавить новый пустой слой в документ. Чтобы добавить один, щелкните значок New Layer внизу панели «Слои»:

Щелкните значок «Новый слой».

Photoshop добавляет новый пустой слой с именем «Слой 1» над фоновым слоем:

Панель «Слои», показывающая новый «Слой 1».

Шаг 12: Залейте выделение белым цветом

Теперь, когда мы работаем над новым слоем, нам нужно заполнить выделение белым цветом.Для этого мы воспользуемся командой Photoshop «Заливка». Поднимитесь в меню Edit вверху экрана и выберите Fill :

Идем в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка». Измените параметр Contents вверху на White (если вы используете Photoshop CS6 или более раннюю версию, измените параметр Use на White ). Убедитесь, что для двух других параметров установлены значения по умолчанию ( Mode должен быть установлен на Normal и Opacity должен быть на 100% ):

Установка «Содержание» на «Белый».

Щелкните OK, чтобы закрыть диалоговое окно «Заливка». Наш выбор неба теперь заполнен белым цветом:

Результат после заливки выделения белым цветом.

Шаг 13: Отмените выбор

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

Собираюсь Выбрать> Отменить выбор.

Шаг 14: Создайте копию слоя 1

Затем нам нужно сделать копию слоя 1. Для этого щелкните Layer 1 на панели слоев, удерживая кнопку мыши нажатой, перетащите слой вниз на значок New Layer :

Перетаскивание слоя 1 на значок нового слоя.

Когда вы отпускаете кнопку мыши, Photoshop создает копию слоя, называет ее «Копия слоя 1» и помещает ее над оригиналом:

Панель «Слои», отображающая три слоя в документе.

Шаг 15: переименуйте два верхних слоя

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

Двойной щелчок по названию верхнего слоя.

Это слой, который мы будем использовать для создания солнечных лучей, поэтому назовем его «Sunbeams». Нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы принять изменение имени:

Слой «Копия слоя 1» был переименован в «Солнечные лучи».

Далее, дважды щелкните на «Слое 1», чтобы выделить его:

Двойной щелчок по названию «Layer 1».

Мы будем использовать этот слой, чтобы добавить на землю отражения от солнечных лучей, поэтому назовем этот слой «Отражения». Снова нажмите Введите (Win) / Верните (Mac), чтобы принять изменение имени:

«Слой 1» теперь является слоем «Отражения».

Шаг 16. Отключите слой «Отражения»

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

Щелкните значок видимости для слоя «Отражения».

Шаг 17. Преобразование слоя «Солнечные лучи» в смарт-объект

Через мгновение мы собираемся создать наши солнечные лучи, используя фильтр радиального размытия Photoshop. Но проблема с фильтром «Радиальное размытие» в том, что добиться точного изображения с первой попытки может быть непросто.

Чтобы упростить нам задачу, давайте применим фильтр «Радиальное размытие» как интеллектуальный фильтр , который сохранит редактируемые настройки фильтра даже после того, как мы его применили.Для этого нам сначала нужно преобразовать слой «Солнечные лучи» в смарт-объект . Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на слое «Солнечные лучи» на панели «Слои». Убедитесь, что вы нажали на пустую серую область, а не на миниатюру:

Щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу «Control» (Mac) на слое «Солнечные лучи».

Выберите Преобразовать в смарт-объект в появившемся меню:

Выбор команды «Преобразовать в смарт-объект».

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

.

Значок смарт-объекта отображается на эскизе предварительного просмотра слоя.

Шаг 18: Применение фильтра радиального размытия

Теперь, когда мы преобразовали слой в смарт-объект, давайте выберем фильтр Radial Blur, перейдя в меню Filter в верхней части экрана, выбрав Blur , а затем выбрав Radial Blur :

Идем в Фильтр> Размытие> Радиальное размытие.

Откроется диалоговое окно «Радиальное размытие». Сначала перетащите ползунок Amount до упора вправо, чтобы установить его значение на 100 , что даст нам максимально длинные солнечные лучи. Затем установите Blur Method на Zoom и Quality на Best :

Установка количества на 100, метода размытия для увеличения и качества на лучшее.

Это было легко. А теперь самое сложное. В правом нижнем углу вы найдете поле Blur Center .Здесь мы указываем Photoshop, откуда должны начинаться солнечные лучи. Другими словами, там, где на небе находится солнце.

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

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

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

Появляются первые солнечные лучи.

Если вы не правильно определили центральную точку солнечных лучей, не волнуйтесь. Вы можете легко вернуться и изменить свои настройки.Если мы посмотрим ниже слоя «Солнечные лучи» на панели «Слои», мы увидим фильтр «Радиальное размытие», указанный как смарт-фильтр.

Дважды щелкните на слове «Радиальное размытие», чтобы снова открыть диалоговое окно, затем переместите точку центра размытия. Нажмите OK, чтобы принять изменения, и Photoshop воссоздает ваши солнечные лучи. Вы можете делать это столько раз, сколько нужно, пока все не наладится:

Дважды щелкните смарт-фильтр «Радиальное размытие», чтобы изменить его настройки.

Шаг 19. Добавьте стиль слоя «Внешнее свечение»

Чтобы солнечные лучи выделялись больше, мы добавим им внешнее свечение.Щелкните значок Layer Styles (значок fx ) в нижней части панели «Слои»:

Щелкните значок Стили слоя (FX).

Затем выберите Outer Glow из появившегося списка:

Выбор «Внешнего свечения».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце установлены параметры «Внешнее свечение». Здесь нужно изменить только две настройки. Во-первых, увеличьте Непрозрачность вверху примерно до 75% , чтобы свечение было более заметным.Затем, чтобы изменить цвет свечения, щелкните образец цвета :

Выбор «Внешнего свечения».

При нажатии на образец цвета открывается палитра цветов . В Photoshop CS6 и ранее цвет внешнего свечения по умолчанию был желтым, но в CC Adobe изменил его на белый. Давайте снова изменим цвет на желтый. Чтобы использовать ту же тень желтого цвета, что и раньше, посмотрите вниз около центра нижней части диалогового окна, и вы найдете параметры R, G и B (красный, зеленый и синий). Установите значение R на 255 , значение G также на 255 и значение B на 190 :

Изменение цвета внешнего свечения на желтый.

Щелкните OK, чтобы закрыть палитру цветов. Затем нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Оглядываясь назад на наше изображение, мы видим, что к солнечным лучам было применено внешнее свечение, что помогло им лучше выделяться:

Эффект после применения Outer Glow.

Шаг 20. Измените режим наложения слоя на «Мягкий свет»

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

Вы найдете параметр «Режим наложения» в верхнем левом углу панели «Слои». По умолчанию установлено значение «Нормальный». Нажмите на слово «Нормальный» и измените режим наложения на Мягкий свет :

Изменение режима наложения на Мягкий свет.

После изменения режима наложения на Мягкий свет солнечные лучи выглядят немного более естественно:

Результат после изменения режима наложения.

Шаг 21. Дублируйте смарт-объект «Солнечные лучи»

Чтобы еще больше усилить солнечные лучи, давайте сделаем копию нашего смарт-объекта «Солнечные лучи».На этот раз вместо того, чтобы перетаскивать смарт-объект на значок нового слоя в нижней части панели слоев, мы воспользуемся удобным ярлыком.

Просто нажмите Ctrl + J (Win) / Command + J (Mac) на клавиатуре. Photoshop мгновенно делает копию смарт-объекта, называет ее «Копия солнечных лучей» и помещает ее над оригиналом. Обратите внимание, что его режим наложения автоматически был установлен на Soft Light , что нам и нужно:

Копия смарт-объекта «Солнечные лучи» была добавлена ​​над оригиналом.

Шаг 22. Растеризация смарт-объекта

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

Для этого щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на смарт-объекте «Копия солнечных лучей».Помните, что нажимайте на серую область, а не на миниатюру:

Щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу «Control» (Mac) на «Копии солнечных лучей».

Затем выберите в меню Растрировать слой . Термин растеризовать означает «преобразовать в пиксели», из чего состоит обычный слой:

Выбор в меню «Растрировать слой».

Опять же, это не будет похоже на то, что что-то случилось с самим изображением. Но на панели «Слои» мы видим, что слой «Копия солнечных лучей» больше не показывает значок смарт-объекта на миниатюре, что говорит нам, что теперь это просто обычный пиксельный слой.И его умный фильтр радиального размытия исчез. Эффект размытия также был растеризован в слой:

Смарт-объект «Копия солнечных лучей» теперь является обычным слоем.

Шаг 23: Удлините солнечные лучи с помощью «Свободного преобразования»

Теперь у нас есть две копии наших солнечных лучей; один на смарт-объекте «Солнечные лучи» и один на слое «Солнечные лучи» над ним. Давайте сделаем солнечные лучи на слое «Sunbeams copy» еще длиннее, чтобы добавить разнообразия. Мы можем сделать это с помощью команды Photoshop Free Transform.

Перейдите в меню Edit вверху экрана и выберите Free Transform :

Идем в Edit> Free Transform.

Это поместит блок «Свободное преобразование» и обработает его вокруг изображения. Если вы внимательно посмотрите в центре окна Free Transform, вы увидите маленький значок цели . Этот значок цели представляет собой центральную точку преобразования.

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

Перетаскивание значка цели Free Transform в центр солнечных лучей.

Если вы замечаете, что сами солнечные лучи движутся вместе с вами при перетаскивании, вы перетаскиваете слой, а не значок цели.В этом случае отпустите кнопку мыши и нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить ваш шаг. Затем попробуйте щелкнуть непосредственно по самому значку цели и повторите попытку.

Установив целевой символ на место, мы собираемся перетащить края блока Free Transform от него, чтобы удлинить наши солнечные лучи. Но прежде чем мы это сделаем, нам нужно дать себе больше места для работы. Нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и нажмите знак минус ( — ) несколько раз, чтобы уменьшить масштаб до тех пор, пока вокруг изображения не останется много пустого пространства:

Уменьшите масштаб, чтобы освободить место для работы.

Затем нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре, щелкните любую из угловых маркеров (маленькие квадраты) и потяните наружу, чтобы растянуть солнечные лучи. Удерживая Alt (Win) / Option (Mac) при перетаскивании, Photoshop использует целевой символ в качестве центра преобразования.

Если вы хотите сохранить исходное соотношение сторон изображения, нажмите и удерживайте клавишу Shift , а также перетащите. Однако вы добавите больше разнообразия солнечным лучам, если будете придерживаться только клавиши Alt (Win) / Option (Mac).Здесь я тащу в основном вниз, чтобы солнечные лучи были ближе к земле:

Растягивание и опускание для удлинения солнечных лучей.

Когда вы закончите, отпустите кнопку мыши, затем отпустите клавишу (и). Убедитесь, что вы сначала отпустили кнопку мыши, , а затем клавиши, иначе вы получите неожиданные результаты. Чтобы принять преобразование и выйти из режима «Свободное преобразование», нажмите на клавиатуре , введите (Win) / , верните (Mac).

Увеличьте масштаб изображения, нажав Ctrl + 0 (Win) / Command + 0 (Mac).Это мгновенно увеличит изображение до размера «По размеру экрана». Вот мой результат после удлинения солнечных лучей:

Эффект после применения Free Transform.

Шаг 24. Применение фильтра размытия по Гауссу

Теперь, когда мы удлинили солнечные лучи, давайте также добавим им размытия. Когда слой «Копия солнечных лучей» все еще активен на панели «Слои», перейдите в меню Фильтр вверху экрана, выберите Размытие , а затем выберите Размытие по Гауссу :

Идем в Фильтр> Размытие> Размытие по Гауссу.

Откроется диалоговое окно «Размытие по Гауссу». Внизу диалогового окна находится ползунок Radius , который регулирует степень размытия. Следите за своим изображением, когда начнете перетаскивать ползунок вправо. Чем дальше вы перетащите, тем больше размытия вы примените к солнечным лучам. Я собираюсь установить значение радиуса около 20 пикселей , но вы можете выбрать другое значение в зависимости от размера вашего изображения:

Перетащите ползунок «Радиус», чтобы размыть солнечные лучи.

Нажмите ОК, чтобы закрыть диалоговое окно, и вот мой результат:

Результат после применения фильтра размытия по Гауссу.

Шаг 25. Поместите слои с солнечным лучом в группу слоев

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

Для этого я собираюсь поместить свой смарт-объект «Солнечные лучи» и слой «Копия солнечных лучей» в группу слоев. Мне нужно, чтобы они оба были выделены, поэтому, поскольку у меня уже есть слой «Копия солнечных лучей», выбранный на панели «Слои», я нажимаю и удерживаю свою клавишу Shift и нажимаю на «Солнечные лучи» Smart Объект под ним. Это выбирает их обоих сразу:

Выбор смарт-объекта «Солнечные лучи» и слоя «Копия солнечных лучей».

Чтобы поместить их в группу слоев, я нажму на значок меню в правом верхнем углу панели «Слои»:

Щелкните значок меню панели «Слои».

Затем я выберу New Group from Layers из меню:

Выбор команды «Новая группа из слоев».

Откроется диалоговое окно «Новая группа из слоев», в котором мы можем присвоить группе имя перед ее добавлением. Назову группу «Солнечные лучи»:

Диалоговое окно «Новая группа из слоев».

Я нажму ОК, чтобы закрыть диалоговое окно, и если мы посмотрим на панель слоев, то увидим, что и смарт-объект «Солнечные лучи», и слой «Копия солнечных лучей» теперь вложены в мою новую группу «Солнечные лучи». .Вы можете повернуть группу, открывая или закрывая, щелкнув маленькую стрелку слева от значка папки. Я оставлю шахту закрытой, чтобы сэкономить место:

Панель «Слои», показывающая новую группу слоев «Солнечные лучи».

Шаг 26: Добавьте маску слоя

Чтобы восстановить исходную яркость солнца, я добавлю к группе маску слоя, щелкнув значок Layer Mask в нижней части панели слоев:

Щелкните значок «Маска слоя».

В группе появится эскиз маски слоя с белой заливкой :

Миниатюра маски появится в группе слоев.

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

Чтобы скрыть эффект солнечных лучей перед солнцем, мне нужно закрасить солнце черным цветом.Для этого я еще раз выберу инструмент «Кисть » на панели инструментов:

Выбор инструмента «Кисть».

Я проверю, что цвет переднего плана все еще установлен на черный :

Установлен черный цвет переднего плана.

Затем я наведу курсор кисти на солнце. Я изменю его размер с помощью клавиш левой и правой скобок ( [ и ] ) так, чтобы он был примерно того же размера, что и свечение вокруг солнца.Я также позабочусь о том, чтобы край кисти был красивым и мягким, нажав и удерживая клавишу Shift и нажав клавишу левой скобки ( [) несколько раз:

Изменение размера курсора кисти и его размещение над солнцем.

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

Солнце на исходном изображении теперь просвечивает сквозь эффект солнечных лучей.

Шаг 27: Выберите и включите слой «Отражения»

На этом мы закончили с солнечными лучами, так что давайте закончим эффект, сделав так, как будто солнечные лучи отражаются от земли. Для этого нам понадобится слой «Отражения». Нажмите на нее, чтобы выбрать:

Выбор слоя «Отражения».

Затем щелкните значок видимости , чтобы снова включить слой «Отражения» в документе:

Щелкните значок видимости слоя «Отражения».

Шаг 28: Отразите и измените размер слоя с помощью произвольного преобразования

Вернитесь в меню Edit и еще раз выберите Free Transform :

Снова идем в Edit> Free Transform.

Когда вокруг изображения появится поле «Свободное преобразование», щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в любом месте внутри поля и выберите Отразить по вертикали в нижней части меню:

Щелкните правой кнопкой мыши (Win) / щелкните, удерживая нажатой клавишу «Control» (Mac), и выберите «Отразить по вертикали».

Переворачивает слой по вертикали, так что белые области неба теперь появляются над землей:

Результат после зеркального отражения слоя по вертикали.

Затем нажмите на верхний маркер свободного преобразования и перетащите его вниз, чтобы изменить размер слоя «Отражения», пока все оставшиеся области с белой заливкой не сдвинутся под небом и над землей:

Изменение размера слоя «Отражения».

Наконец, чтобы смешать белые области с землей, измените режим наложения слоя с Нормального на Наложение :

Изменение режима наложения слоя на Overlay.

До и после

И на этом мы закончили! Чтобы просмотреть исходное изображение для сравнения, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) и щелкните значок видимости фонового слоя на панели «Слои»:

Удерживая Alt (Win) / Option (Mac) и щелкнув значок видимости фонового слоя.

Это временно отключает все слои, кроме фонового слоя, позволяя вам видеть исходное изображение:

Еще раз исходное изображение.

Чтобы снова включить эффект солнечного луча, еще раз нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните значок видимости фонового слоя . Это снова включает все слои, и вот, после изменения режима наложения слоя «Отражения» на Перекрытие, мой окончательный результат:

Последний эффект «солнечного света сквозь деревья».

И вот оно! Вот как с помощью Photoshop создать солнечный свет, сияющий сквозь деревья! Ищете похожий учебник? Узнайте, как добавить лучи света на закат с помощью Photoshop.Или загляните в наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!

Создайте сцену с девушкой из фантастического дерева в Photoshop

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

---

Окончательное изображение

---

Подробности руководства

• Программа: Photoshop CS3 +
• Предполагаемое время завершения: 2.5 — 3 часа
• Сложность: средняя

---

Ресурсы

---

Шаг 1

Создайте новый документ размером 1000 x 1052 пикселей и залейте его любыми цветами. Откройте грунт. Используйте инструмент Rectangular Marquee Tool (M), чтобы выделить наземную часть и перетащите ее на холст. Используйте Cmd / Ctrl + T, чтобы изменить его размер, как показано ниже:

---

Шаг 2

Щелкните вторую кнопку внизу палитры слоев, чтобы добавить маску к слою земли.Возьмите мягкую черную кисть с непрозрачностью примерно 100% и 30%, чтобы удалить твердый край этой земли. Вы можете увидеть результат на маске слоя и результат на картинке:

---

Шаг 3

Чтобы затемнить землю, я использовал корректирующий слой с обтравочной маской. Перейдите в Layer-New Adjustment Layer-Curves, затем щелкните правой кнопкой мыши на слое и выберите Create Clipping Mask:

.

Я хотел сделать основной источник света справа, поэтому на маске слоя Curves используйте мягкую черную кисть, чтобы стереть правую сторону, чтобы она была немного ярче остальных:

---

Шаг 4

Я использовал слой Hue / Saturation, чтобы изменить цвет земли:

---

Шаг 5

Выберите часть неба и переместите ее на холст.Поместите этот слой под слой земли и используйте Cmd / Ctrl + T, чтобы повернуть его, как показано ниже:

---

Шаг 6

Создайте слой Curves с обтравочной маской для неба:

На маске слоя Curves сотрите левую сторону, чтобы она была темнее правой:

---

Шаг 7

Добавьте слой Color Balance, чтобы придать небу желтый свет:

---

Шаг 8

Используйте оттенок / насыщенность, чтобы немного уменьшить насыщенность неба:

---

Шаг 9

Снова используйте кривые, чтобы усилить контраст:

Примените маскировку кистью к маске слоя Curves.Теперь у нас хороший контраст для неба:

---

Шаг 10

Откройте корень дерева. Используйте инструмент Polygonal Lasso Tool, чтобы взять часть корня и перетащить ее на нашу картинку. Используйте Cmd / Ctrl + T, чтобы преобразовать его, как показано на скриншоте ниже:

Используйте маску слоя, чтобы удалить резкие края и совместить корень с землей:

---

Шаг 11

Добавьте слой Curves, чтобы затемнить корень:

На маске слоя Curves используйте кисть с очень низкой непрозрачностью (около 10-15%), чтобы немного стереть правую сторону:

---

Шаг 12

Создайте слой оттенка / насыщенности для корня, чтобы цвет корня соответствовал цвету земли:

---

Шаг 13

Откройте заготовку дерева.Возьмите ствол и поместите его над корнем. Используйте инструмент Warp Tool (Edit-Transform-Warp), чтобы настроить его так, чтобы он выглядел как форма женского платья:

Используйте маску слоя, чтобы смешать ствол с корнем:

---

Шаг 14

Создайте новый слой с обтравочной маской. Активируйте Clone Tool (S) и используйте его, чтобы исправить некоторые детали на стволе:

---

Шаг 15

Создайте слой Curves, чтобы затемнить ствол:

На маске слоя Curves используйте кисть, чтобы удалить темноту с правой стороны (так как она получает больше света от фона, чем слева):

---

Шаг 16

Уменьшить насыщенность ствола с помощью оттенка / насыщенности:

---

Шаг 17

Изолируйте модель от фона и поместите ее на ствол:

---

Шаг 18

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

---

Шаг 19

Создайте слой оттенка / насыщенности для модели:

---

Шаг 20

Примените кривые, чтобы осветлить правую часть модели:

Сотрите левую часть модели и ее руки, чтобы они были темнее остальных:

---

Шаг 21

Снова добавьте слой Curves, чтобы затемнить левую часть:

Нанесите кисть на маску слоя Curves:

---

Шаг 22

Чтобы создать больше света для модели, я использовал новый слой и мягкую белую кисть, непрозрачность около 25%.Краска справа на лице и теле:

---

Шаг 23

Создайте новый слой, залейте его 50% серым и измените режим на Overlay 100%:

Возьмите инструменты Dodge и Burn со средним диапазоном и экспозицией около 20-25%, чтобы создать некоторые детали для платья модели, и немного затемните брови. Вы можете увидеть, как я применил этот инструмент в обычном режиме и результат в режиме наложения:

---

Шаг 24

Создайте новый слой сверху с теми же настройками, что и в предыдущем шаге, но без обтравочной маски.Используйте Dodge и Burn, чтобы сделать больше морщин на платье модели в соответствии с формой платья:

---

Шаг 25

Поскольку свет исходит справа и сзади модели, у нее должна быть тень слева и спереди. Для этого создайте слой под слоем модели. Удерживая Cmd / Ctrl, щелкните слой модели, чтобы загрузить его выделение:

Залейте это выделение черным (Shift + F5), затем отразите его по вертикали (Edit-Transform-Flip Vertical). Используйте Cmd / Ctrl + T, чтобы трансформировать эту тень, как показано ниже:

Уменьшите непрозрачность этого слоя до 50% и используйте маску слоя, чтобы удалить часть руки и неровности.

Перейдите в Filter-Blur-Gassian Blur, чтобы смягчить тень:

---

Шаг 26

Поместите ветку 1 на одну из рук модели и с помощью Warp Tool немного согните ее:

Дублируйте этот слой и отразите его по горизонтали. Наденьте на другую руку:

---

Шаг 27

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

---

Шаг 28

Я использовал Dodge and Burn тем же методом, что и в предыдущих шагах, для улучшения более высокой ветви:

---

Шаг 29

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

Проделайте то же самое с нижней веткой:

---

Шаг 30

Выберите все слои веток, затем нажмите Cmd / Ctrl + G, чтобы сгруппировать их.Измените режим этой группы с Pass Through (режим группы по умолчанию) на Normal 100%. Я назвал слои ветви от 1 до 4. На слое 4 перейдите в Layer-New Adjustment Layer-Curves:

.

Примените кисть к маске слоя Curves:

---

Шаг 31

Открытых филиалов 2 шт. Сначала используйте предпочитаемый вами метод, чтобы вырезать дерево из фона:

Используйте инструмент «Лассо», чтобы выбрать выбранные части, показанные ниже, и надеть их на руки и голову модели:

---

Шаг 32

Используйте маску слоя, чтобы растушевать ветви на руке модели и удалить части на лице:

---

Шаг 33

Я использовал слой Curves с Clipping Mask, чтобы затемнить ветви в нижнем положении:

---

Шаг 34

Создайте группу для ветвей 2 слоя и добавьте Hue / Saturation к верху слоев внутри группы:

---

Шаг 35

Используйте кривые, чтобы осветлить некоторые ветви:

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

---

Шаг 36

Извлеките ворона 1 и поместите его на нижние ветви:

---

Шаг 37

Создайте новый слой под вороном 1.Используйте черную кисть с непрозрачностью около 50%, чтобы нарисовать под когтями вороны, чтобы создать ему тень:

---

Шаг 38

Добавьте оттенок / насыщенность к слою 1:

---

Шаг 39

Используйте кривые, чтобы затемнить ворону:

---

Шаг 40

Поместите ворона 2, вырезав его, вверху справа от веток:

---

Шаг 41

Эти вороны выглядят слишком контрастными на туманном фоне, поэтому я использовал Кривые, чтобы исправить это:

---

Шаг 42

Создайте новый слой сверху.Измените цвет переднего плана на # 1c0101 и выберите кисть с листьями размером 10 пикселей. Нажмите F5, чтобы изменить настройки этой кисти:

Листья краски вокруг неба и модель:

---

Шаг 43

Примените размытие по Гауссу размером 4 пикселя, чтобы добавить глубины сцене:

---

Шаг 44

Добавьте больше листьев большего размера и того же цвета кисти (15 пикселей):

---

Шаг 45

Я использовал кривые, чтобы осветлить некоторые листья, как в туманной сцене:

Примените маскировку кисти и вот результаты на маске слоя и на картинке:

---

Шаг 46

Создайте новый слой наверху и используйте мягкую белую кисть с непрозрачностью около 20-25%, чтобы добавить немного света на верхние ветви:

---

Шаг 47

Создайте новый слой Curves наверху:

Сотрите правую сторону, чтобы сделать контраст всей сцены более заметным:

---

Шаг 48

Добавьте слой карты градиента:

Уменьшите непрозрачность этого слоя карты градиента до 20%:

---

Шаг 49

Создайте новый слой и измените передний план и фон на # 282127 и # f4e7c4.Перейдите в Filter-Render-Clouds:

Уменьшите непрозрачность до 30% и используйте маску слоя, чтобы удалить эффект облаков на небе и уменьшить интенсивность на земле:

---

Шаг 50

Создайте новый слой, возьмите кисть цвета # f4e7c4, чтобы прокрасить изображение, чтобы создать более туманный эффект для сцены. Я установил режим этого слоя на Hard Light 30%:

.

---

Шаг 51

Используйте ту же кисть, чтобы нарисовать правый край земли, который находится около горизонта.Измените режим этого слоя на Soft Light 100%:

.

---

Шаг 52

Создать слой фотофильтра:

Сотрите землю на маске слоя Photo Filter:

---

Шаг 53

Продолжить изменение цвета с помощью Color Balance:

---

Шаг 54

Последний корректирующий слой — Vibrance:

.

---

Шаг 55

Последний шаг: нажмите Cmd / Ctrl + Option / Alt + Shift + E, чтобы объединить все видимые слои.Перейдите в Filter-Blur-Gassian Blur и установите радиус 3 пикселя:

.

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

---

И все готово!

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

Как создавать деревья в Photoshop, часть 1

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

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

Стартовая сцена

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

Создайте новый слой

Это может показаться очевидным, но прежде чем вы начнете строить деревья, вы должны создать новый слой, на котором они будут сидеть. В противном случае ваше дерево будет выжжено на фоновом слое, и вы не сможете легко его переместить или отрегулировать.Выберите «Слой»> «Новый»> «Слой» и вызовите слой «Дерево», чтобы его можно было легко идентифицировать позже.

Больше после прыжка! Продолжайте читать ниже ↓
Члены бесплатного и премиум-класса видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Открыть диалоговое окно «Дерево»

Диалоговое окно «Дерево» хорошо скрыто. Чтобы получить к нему доступ, выберите «Правка»> «Заливка», затем выберите «Узор» во всплывающем меню «Содержание / использование» в верхней части окна. Всплывающее окно Scripted Patterns появится внизу; выберите «Дерево» внизу списка.Щелкните OK, чтобы продолжить.

Диалоговое окно в виде дерева

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

Выберите свое дерево

Вы можете выбрать тип дерева из всплывающего списка. Всего существует 22 разновидности дерева — от дубов до пальм.На этом этапе не нужно делать окончательный выбор, так как можно легко переключаться между типами деревьев на лету. Я выбрал вяз, так как он подходит для Лондона.

Отрегулируйте свет и угол

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

Выберите сезон

Перетаскивание ползунка «Количество листьев» переместит дерево с лета (со значением 100) на зимнее (со значением 0). Когда вы перетаскиваете ползунок, вы можете видеть, как количество листьев меняется в главном окне предварительного просмотра. Выберите обстановку, которая вам нравится.

Пользовательские цвета

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

Больше настроек

Есть флажки для установки затенения плоских листьев и ветвей для более стилизованных деревьев, а также для добавления шума, если хотите.Внизу есть флажок «Случайным образом». При выборе этого параметра каждый раз, когда вы нажимаете кнопку «ОК», будет создаваться дерево немного иной формы. Лучше всего перетащить ползунок, чтобы изменить значение Arrangement, в результате чего каждый раз будут создаваться разные формы; теперь разница в том, что если вы найдете форму, которая вам нравится, вы можете точно воспроизвести ее, введя ее числовое значение.

Готовый результат

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

Xmas Tree Typography в Photoshop

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

Итак, в этом тематическом исследовании / руководстве я покажу вам свой творческий процесс, с самого начала и до конца.

Шаг 1

Когда я думал о создании рождественской открытки, я не знал, что именно хочу делать, тогда у меня возникла идея создать маленькую рождественскую елку, используя слово XMAS. У меня возникла эта идея во время бега.Затем, вернувшись домой, я пошел прямо к своему столу и взял альбом с эскизами, чтобы посмотреть, как это будет выглядеть в реальной жизни.

Мои навыки рисования ужасны, но, по крайней мере, я могу иметь представление о том, как все будет выглядеть. Итак, я начал с простого конуса, затем поиграл со словом «рождество», чтобы посмотреть, как будут выглядеть персонажи. В конце концов, я поигрался с некоторыми оттенками, как вы можете видеть на изображении ниже.

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

Шаг 2. Иллюстратор

С эскизами я сфотографировал его и импортировал в Illustrator. После этого с помощью инструмента «Перо» (P) я начал создавать основные линии дерева XMAS. Для изогнутых частей я использовал инструмент Ellipse Tool (L) , а затем просто удалил некоторые его сегменты.Вы можете получить представление о том, как проходил процесс, на изображении ниже.

Еще одна очень важная деталь — это расстояние между символами X M A S. Без этого слово было бы нечитаемым.

Шаг 3

После части векторизации я начал играть с цветами и некоторыми 3D-эффектами. Однако ни один из них не привлек мое внимание.

Шаг 4

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

Шаг 5

Поскольку я был не очень доволен результатами в Illustrator, я решил, что пора перейти к всегда надежному и спасительному Photoshop. Итак, я скопировал базовое дерево XMAS из Illustrator и вставил в Photoshop.

Шаг 6

Чтобы создать желаемый эффект, я импортировал фотографию рождественского венка из Shutterstock. Вы можете найти тот, который я использовал, на http://www.shutterstock.com/pic-63153112/stock-photo-christmas-wreath-o…

Шаг 7

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

Шаг 8

Здесь я сгруппировал все венки в одну папку, затем создал выделение вектора дерева XMAS из Illustrator.

Шаг 9

Затем я применил маску в папке венков, чтобы они были видны только в области XMAS-дерева. Но, как вы можете видеть на изображении ниже, результат не так реалистичен. Края слишком ровные и идеальные, но исправить эту проблему очень просто.

Шаг 10 — Создание кисти

Выделите несколько областей рождественского венка и скопируйте, затем дублируйте и вращайте, пока не получите однородный объект с краями с листьями.Объедините слои в новый и перейдите в меню Image> Adjustments> Desaturate. Теперь, когда вы получили объект в оттенках серого, перейдите в меню Image> Adjustment> Levels. Увеличьте уровень черного, чтобы он стал очень темным, а также увеличьте уровень белого, чтобы увеличить контраст.

Когда у вас есть объект в очень красивом черно-белом тоне, создайте квадратное выделение с помощью инструмента Rectangle Marquee Selection Tool (M), удерживая SHIFT. После этого перейдите в Edit> Define Brush Preset.

Шаг 11

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

Шаг 12

Выделив слой, перейдите в меню Layer> Layer Style> Drop Shadow. Используйте Multiply для режима наложения с черным для цвета, 90% для непрозрачности, 90º для угла.Для Distance используйте 15 пикселей, Spread используйте 0? и размер 30 пикселей.

Шаг 13

После этого я использовал Inner Shadow , чтобы придать глубину и создать своего рода трехмерный эффект. Для значений я использую Soft Light для режима наложения, непрозрачность 100%, -90º для угла, 25 пикселей для расстояния, 0% для дросселирования и 20 пикселей для размера.

Шаг 14

Последний стиль слоя — Inner Glow .Я использовал Overlay для режима наложения, светло-серый для цвета, Edge для источника и 70 пикселей для SIze.

Шаг 15

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

Шаг 16

Первое, что я сделал перед добавлением декораций, — это уменьшил насыщенность.

Шаг 17

Здесь я добавил несколько красных новогодних шаров.Я взял их по фотографии с Shutterstock. Вы можете получить его на http://www.shutterstock.com/pic-67508086/stock-photo-girl-with-christma…

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

Шаг 18

Чтобы исправить проблему с красным шаром и сделать их более интегрированными с деревом, я продублировал дерево и очистил стили слоя.Переместил эту новую копию так, чтобы она находилась перед другими слоями, а затем я перешел к Layer> Layer Mask> Hide All . После этого с помощью Brush Tool (B) и кисти, которую я создал на шаге 10, я начал рисовать на маске слоя черным цветом, скрывая некоторые части шариков.

Шаг 19

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

Шаг 20

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

Шаг 21

Выделите все слои и продублируйте их, после этого объедините все дублированные слои в новый и перейдите к Filter> Blur> Gaussian Blur. Используйте 15 пикселей для радиуса.После этого продублируйте этот слой один раз.

Шаг 22

Для 2 размытых слоев используйте непрозрачность 50%, , однако режимы наложения будут другими. Для верхнего используйте Screen, а для нижнего — Overlay.

Заключение

Последнее, что я сделал, это добавил текст и логотип Abduzeedo. Я использовал шрифт Helvetica Neue Ultra Light. Я также добавил старую бумажную текстуру поверх всего, используя Умножение для режима наложения с непрозрачностью 20%.

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

Щелкните изображение для полного просмотра

секретная история 3D-рендеринга деревьев Photoshop

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

Но если да, то вы можете быть удивлены тем, что нашли. Скрытый в меню «Фильтр»> «Визуализация»> «Дерево» — это виртуальный лес из 34 различных вариантов деревьев, от Ginkgo ⁠, произрастающего в Китае и находящегося под большой угрозой исчезновения, поскольку это ключевой компонент китайской медицины ⁠ — до вида Acer maximowiczianum . из клена, чьи длинные тонкие листья осенью превращаются в полированную медь.Есть также несколько общих деревьев.

Идея проста: вы выбираете породу дерева, изменяете объем, который вы хотите, чтобы количество листьев было, по скользящей шкале от нуля до 100, и возитесь с размером листьев, а также высотой и толщиной ветвей. Затем залейте пейзаж предварительно отрендеренными деревьями. Или, если хотите, поместите одну перед ногами на выпускной фотографии, например:

На этом этапе у вас могут возникнуть вопросы. Почему эти деревья существуют в фотошопе? Почему из более 60 000 видов в мире , почему выбирают Fraxinus griffithii и Ficus microcarpa ? И почему все варианты выглядят так, как будто они пришли из эпохи PlayStation 2?

Оказывается, деревья появились в ответ художникам-архитекторам, которые хотели иметь возможность использовать деревья в своих работах, но изо всех сил пытались плавно интегрировать их в изображение.До того, как в 2014 году был представлен фильтр дерева, дизайнерам приходилось вырезать уже существующее изображение дерева, сделанное под прямым углом, а затем вставлять его.

«Мы подумали, что было бы удобно, если бы вы могли создавать настраиваемые деревья, подходящие для иллюстраций. », — говорит Даичи Ито, художник по техническим исследованиям, который разработал древовидный фильтр для Adobe. «Под« подходящим »я подразумеваю, что у него нет строгого стиля; это отчасти реалистично, но не фотореалистично ».

Все рисунки выполнены Джеком Колоскусом

Ито создал проект в рамках разработки движка под кодовым названием Deco, который поможет Photoshop создавать генеративные шаблоны.«Daichi пришел к нам и сказал:« Я действительно могу написать кучу интересных скриптов, которые используют этот движок Deco и позволяют нам создавать все, что угодно », — вспоминает Стивен Нильсон, директор по управлению продуктами Photoshop в Adobe. Ито потратил месяц на написание алгоритма создания генеративных изображений. «Генерация данных о деревьях заняла у меня больше времени», — добавляет он.

Изначально Ито выбрал 22 типа деревьев. «Я попытался охватить широкий спектр форм деревьев, которые часто используются в иллюстрациях», — объясняет он.Но являются ли теперь 34 варианта точной выборкой массива деревьев в природе?

«Нет», — смеется Лаура Алкок-Фергюсон из «Форума древних деревьев», лобби-группы, занимающейся уходом за древними и ветеранами (то есть действительно старыми, но не совсем древними) деревьями. «Но я думаю, что это здорово, что там есть множество деревьев». Она хотела бы получить больше вариантов, в том числе варианты для США и Великобритании, и порекомендовала бы добавить в фильтр еще один ползунок: возраст. «Например, дуб может выглядеть совсем иначе через 100 лет по сравнению с тем, как он будет выглядеть через 800 лет», — говорит она.

«Это вызывает у меня ностальгию по по тем временам, когда Photoshop был такой забавной штукой, как делать вещи с ».

У графических дизайнеров деревья напоминают их первые набеги на поля. «Это вызывает у меня ностальгию по тем временам, когда Photoshop был такой забавной штукой для создания вещей, а не обязательным« профессиональным »инструментом, за который я должен платить ежемесячно», — говорит Кэлли Гейтхаус, дизайнер коммуникаций из Университета Нортумбрии в Великобритании. .

Мишель Пегг, основательница U.К. дизайнерский дом Curate Creative говорит, что еще не использовала древовидный фильтр, но видит его ценность. «Все, что имеет замысловатые края, такие как огонь, деревья и волосы, всегда было немного сложно, особенно если вы не мастер Photoshop, но вам нужно быстро создавать изображения, которые хорошо выглядят», — говорит она. «[Древовидный фильтр] идеально подходит для создания масштабных визуальных эффектов, которые также неплохо выглядят для клиентов, экономя время».

Ито говорит, что он регулярно слышит от дизайнеров, которые используют этот фильтр. «Это здорово, — говорит он.Но он не будет тратить больше времени на разработку деревьев для Photoshop. У Ито достаточно работы над другими продуктами Adobe, включая Fresco, приложение для рисования и рисования для iPad и устройств Windows; Размер, который используется для 3D-дизайна изделий; и Aero, приложение дополненной реальности.

Сможете ли вы вскоре прогуляться по лесу, полному сгенерированным AR Zelkova serrata ? Возможно, если Ито добьется своего.

Как создать и украсить елку в Photoshop

В этом уроке я дам вам несколько советов о том, как создать и украсить елку шарами и звездами.Вы узнаете, как добавить стиль слоя, нарисовать елочные шары с помощью Ellipse Tool, применять кисти, настраивать кисти и т. Д. Итак, приступим!

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

Создайте новый документ ( Ctrl + N ) в Photoshop с размером 1920px на 1200px (цветовой режим RGB ) с разрешением 72 пикселей / дюйм . Используя инструмент Paint Bucket Tool (G) , залейте новый фоновый слой цветом # 050043 .

Затем возьмите инструмент Pen Tool (P) , чтобы создать форму рождественской елки.

Выберите Добавьте значок стиля слоя из нижней части панели слоев и щелкните Inner Shadow :

Установите Outer Glow

Добавить Inner Glow

Также установите Gradient Overlay

Щелкните цветовую полосу, чтобы открыть редактор градиентов и установить точки цвета, как показано.Нажмите OK , чтобы закрыть диалоговое окно Gradient Editor .

Получилась следующая елка:

На следующем шаге мы загрузим набор кистей для Adobe Photoshop с именем: гранж процедурный . Создайте новый слой и выберите кисть из ранее загруженного набора. Установите непрозрачность на 10% на панели параметров .

Покрасьте цветом # 4D80E8 , как показано.Поместите этот слой с кистью под слой дерева:

.

Затем нарисуем несколько фигур с помощью инструмента «Перо» (P) . Цвет фигуры — # 020353 . Поместите этот слой под слой с елкой:

.

Выберите Добавьте значок стиля слоя из нижней части панели слоев и щелкните Outer Glow :

Получилась следующая форма:

Используя те же инструменты, мы изобразим еще одну цветную фигуру цветом # 0B2A80 .Этот слой будет расположен под слоем дерева:

… и еще одна фигура, окрашенная цветом # 1038AA . Применяемый в этом случае инструмент такой же, как и предыдущие. Слой будет расположен под слоем дерева:

Перейдите к Layer Style и выберите Inner Glow :

Получился следующий фон:

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

Создайте новый слой и выберите кисть Soft Round белого цвета, установите непрозрачность на 80% на панели параметров .

С помощью кисти Soft Round нарисуйте снежинки. Этот слой нужно разместить под слоем, содержащим дерево.

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

Получился следующий фон:

Создайте новый слой , чтобы представить снег на дереве. Выберите кисть Spatter из инструмента Brush Tool (B) .

Нам нужно настроить нашу кисть на панели кистей (F5) , выберите форму кончика кисти . Щелкните и перетащите любой из ползунков, чтобы изменить размер , округлость и угол кисти , как показано.Окно Preview отображает измененный мазок кисти.

Перейти к Shape Dynamics :

Теперь вы можете раскрасить снег так, как показано на елке.

Выберите Добавьте значок стиля слоя из нижней части панели слоев и щелкните Drop Shadow :

У нас на елке очередной снег:

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

No related posts.