Используем свет и тень, чтобы оживить текст

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

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

Обратите внимание, что наша тень это не эффект «Тень» (Drop Shadow) в Photoshop, который делает так, что, кажется, словно объект парит над холстом. Нам нужен объект, который бы выглядел как этот трехмерный предмет на холсте, экструзия, если хотите:

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

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

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

Установите цвет переднего плана на черный (вы можете сделать это, нажав букву «D» на клавиатуре, чтобы восстановить значения по умолчанию).

Теперь снова, удерживая нажатой клавишу Ctrl, кликните на слое с текстом и создайте под ним новый слой. Теперь нажмите на клавиатуре один раз стрелку вниз и один раз стрелку вправо. Затем нажмите Alt + Backspace, чтобы заполнить этот слой черным цветом. Затем нажмите по одному разу клавиши вниз и вправо и залейте слой черным цветом.

Каждый раз вы будете перемещать слой на 1 пиксель вправо и 1 пиксель вниз. Вы должны повторить этот процесс примерно 30 раз (поэтому вам будет удобнее использовать Alt + Backspace вместо инструмента «Заливка»).

Отметим также, что для перемещения при нажатии клавиш со стрелками выделенной области, но не заливки, вы должны включить один из инструментов выделения. Если переключиться на инструмент «Перемещение» (V), при нажатии клавиш вниз и вправо вы будете перемещать черную заливку вместе с выделением, и просто заполнять одни и те же пиксели снова и снова:

Вот что у вас должно получиться. Теперь снимите выделение и убедитесь, что у вас активен слой тени. Затем перейдите в Фильтр – Размытие — Размытие в движении и используйте значения -45 градусов и расстояние 30px:

Установите для слоя с тенью режим смешивания «Умножение» и непрозрачность порядка 40%, а затем, удерживая нажатой клавишу Shift, нажмите стрелку вниз, а затем стрелку вправо. Это позволит переместить ваш объект вправо и вниз на 10 пикселей (Shift позволяет перемещать объект не на 1, а на 10 пикселей).

Теперь вы должны получить некоторые размытые части тени, падающие снизу и слева от объекта. Если это так, возьмите маленький мягкий ластик и аккуратно сотрите тень везде, где ее не должно быть (помните диаграмму вначале статьи?):

Далее продублируйте слой с тенью, нажмите и удерживайте клавишу Shift и переместите слой вниз и вправо. Затем запустите фильтр «Размытие в движении», но в этот раз с расстоянием 50 пикселей.

Установите для этого слоя режим смешивания «Умножение» и непрозрачность 20%. Это делается, чтобы растянуть нашу тень:

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

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

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

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

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

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

Итак, у нас есть четыре полосы «света«. Теперь установите режим смешивания слоя «Наложение» и непрозрачность 20%, а затем перейти в Фильтр – Размытие- Размытие по Гауссу и установите значение радиуса размытия 6 пикселей:

На данный момент у вас должно получиться что-то наподобие этого:

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

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

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

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

Итак, прежде всего, создайте над фоном новый слой и залейте его розовым цветом — #9d506c:

Теперь установите режим смешивания для розового слоя на «Цветность» и непрозрачность 20%. Это придаст нашему фону красивый красновато-теплый оттенок. Поверх этого слоя мы можем еще смешать какой-нибудь оттенок желтого. Если мы не сделаем этого, результат будет выглядеть не очень естественным:

Далее мы создадим еще один слой, непосредственно над розовым. Заполните его полностью белым, а затем перейдите в Фильтр – Рендеринг — Эффекты освещения. Я не часто используют эффекты освещения, но у этого фильтра есть одна очень крутая опция, под названием «Прожектор в положении 2 часа».

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

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

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

Скачать рабочие материалы

Данная публикация является переводом статьи «Using Light and Shade to Bring Text to Life» , подготовленная редакцией проекта.

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

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

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

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

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

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

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

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

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

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

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

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

образовать слой.

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

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

Для этого идем в редактировании > трансформирование > перспектива

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

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

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

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

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

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

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

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

Четыре способа создать длинные тени · Мир Фотошопа

Конечный результат:

Ресурсы урока:

Особенности длинных теней

Можно отметить две основные особенности длинных теней:

1. Каждый объект дизайна должен иметь плоскую двухмерную тень, которая в 2,5 раза больше диагонали объекта.
2. Тень должна отбрасываться под углом 45 градусов.

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

1. Создание объекта

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 750х750 пикселей и залейте фоновый слой цветом #cf3f30.

Шаг 2

Выберите инструмент Rounded Rectangle Tool (U), настройте его, как показано на скриншоте, и создайте квадратную фигуру размером 450х450 пикселей.

Шаг 3

Инструментом Horizontal Type Tool (T) напишите два строки текста, используя разный шрифт.

Шаг 4

Откройте панель Character (Window ? Character) и настройте шрифт, как показано на скриншоте.

Шаг 5

Выберите все три слоя, выберите инструмент Move Tool (V) и на верхней панели нажмите на кнопку Align horizontal centers.

2. Создание длинных теней при помощи векторных фигур

Шаг 1

Выберите инструмент Rectangle Tool (U) и создайте чёрный квадрат, покрывающий почти весь холст. Этот квадрат должен быть прямо над фоновым слоем.

Шаг 2

Активируйте режим Free Transform (Ctrl + T), зажмите клавишу Shift и поверните чёрный квадрат на 45 градусов.

Шаг 3

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

Шаг 4

Переместите чёрный квадрат так, чтобы его сторона стала диагональю красного квадрата.

Шаг 5

Уменьшите Fill (заливку) чёрного квадрата до 0%.

Шаг 6

К слою с квадратом примените стиль Gradient Overlay через иконку fx в нижней части панели слоёв.

Это самый простой способ создать такую тень.

3. Создание длинных теней при помощи инструмента Pen Tool

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

Шаг 1

Создайте новый слой (Ctrl + Shift + Alt + N) под текстом и красным прямоугольником. Выберите инструмент Pen Tool (P).

Шаг 2

Для начала нам нужно отвести направляющие. Активируйте Линейки (Ctrl + R) и отведите направляющую, проходящую по верхнему краю букв.

Шаг 3

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

Шаг 4

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

Шаг 5

Выберите инструмент Direct Selection Tool (A), зажмите клавишу Shift и кликните на якорных точках, которые Вы добавили между буквами.

Шаг 6

Выберите инструмент Move Tool (V) и опустите выделенные точки на несколько пикселей вниз (используйте клавишу стрелки вниз). Затем сдвиньте точки вправо, чтобы получить результат, как на втором скриншоте ниже.

Шаг 7

Инструментом Direct Selection Tool (A) передвиньте отдельные точки, чтобы убрать пустоты или изменить угол.

Шаг 8

Все линии тени должны быть параллельными на столько, на сколько это возможно. Используйте инструмент Line Tool (U), чтобы определить точный угол. Создайте линию, поверните её в режиме Free Transform (Ctrl + T) и приложите к каждой букве, чтобы знать, куда нужно передвинуть якорную точку.

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

Шаг 9

Как только форма тени будет нарисована, примените к ней стиль Gradient Overlay с такими же параметрами, как в шаге 2.6.

Шаг 10

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

Совет: чтобы создать тень для второй линии текста, выберите инструмент Pen Tool (P), на панели параметров выберите режим Combine Shapes, чтобы добавить новую тень к уже созданной.

Если Вы используете версию CS6, то можете создать тень на отдельном слое, а затем объединить их (Ctrl + E). Именно этим способом мы и воспользуемся. Он более понятно описывает процесс создания тени для текста с разной высотой букв.

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

Шаг 11

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

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

Форма тени будет более сложной, чем в первом случае. Например участок в нижней части буквы S. При расстановке якорных точек Вам нужно ориентироваться на направление тени.

Шаг 12

Выберите инструмент Add Anchor Point Tool и добавьте якорную точку туда, где нужно заполнить пустоту. В данном случае это буква S.

Шаг 13

Примените к нарисованной форме стиль Gradient Overlay и создайте для слоя обтравочную маску (Ctrl + Alt + G).

Шаг 14

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

Вы можете создать более объёмную тень при помощи градиента. В настройках стиля Gradient Overlay Вам нужно изменить параметр Scale.

Теперь видно, что тень плавно растворяется.

Подвигайте тень на холсте.

Параметры Opacity и Scale влияют на то, как будет выглядеть тень. Если Вы хотите, чтобы равномерна залита, используйте стиль Color Overlay.

4. Создание длинных теней путём дублирования и сдвига

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

Шаг 1

Создайте копию текстового слоя (Ctrl + J) и опустите её под оригинал.

Шаг 2

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

Шаг 3

Активируйте режим Free Transform (Ctrl + T). Сдвиньте копию на 1 пиксель вниз и вправо. Нажмите Enter, чтобы применить изменения.

Шаг 4

Нажмите Ctrl + Shift + Alt + T, чтобы повторить последнюю трансформацию. Вам нужно продолжать нажимать эти клавиши, пока ВЫ не получите достаточно длинную тень.

Шаг 5

Все копии объедините на одном слое (Ctrl + E).

Шаг 6

Примените стиль Gradient Overlay с настройками шага 2.6.

Шаг 7

Создайте обтравочную маску (Ctrl + Alt + G).

Шаг 8

Если бы Вы написали слова на отдельных слоях, то Вам пришлось бы проделывать всё для каждого слоя отдельно. Вот как это бы выглядело:

Шаг 9

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

Шаг 10

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

Шаг 11

Повторите процесс для второй строки.

Шаг 12

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

Шаг 13

Обе тени можно сделать угасающими.

5. Создание длинных теней при помощи 3D-инструмента

Ещё один быстрый способ, воспользовавшись которым Вы сможете изменить тень в любой момент.

Шаг 1

Выберите текстовый слой и перейдите в меню 3D ? New 3D Extrusion from Selected Layer. Текстовый слой будет преобразован в 3D-слой.

Шаг 2

Для редактирования 3D-слоя Вам понадобится две панели: 3D и Properties. Если они не откроются автоматически, Вы найдёте их в меню Window. Панель 3D содержит все элементы сцены, панель Properties содержит свойства выбранных элементов.

Выберите Current View и на панели Properties выберите вид Top.

Шаг 3

Выберите текст и перейдите во вкладку Coordinates. Измените угол по оси X на 90 градусов, чтобы фронтальная часть текста была направлена вверх.

Шаг 4

На панели свойств выберите вкладку Mesh и измените параметр Extrusion Depth. Смысл в том, чтобы создать длинную экструзию, которая станет тень, когда мы направим свет под определённым углом. В зависимости от текста и направления света, значение этого параметра будет меняться. Обычно значения от 200 до 300 хватает.

Очень важно приземлить объект сцены к основанию (3D ? Snap Object to Ground Plane). Это нужно делать каждый раз, когда Вы изменяете параметр Extrusion Depth. В противном случае объект будет удлиняться через плоскость основания и Вы не увидите изменений.

Шаг 5

Если Вам нужно будет увеличить или уменьшить размер, сделайте это при помощи положения камеры. Выберите Current View на панели 3D, выберите инструмент Move Tool и на верхней панели активируйте режим Scale 3D Object. Кликните на сцене и опустите курсор, если захотите увеличить текст, или поднимите курсор, если захотите уменьшить текст.

Шаг 6

Как только определитесь с размером, выберите Infinite Light 1 на панели 3D и измените угол по оси Y на панели свойств во вкладке Coordinates.

Шаг 7

При помощи инструмента Move Tool Вы сможете изменить направление света прямо на сцене.

Шаг 8

Чтобы вернуть тексту его первоначальный белый цвет, Вам нужно изменить Front Inflation Material. Настройте всё, как показано на скриншоте.

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

Шаг 9

Как закончите с материалами, переходите к сцене (Environment). На панели свойств Вам нужна секция Ground Plane. Измените Opacity (непрозрачность) тени на своё усмотрение. Я установите её на 14%

Шаг 10

Перейдите в меню 3D ? Render, чтобы полностью визуализировать сцену.

Шаг 11

Для 3D-слоя нельзя создать обтравочную маску. Поэтому я предлагаю поместить его в смарт-объект. Сделайте это через меню Filter ? Convert for Smart Filters.

Шаг 12

Кликните правой кнопкой мыши на смарт-объекте и выберите пункт Create Clipping Mask.

Шаг 13

Если Вам нужно будет изменить 3D-слой, кликните дважды на смарт-объекте, чтобы открыть его в отдельном документе.

Шаг 14

В открывшемся документе выберите 3D-сетку (сам объект) и на панели свойств нажмите на кнопку Edit Source.

Шаг 15

У Вас откроется ещё один документ, в котором будет находиться оригинальный текстовый слой. Здесь Вы можете изменить сам текст, шрифт, размер и т.д. Но цвет текста должен быть изменён на панели 3D. После любых изменений документы нужно сохранять (Ctrl + S) и закрывать.

Шаг 16

Когда Вы вернётесь в документ с 3D-объектом, все изменения будут применены автоматически. Для изменения цвета используйте параметр Diffuse. После этого настройте Shine.

Поставьте сцену на рендеринг, сохраните документ и закройте его.

Шаг 17

Смарт-объект тоже изменится.

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

Вам было показано несколько способов создать длинные тени. Первый метод был основан на использовании векторных фигур, второй — на рисовании инструментом Pen Tool, третий — на дублировании слоёв и сдвиге, и в завершении мы немного изучили возможности 3D в Фотошопе. Надеемся, Вам понравился урок, и он поможет Вам в работе.

Как сделать цветную тень в фотошопе. Как сделать тень от предмета в фотошопе — простой способ

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

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

Откройте и загрузите в него выбранную картинку, для которой хотите сделать тень. Найдите пункт «Файл » -> «Открыть… » (File -> Open).

Выделите объект с помощью инструмента «Волшебная палочка » (Magic Wand). Удерживая клавишу Shift , левой кнопкой мыши кликните на область белого фона. Затем найдите на панели главного меню пункт «Выделение » (Select), кликните на нее и выберите «Инверсия » (Inverse).

После этого выделенный предмет нужно скопировать на новый слой. Для этого кликните левой кнопкой мыши на слой и выберите команду «Создать дубликат слоя » (Layer via copy), либо используйте команду клавиш «Ctrl + J».

Перейдите на только что созданный слой. Выберите слева на панели команд «Инструмент градиент » (Gradient Tool). На палитре градиента выберите «Черный, белый ». Залейте фигуру градиентом снизу вверх по вертикали.

Далее в меню «Редактирование » (Edit) выберите инструмент «Свободное трансформирование » (Free Transform). Удерживая клавишу Ctrl, кликните вверху выделенной рамки и потяните ее в нужную сторону, чтобы придать тени естественный наклон.

Чтобы сделать контур тени размытым, найдите в меню «Фильтр » (Filter) -> «Размытие » (Blur) -> «Размытие по Гауссу » (Gaussian Blur). Настройте подходящее для вас размытие фигуры.

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

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

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).

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

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

Объекты можете нарисовать сами, а если не хватает опыта, то в интернете можете легко найти картинки по любой тематике. Такие изображения называются клипартами. Основная их особенность в том, что все они имеют прозрачный фон, поэтому их можно вставить на лист любого цвета и будет смотреться гармонично и красиво. Учтите, что формат JPG не поддерживает прозрачность фона на картинке, поэтому выбираете файлы с расширениями PSD, GIF или PNG.

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

Способ первый

Открываете файл в фотошопе, и вы увидите в правом нижнем окошке его название, которое называется слоем. Нажимаете кнопку меню внизу окна слоев, при помощи которого создаете дубликат слоя (наведите на кнопочку, и всплывет подсказка, поэтому трудностей с этим быть не должно), или используйте клавиши CTRL + J.

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

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

Размываете контуры фигуры, зайдя в меню раздела «Фильтр» и перейдя в подменю «Размытие». В открывшемся окне выбираете вкладку «Размытие по Гауссу». Напротив меню «Радиус» подбираете нужный вам размер пикселей – от полтора до пятнадцати. При этом вы сразу же сможете увидеть результат в окошке предварительного просмотра. Когда вы достигнете результата, который вам нужен, нажимаете на кнопку «Ок».

Перемещаете тень за объект, меняя местами слои между собой.

Щелкаете правой кнопкой мыши на теневом слое и нажимаете клавиши CTRL + T. После этого действия включится деформация, которая будет сразу видна на рисунке в виде рамки, окружающую предмет, при этом каждая сторона изображения отметится тремя узловыми точками – по углам и в середине.

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

Для чего крошечный карман на джинсах?

10 признаков того, что вас посетил ангел

Как вести себя если вас окружают хамы

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

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

Как сделать тень картинке в фотошопе – способ второй

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

Открываете фотографию с белым задним фоном.

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

Делаете две копии этого слоя (сочетания клавиш Ctrl+J).

Для начала обрабатываете верхний слой (он выделен на рисунке выше). Переходите в инструмент «Перспектива», который находится в меню «Редактирование» строка «Трансформация».

Наводите мышку на верхнюю отметку в центре и передвигаете ее правее, как видно на рисунке ниже, после чего нажимаете ентер.

9 самых жутких пыток древнего мира

Десять привычек, которые делают людей хронически несчастливыми

Как кошка может разрушить вашу жизнь

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

Уменьшенному и сплющенному дубликату уменьшаете яркость, открыв его настройку в меню «Изображение» — «Коррекция».

Теперь размываете этот слой. Нажимаете пункт меню «Фильтр» и в нем выбираете «Размытие», а потом «Размытие по Гауссу». Радиус выставляете равным восьми пикселям. При большом разрешении картинки размытость можете выставить и больше.

Идете в панель слоев и мышкой перетаскиваете средний слой на место первого.

Вот что должно получиться в итоге.

Однако тень смотрится слишком нереалистичной из-за своей черноты, поэтому мы ее осветлим.

Идете в слои и выставляете параметр непрозрачности на шестьдесят пять процентов.

Ну вот, теперь все смотрится более реально.

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

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

Как сделать такой интересный эффект в фотошопе?

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

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

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

Теперь этот очищенный от фона и обработанный рисунок копируете и переносите на основную фотографию. Если размер тени сильно большой, уменьшите его, применив эффект трансформации (для этого переходите в пункт меню «Редактирование», в нем выбираете «Трансформация», а затем «Масштабирование»).

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

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

Видео уроки

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

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

Проще всего в фотошопе создать тень от плоского объекта приподнятого над поверхностью. Причем расположенного параллельно поверхности. Для этого используют эффект слоя Drop Shadow (Отбросить тень). Подробнее об .

Такая тень — это обычно тень от текста, приподнятого над поверхностью. Если хотят его выделить, придать ему эффект объема. Все что для этого нужно – разместить объект, от которого падает тень, в отдельном прозрачном слое. Для этого слоя устанавливают эффект слоя Drop Shadow и все. Этот слой как бы отбрасывает тень на слой, который расположен ниже.

Для того чтобы в фотошопе применить эффект слоя, дважды щелкните по имени слоя. В диалоговом окне Layer Style (Стиль слоя) выберите Drop Shadow (Отбросить тень, в некоторых версиях фотошопа этот термин переводят как Внешняя тень).

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

С другими параметрами

другой результат:

Попробуйте поэкспериментировать с настройкамив этом диалоговом окне и получите свои варианты.

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

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

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

Откройте фото повара. На этой фотографии видно, что основной свет падает слева, следовательно, тень будет справа.

Дважды щелкните на слое, чтобы разблокировать его. ОК. При помощи любого подходящего инструмента выделения нужно выделите объект, для которого будете создавать тень и скопировать в новый прозрачный слой. В данном случае фон однородный, поэтому самый простой способ – выделить инструментом Magic Wand (Волшебная палочка) фон, затем выполнить Select>Inverse (Выделить>Инвертировать). Фигура человека выделена. Скопируйте повара на новый слой (можно использовать комбинацию клавиш ).

Не убирая выделение, создайте новый слой (Ctrl+N). Перейдите на него и залейте выделение черным цветом. Назовите этот слой Shadow.

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

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

Для слоя Тень поставьте Opacity (Непрозрачность) 60%.

Применяем команду трансформации Edit > Transform > Distort (Редактировать > Трансформация > Искажение). Двигаем маркеры в сторону и вниз, чтобы «положить» тень «на пол» или на другую поверхность. Внимательно следите за тем, чтобы она не оторвалась от ног. Если не получается идеально, ничего страшного, можно подтереть резинкой.

Когда тень расположится естественно, завершите трансформацию, нажав Enter .

Создайте маску слоя – нажмите кнопку внизу на палитре Layers (Слои).

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

И, наконец, примените Filter>Blur>Gaussian Blur (Фильтр — Размытие — По Гауссу) и задайте нужное Вам размытие для слоя с тенью.

А если нужно наложить тень не на однородный фон, а на траву, например?

Тень у нас полупрозрачная, трава немного просвечивает сквозь нее. Для придания реалистичности используют слоев. Для слоя с тенью задают Soft Light (Мягкий свет) или Multiply (Умножение) если тень должна быть контрастной.

Вот результат:

Идея состоит в том, чтобы тень не соответствовала реальности, а отображала суть объекта.

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

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

Удалите фон с картинки для создания тени и создайте ее на новом слое так же, как это делали выше.

Затем скопируйте созданное изображение в первую фотографию. Размеры фотографий могут быть разные, поэтому для подгонки воспользуйтесь командой трансформации Edit>Transform>Scale (Редактирование> Трансформация>Масштабирование).

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

Берём исходный рисунок:

тыркаем «Волшебной палочкой» по белому фону. Фон выделился, но сейчас мы не будем удалять фон, а поступим по другому.

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

И нажимаем клавиши Ctrl+J. В результате чего у нас образовался новый слой с вырезанной фигурой на прозрачном фоне. В окне документа изменений не произойдёт, разве что исчезнет выделение. Но в палитре слоёв (открывается нажатием клавиши F7) мы увидим новый второй слой с именем «Слой 1 (в англ. версии «Layer 1»).

Теперь с помощью инструмента «Рамка» (Crop Tool)

надо увеличить пространство холста рисунка, чтобы было место для тени. Для этого надо поставить полноэкранный режим отображения документа (нажав один или несколько раз на клавишу F). Активируем инструмент, наносим рамку на документ, и растягиваем её, как показано на рисунке. Затем жмём клавишу Enter.

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

Теперь создадим фон под фигурой девочки.
Добавляем новый слой таким образом, чтобы он находился между двумя предыдущими слоями. Для этого в палитре слоёв активируем нижний слой (он должен подсветиться синим) и жмём сочетание клавиш Ctrl+Shift+N, вписываем название (я назвал «Фон»), жмём Enter.
Теперь создаём градиентную заливку фона. Жмём клавишу D на клавиатуре, в палитре цветов на панели инструментов черный цвет становится основным, а белый — дополнительным.

Кликаем по чёрному цвету, открывается Палитра основного цвета, в неё мы вводим значение 70% для параметра В (B обозначает яркость)

затем кликаем ОК. Основной цвет в палитре цветов изменится с чёрного на серый.
Выбираем инструмент Градиент (Gradient Tool) на инструментальной панели.

В верхнем левом углу окна программы правой клавишей мыши кликаем по указанному в рисунке месту:

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

затем на ОК. Далее окно закроется, а курсор мыши примет вид крестика. Кликаем левой клавишей в нижней части рисунки и, не отпуская эту клавишу, проводим курсор вертикально вверх. В верхней части рисунка отпускаем клавишу.

Если Вы всё сделали правильно, то у Вас должна получиться примерно такая картинка:

Снова создадим новый слой, нажав на комбинацию клавиш Ctrl+Shift+N, Enter. Так как у нас был активирован слой «Фон», то новый слой появится прямо над ним, что, собственно, нам и требуется.

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

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

Теперь нам необходимо залить выделение чёрным цветом. Для этого делаем чёрный цвет основным в цветовой палитре так же, как мы делали это ранее, нажав клавишу D. Затем нажимаем сочетание клавиш Alt+Delete, это заливка выделения основным цветом, и снимаем выделение, нажав Ctrl+D.
В окне документа мы не увидим никаких изменений, так как чёрная заливка закрыта верхним слоем. Но в палитре слоёв хорошо видно появившуюся новую заливку:

Это и будет наша тень. Теперь придадим ей нужное положение. Заходим во вкладку Редактирование —> Трансформация —> Искажение (Edit —> Transform —> Distort), и, двигая квадратики на углах и серединах краёв появившейся рамки, придаём ей примерно такое положение:

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

После придания тени окончательной формы жмём Enter.

Придадим тени небольшое размытие. Идём Фильтры —> Размытие —> размытие по Гауссу (Filter —> Blur —> Gaussian Blur), в открывшемся диалоговом окне ставим значение 1,5 пикселей.

Рисунок тени становится более реалистичным в том случае, когда размытие краёв увеличивается по мере отдаления тени от предмета, от которого она отбрасывается. Этот эффект мы тоже сделаем с помощью размытия по Гауссу, но, чтобы размытие было неравномерным, нам нужно применить режим Быстрой маски (Quick Mask) с градиентным изменением.

Переходим в режим Быстрой маски, нажав клавишу Q.

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

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

Ещё один раз нажмём клавишу Q на клавиатуре, чтобы выйти из быстрой маски обратно в нормальный режим.

Фотошоп нам покажет обычное выделение с резкими краями, но дело в том, что таким образом он отображает любое выделение с размытыми краями. В этом мы убедимся, применив размытие по Гауссу.

Так как фильтр размытия по Гауссу был последним применённым нами фильтром, то мы можем вызвать его, нажав комбинацию клавиш Ctrl+Alt+F. Выберем радиус 10 пикселей и нажмём ОК. У меня края получились размытыми несколько неоднородно:

Поэтому я применил размытие по Гауссу ещё раз, без изменения настроек. Для этого достаточно нажать комбинацию Ctrl+F (без Alt).

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

На этот раз применим Маску слоя (Layer mask). В палитре соёв кликаем по указанной на рисунке иконке

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

Аккуратно кликаем по чёрному цвету в правом нижнем углу значка цветов, и в открывшейся палитре изменения цветов задаём чёрному цвету. являющимся дополнительным, значение параметра «B » 30%, ОК.

Затем, как и ранее, выбираем инструмент «Градиент», кликаем правой клавишей по значку градиента в левому углу окна программы, в открывшемся диалоговом окне также выбираем верхний левый градиент. Точно так же, как мы только что делали в режиме Быстрой маски, протаскиваем градиент вдоль тени, от начала к концу.

Но тут есть маленький нюанс. Если закончить градиент не доходя до верхнего края тени, то верхняя граница тени полностью пропадёт, а это нам не надо. Если закончить градиент уже за краем холста рисунка, то интенсивность заливки тени уменьшится слишком мало. Поэтому при надо поэкспериментировать. Протащили градиент, не понравилось, нажали клавиши Ctrl+Z, провели ещё раз.

И последний штрих. Тень не бывает полностью чёрной, даже рядом с предметом, её отбрасывающим. Поэтому нам надо уменьшить общую интенсивность тени. В палитре слоёв в правом верхнем углу изменяем параметр «Непрозрачность» (Opacity) примерно до 85-90 процентов.

Вот, в общем-то и всё. У меня получилось вроде как неплохо.

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

Всем привет! Мы поговорим о том, как сделать тень в фотошопе.

Программа Adobe Photoshop имеет широкую гамму инструментов и функций, при помощи которых можно добавлять тени к объектам, мы рассмотрим два наиболее распространённых способа создания теней в фотошопе – при помощи Стилей слоя (Layer Style) и с помощью Выделения (Select).

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

Несколько советов перед созданием тени

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

Как сделать тень при помощи Стилей слоя (Layer Style)

«Повесим» картину на стену при помощи фотошоп. Откроем изображение стены, Файл-Открыть (File-Open).

Поместим (Файл-Поместить (File–Place)) на холст изображение с картиной, оно уже отделено от фона,

Левой кнопкой мыши тянем за уголки внутрь изображения для уменьшения картины, зажимаем при этом клавиши Shift и Alt чтобы сохранились пропорции картины и масштабирование происходило с центра:

При помощи инструмента Перемещение (Move tool), быстрая клавиша вызова инструмента V, перетаскиваем картину чуть выше:

На панели слоев делаем активным слой с картиной, кликаем по нему два раза левой кнопкой мыши – откроется окно с настройками Стилей слоя (Layer Style):

Ставим галочку у Стиля слоя Тень (Drop Shadow):

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

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

Вот как преобразился наш маленький коллаж после добавления тени:

Исчез эффект плоскости, и коллаж приобрел реалистичность.

Как сделать тень в фотошопе при помощи Выделения (Select)

Этот способ, несомненно, посложнее, но, уверенна, вы справитесь!

Создаем новый файл (Файл-Создать (File—New)) с такими параметрами:

Помешаем в новый документ изображение с девушкой (Файл-Поместить (File–Place)). Девушка уже отделена от фона, так что нам не придется её вырезать.

Как и в предыдущем шаге, масштабируем изображение до нужных нам размеров. Не забываем о клавишах Alt и Shift для сохранения пропорций и масштабирования с центра.

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

Создаем новый слой между фоновым белым слоем и слоем с девушкой, Слои-Новый-Слой (Layer—New—Layer) или клик по иконке создания нового слоя в панели слоев:

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

Вот как на данный момент выглядит наша будущая тень:

Снимаем выделение (Ctrl + D), активируем инструмент Свободное трансформирование (Free Transform Tool), горячие клавиши для его вызова Ctrl + T, также перейти к нему можно через меню Редактирование-Свободное трансформирование (Edit- Free Transform Tool):

Удерживая зажатой клавишу Ctrl, тянем верхний средний узелок вправо и вниз, чтобы «положить» тень на поверхность:

Как мы помним, тень у объекта имеет высокую насыщенность, по мере отдаления от объекта тень становится полупрозрачной. Для плавного снижения прозрачности тени будем использоватьинструмент Градиент (Gradient), горячая клавиша вызова инструмента – G.

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

На клавиатуре нажимаем клавишу D, чтобы вернуть цвета переднего и заднего плана к установленным по умолчанию. После этого действия при выборе инструмента Градиент (Gradient) в качестве стиля градиента будет предложен стиль от черного к белому.

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

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

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

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

Пустынная камелия

Для начала вам понадобятся только один цветок, настольная лампа и немного белой бумаги.

Цветок для этой статьи был сфотографирован ( с помощью Fuji Finepix ) холодным зимним утром в штате Виктория, в то время как песок ( снятый на пленку Kodachrome ) из Великой индийской пустыни в Раджастане.

Скептики ухмыльнутся, как эти два предмета могут соседствовать в одном кадре? Для этого нужно захватить полупрозрачную тень ( созданную при помощи 75-ваттной настольной лампы и нескольких кусков белой бумаги ) и деликатно перенести ее на новое место — в пустыню. Это как же…!

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

Шаг 1: Продублируйте фоновый слой

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

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

Шаг 2: Используйте инструмент «Градиент» в режиме «Быстрой маски»

Первым делом нам нужно снизить тона фона до белого, при этом, оставив тени нетронутыми. Уменьшение освещенности в направлении от источника света ( белый фон постепенно переходит в серый на дальней от источника света стороне ) может быть сбалансировано с помощью корректирующего слоя. Выберите « Цвета текста и фона по умолчанию «, « Режим Быстрой маски » и « Инструмент градиент » в палитре инструментов.

Задайте опции « линейный градиент » и « передний план к прозрачному » или « передний план к фону » в панели « Настройки «. Создайте градиент с переходом от яркой стороны изображения к темной. Появится градиент с цветами маски по умолчанию. Выйдите из режима « Быстрой маски ».

Пользователи Adobe Elements могут перейти сразу к следующему шагу и создать градиент непосредственно в маске слоя:

Шаг 3: Используйте настройки уровней слоя, чтобы сбалансировать тона фона

Из палитры слоев выберите « Корректирующий слой », « Уровни ». Активное выделение создаст маску слоя для корректирующего слоя. Переместите ползунки центрального слайдера « Гамма » и / или « Подсветка » влево, чтобы подсветить фон таким образом, чтобы обе его стороны имели одинаковый тон.

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

Шаг 4: Выделите объект без тени. На графическом планшете это будет сделать гораздо проще

Используйте инструменты рисования в режиме « Быстрой маски », чтобы создать выделение цветка на фоновом слое ( пользователям Elements нужно использовать инструмент «Выделяющая кисть» и выбрать в панели параметров режим «Маска» ). Не забудьте растушевать выделенную область или добавьте к маске незначительное « Размытие по Гауссу ».

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

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

Шаг 5: Поместите слой копии фона над корректировочным слоем Уровней

Поместите слой копии фона над корректировочным слоем Уровней . Таким образом, мы обеспечим, чтобы корректирующий слой, созданный в предыдущем шаге, не влиял на объект:

Шаг 6: Используйте средство «Порог», чтобы сделать все пиксели ниже цветка черными

В меню « Изображение », « Коррекция » выберите « Порог «. Это корректирующее средство поможет в процессе удаления тонких теней и позволит нам опустить цвет оставшейся части фона до чистого белого (255). Первым делом нам нужно временно сделать все пиксели верхнего слоя ниже цветка черными, перетащив ползунок слайдера до упора вправо — уровня порога в 255. Нажмите « ОК », чтобы выйти из диалогового окна « Порог ».

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

Шаг 7: Переместите ползунки полей «Гамма» и «Подсветка», чтобы сделать серые тона бумаги на фоне белыми

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

Шаг 8: Закрасьте оставшиеся темные области, которые не являются частью тени объекта

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

Шаг 9: Импорт нового фона

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

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

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

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

Затем перейдите в меню « Слой » и выберите команду « Создать обтравочную маску для связанных слоев » ( «Связанная группа» для Adobe Elements ). Это действие обеспечит нам, чтобы новый фон остался неизменным, когда мы на следующем шаге переместим корректирующие слои вверх в палитре:

Шаг 11: Переименуйте фоновый слой и поместите его поверх импортированного фона

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

Шаг 12: Отрегулируйте режимы смешивания для старого фонового слоя и его корректирующих слоев

На заключительном этапе нам нужно объединить или смешать полупрозрачные тени на новом месте. Выберите старый фоновый слой и измените его режим смешивания на « Умножение » ( кликните по меню режимов смешивания в палитре слоев рядом с элементом управления непрозрачностью ).

Установите для корректирующих слоев режим смешивания « Яркость », если вам нужно уменьшить какой-либо цвет. Добавьте к этой группе корректирующий слой « Цветовой тон/ насыщенность », если вам требуется дополнительно уменьшить насыщенность цветов:

Шаг 13: Размойте фон или создайте полупрозрачную виньетку с помощью корректирующих слоев и градиента, чтобы внести завершающие штрихи

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

Полупрозрачные тени — важный элемент техники создания теней

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

Данная публикация представляет собой перевод статьи « Working With Shadows In Photoshop – Advanced Shadow Techniques » , подготовленной дружной командой проекта Интернет-технологии.ру

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

Создание тени в Фотошоп

Способ 1 – стили

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

Работать со стилями очень просто:

1. Откройте окно «Слои» и переместитесь на объект.
2. Кликните дважды по слою — появится окошко стилей:

3. В колонке слева с различными опциями найдите «Тень» и поставьте галочку рядом, после чего выделите опцию мышкой – откроются ее настройки. Второй вариант: нажмите fn внизу окна слоев и выберите во всплывшем меню «Тень».

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

Способ 2 – копирование

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

• Продублируйте изображение объекта (CTRL+J).
• Переместитесь на новый слой, зажмите CTRL и, не отпуская, кликните мышкой по превью (при наведении курсора появится маленький квадрат из пунктира). Объект выделится.
• Если вы тоже делаете тень текста в Фотошопе, его нужно растрировать, через правую кнопку мышки выберите опцию «Растрировать текст».
• Возьмите кисть с черным (или другим) цветом, и закрасьте выделенную область на втором слое. Выделение можно снять (CTRL+D).

• Перетащите закрашенный слой вниз, под объект.
• В меню «Редактирование» выберите «Трансформирование» и «Отразить по вертикали».
• Отрегулируйте непрозрачность тени, как вам нужно.

Что можно с ней сделать, в отличие от созданной стилями:
• Изменить размер и повернуть с помощью опции «Свободное трансформирование» в меню «Редактирование».
• Удалить частично ластиком, если нужно.
• Свободно перемещать по изображению.
• Воспользовавшись инструментом «Перспектива» в подменю «Трансформирование», можно «положить ее на землю»:

• Собственно, можно делать все что угодно.

Если вы работаете со снимком с фоном, то порядок действий будет немного другим. Чтобы скопировать объект на новый слой, выделите его «Быстрым выделением» и нажмите CTRL+J. Сделайте это дважды, один слой без фона сделайте тенью, второй расположите сверху. Чтобы придать реалистичности, тень можно размыть с помощью «Размытия по Гауссу» в меню «Фильтр». Именно таким способом сделана в Фотошоп тень от объекта:

Способ 3 – рисование

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

1. Создайте новый слой.
2. Возьмите мягкую кисть с нужным цветом.
3. Нарисуйте тень.
4. Снизьте ее непрозрачность.

Как вариант, можно изменить режим наложения на «Мягкий свет» или другой, в зависимости от того, что именно вам нужно. Вот такую тень можно нарисовать всего лишь несколькими мазками:

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

Видео «Как сделать тень в Adobe Photoshop»:

Как сделать обводку текста в Фотошопе • Дигмаст

---

Как сделать обводку текста в программе фотошоп? Для этого запускаем программу и выбираем во вкладке Файл / Открыть. Выбираем нужную нам картинку, и пишем для неё необходимый нам текст. Для этого выбираем инструмент Текст и пишем, например, призовой кубок. Если у вас заголовок ушёл за пределы картинки, то наведите курсор чуть пониже, появится стрелочка, и смещаете заголовок так, как вам нравится. Если вас не устраивает сам вид текста, то вы можете его изменить. Здесь конечно довольно скромные возможности для текста, все равно ему можно придать какой- то вид. Выберите шрифт, наклон, курсив, полужирный, размер шрифта и цвет шрифта.

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

Я для себя предпочитаю сменить угол изображения тени, чтобы она была справа и снизу. Теперь мы видим, что тень теперь здесь появилась. Кроме этого, здесь можно изменить размеры тени и её смещение. Мы видим, что установлено 5 пикселей. Давайте попробуем сместить настройку пикселей к нулю. Тень пропадает. Регулируем курсором, смотрим чёткость тени и выбираем оптимальный вариант, например восемь. Видим, что тень стала чёткой, контурной и её можно смещать на любое расстояние. Задав размер тени, например 4, смотрим. Теперь достаточно прилично выглядит обводка и тень, на этом и ограничимся.

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

Поместите изображение в несколько текстовых слоев в Photoshop

---

Как сделать обводку текста в программе фотошоп? Для этого запускаем программу и выбираем во вкладке Файл / Открыть. Выбираем нужную нам картинку, и пишем для неё необходимый нам текст. Для этого выбираем инструмент Текст и пишем, например, призовой кубок. Если у вас заголовок ушёл за пределы картинки, то наведите курсор чуть пониже, появится стрелочка, и смещаете заголовок так, как вам нравится. Если вас не устраивает сам вид текста, то вы можете его изменить. Здесь конечно довольно скромные возможности для текста, все равно ему можно придать какой- то вид. Выберите шрифт, наклон, курсив, полужирный, размер шрифта и цвет шрифта.

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

Я для себя предпочитаю сменить угол изображения тени, чтобы она была справа и снизу. Теперь мы видим, что тень теперь здесь появилась. Кроме этого, здесь можно изменить размеры тени и её смещение. Мы видим, что установлено 5 пикселей. Давайте попробуем сместить настройку пикселей к нулю. Тень пропадает. Регулируем курсором, смотрим чёткость тени и выбираем оптимальный вариант, например восемь. Видим, что тень стала чёткой, контурной и её можно смещать на любое расстояние. Задав размер тени, например 4, смотрим. Теперь достаточно прилично выглядит обводка и тень, на этом и ограничимся.

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

Поместите изображение в несколько текстовых слоев в Photoshop

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

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

Почему это не сработало

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

Изображение обрезается только до слоя «Текст» непосредственно под ним.

Освобождение обтравочной маски

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

Освободить обтравочную маску.

И теперь мы снова видим изображение:

Изображение снова видно после снятия обтравочной маски.

Шаг 6: Поместите слои типа в группу слоев

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

Выбор верхнего слоя типа.

Затем, чтобы выбрать и другие слои типа, нажмите и удерживайте клавишу Shift и нажмите на нижний слой типа:

Удерживайте Shift и щелкните нижний слой Type, чтобы выделить их все.

Нажмите значок меню в правом верхнем углу панели «Слои»:

Нажав на значок меню.

Выберите New Group from Layers из меню:

Выбор команды «Новая группа из слоев».

В диалоговом окне «Создать группу из слоев» назовите группу «Текст» и нажмите кнопку «ОК»:

Называя группу слоев.

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

Слои типа теперь находятся внутри группы слоев.

Шаг 7: Выберите слой «Фоновая копия»

Теперь, когда слои Type находятся внутри группы, мы можем обрезать изображение для всей группы. Нажмите на слой «Background copy», чтобы выбрать его:

Выбор слоя «Фоновая копия».

Шаг 8: Создать обтравочную маску

Щелкните значок меню панели «Слои» :

Нажав на значок меню панели «Слои».

А затем выберите « Создать обтравочную маску» из списка:

Создание обтравочной маски.

На этот раз Photoshop обрезает слой «Фоновая копия» не на один слой типа, а на саму группу слоев:

Изображение теперь обрезается до группы слоев.

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

Эффект после обрезки изображения по группе слоев.

Настройка эффекта: добавление тени

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

Выбор группы слоев на панели «Слои».

Затем щелкните значок « Стили слоев» (значок «fx») внизу панели «Слои»:

Нажав на значок Стили слоя.

Выберите Drop Shadow из списка:

Выбирая «Тень».

Настройки Drop Shadow

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

В моем случае я установлю Угол на 75 °, чтобы соответствовать углу световых лучей в воде. Затем я установлю расстояние и размер на 30 пикселей, а непрозрачность на 40%. Нажмите OK, когда закончите, чтобы закрыть диалоговое окно:

Варианты Drop Shadow.

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

Результат после добавления тени к группе слоев.

Настройка эффекта: изменение цвета фона

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

Дважды щелкните образец цвета заливочного слоя на панели «Слои».

Затем выберите другой цвет в палитре цветов. Я выберу черный:

Изменение цвета фона с белого на черный.

А вот как выглядит эффект на черном фоне:

Более темный фон помогает выделить изображение в словах.

Выбор цвета фона из изображения

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

Выборка цвета из изображения.

И вот как этот цвет выглядит как новый фон:

Эффект с цветом фона, взятым из изображения.

Я буду использовать цвет, который выбрал, но выберу гораздо более темный оттенок:

Взяв сэмплированный цвет и выбрав его более темный вариант.

Нажмите кнопку ОК, чтобы закрыть окно выбора цвета, и вот мой эффект с темно-синим фоном:

Темно-синий облегчает чтение текста.

Настройка эффекта: добавление прозрачности на фон

Наконец, давайте рассмотрим еще один способ настройки эффекта, добавив прозрачность к цвету фона. Это позволит показать некоторые исходные изображения. Выбрав слой заливки сплошным цветом, уменьшите значение непрозрачности в правом верхнем углу панели «Слои». Чем ниже значение по умолчанию, равное 100%, тем больше вы будете видеть изображение через цвет фона. Я опущу мой до 85%:

Уменьшение непрозрачности слоя заливки сплошным цветом.

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

Финальный эффект «изображение в тексте».

И там у нас это есть! Вот как разместить изображение в тексте и как заполнить несколько слоев типа одним и тем же изображением в Photoshop! Обязательно ознакомьтесь с разделами « Фотоэффекты» и « Текстовые эффекты» для получения дополнительных руководств!

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Как добавить тень к тексту и изображениям в Photoshop

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

Чтобы добавить тень к тексту или изображениям в Photoshop, сначала выберите нужный слой, затем щелкните значок «FX» в нижней части панели «Слои». Из предоставленных стилей слоя выберите «Drop Shadow», чтобы применить его к тексту или изображению.Откроется диалоговое окно «Стили слоя» с дополнительными настройками, такими как размер, мягкость и положение тени.

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

Как добавить падающую тень в Photoshop

Шаг 1. Выделите текст или слой изображения

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

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

Шаг 2: Выберите Эффекты слоя> Тень

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

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

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

Шаг 3. Отрегулируйте положение тени.

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

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

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

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

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

Шаг 4: Уточните внешний вид тени

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

• Расстояние: Эта настройка определяет, насколько далеко ваша тень от вашего текста или изображения. Чем больше расстояние, тем больше будут размыты падающая тень и слой.
• Spread: Управляет шириной тени по отношению к слою. Например, при использовании тени для текстового слоя большее распространение сделает тень каждой буквы более густой.
• Размер: Настройка размера во многом аналогична настройке растушевки с помощью инструмента «Кисть». Чем больше размер, тем мягче края падающей тени.

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

Шаг 5. Нажмите «ОК», чтобы зафиксировать изменения.

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

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

Как изменить цвет тени в Photoshop

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

Есть дополнительные способы настроить внешний вид цвета с помощью режима наложения или непрозрачности. В большинстве случаев лучше оставить режим наложения «Нормальный».

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

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

Как создать длинные падающие тени в Photoshop

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

Чтобы сделать длинные тени в Photoshop, сначала продублируйте текст. Выберите нижний слой и нажмите Command / Control + T, чтобы наклонить текст под нужную тень. Подтвердите свои изменения, затем удерживайте Alt / Option + клавишу со стрелкой вверх, чтобы 100 раз продублировать наклонный текст. После завершения объедините повторяющиеся слои и переместите их за исходный текст.

Шаг 1. Дублируйте слой текста или изображения

В зависимости от того, хотите ли вы создать длинную тень на тексте или изображении, шаги будут немного отличаться в начале. С учетом сказанного, этот шаг остается одинаковым для обеих ситуаций. Выделив слой с текстом или изображением, нажмите Command / Control + J (Mac / ПК), чтобы продублировать слой.

Шаг 2. Измените цвет нижнего слоя

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

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

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

При активном выделении нажмите Alt / Option + Delete (ПК / Mac), чтобы залить выделение цветом переднего плана. Затем нажмите Command / Control + D (Mac / ПК), чтобы отменить выбор слоя изображения.

Шаг 3. Отрегулируйте угол текста или изображения

Выбрав нижележащий слой, нажмите Command / Control + T (Mac / PC), чтобы получить доступ к инструменту преобразования. На верхней панели настроек вы увидите настройку поворота влево на 0 ° по умолчанию.Щелкните это поле и введите угол, под которым должна быть ваша длинная тень. В этом примере я набираю 45 °, и слой текста или изображения будет повернут в соответствии с этим углом.

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

Шаг 4: 100 раз продублируйте наклонный слой

100 раз ?! Вы с ума сошли?!

Может показаться, что это много, но есть простое сочетание клавиш, которое можно использовать, чтобы сделать это за секунды.Выбрав нижележащий наклонный слой, не забудьте активировать инструмент «Перемещение», нажав V . Теперь нажмите и удерживайте Alt / Option + стрелку вверх , чтобы дублировать и непрерывно перемещать ваш слой.

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

Шаг 5: Объедините дублированные слои

Щелкните верхнюю часть дублированных слоев, прокрутите вниз до самого нижнего и щелкните между ними, удерживая клавишу Shift, чтобы выделить все слои.Теперь нажмите Command / Control + E , чтобы объединить все 100+ слоев в один слой.

Ах, мир и порядок восстановлены в панели слоев.

Шаг 6. Исправьте угол длинной тени

Теперь у вас есть длинная тень, но она не соответствует вашему тексту или изображению. Нажав Command / Control + T (Mac / ПК), вернитесь к настройке поворота и введите отрицательное значение исходного ввода. Поскольку ранее я устанавливал угол поворота 45 °, теперь я установил его на -45 °, чтобы исправить это.

Шаг 7. Изменение положения длинной тени

Ваша длинная тень может немного отличаться от текста или изображения, поэтому для изменения положения выберите инструмент «Перемещение» ( V ) и перетащите его на место.

Шаг 8: Дублируйте и увеличьте длинную тень

Если вас устраивает размер вашей длинной тени, то ваша работа сделана. Однако вы можете еще больше расширить тень, продублировав и переместив слой. Выделив слой с длинной тенью, нажмите Command / Control + J (Mac / PC), чтобы дублировать его.Используя инструмент «Перемещение» ( V ), измените положение дублированной длинной тени так, чтобы она выходила за пределы предыдущей.

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

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

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

Happy Editing,

Brendan 🙂

Как поместить тень за текстом в Illustrator | Small Business

Автор: Nicky LaMarco Обновлено 23 августа 2018 г.

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

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

1. Активировать инструмент выбора

2. Чтобы активировать инструмент выбора, нажмите «V» на клавиатуре или «A», если вы хотите активировать инструмент прямого выбора.После активации нажмите на текст, к которому вы хотите добавить тень, чтобы выделить его. Если вы попытаетесь применить эффект, пока текст все еще выделен, эффект будет недоступен, и вы не сможете получить к нему доступ в меню.

3. Выберите «Эффект падающей тени».

4. Откройте меню «Эффект» и перейдите в подменю «Стилизация». Здесь вы должны выбрать вариант с надписью Drop Shadow. Есть флажок «Предварительный просмотр».Активируйте его в диалоговом окне Drop Shadow. Таким образом, вы сможете увидеть предварительный просмотр вашего эффекта, когда вы поиграете с параметрами.

5. Выбрать режим

6. Откройте раскрывающееся меню «Режим» и установите для него режим наложения. Эффектом по умолчанию в этом случае является режим «Умножение», который в основном позволяет цвету тени взаимодействовать с цветами других объектов, расположенных под ней. Если под текстом нет других объектов, оставьте его в режиме по умолчанию.

7. Установить непрозрачность

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

9. Установка смещения теней

10. Начните с установки смещения по оси X, чтобы определить, насколько вправо или влево будет появляться тень.Положительные числа сдвигают его вправо, а отрицательные — влево. Смещение по оси Y определяет, насколько далеко вверх или вниз будет отображаться тень: положительные числа подталкивают ее под типом, а отрицательные числа — вверх. Если оба смещения установлены на ноль, тень будет находиться непосредственно под шрифтом и не будет отображаться.

11. Установите размытие

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

13. Выберите цвет

14. Вы можете выбрать цвет, щелкнув образец цвета. Откроется диалоговое окно «Палитра цветов», в котором вы сможете установить цвет эффекта.

15. Сопоставить цвет тени с цветом типа

16. Если вы активируете переключатель с надписью «Темнота», ваша тень будет цвета типового объекта с некоторым дополнительным черным цветом, который будет определяться выбранным вами процентным соотношением темноты.

Как создать длинную тень текста в Photoshop

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

Вы также можете проверить эти классные техники Photoshop, прежде чем продолжить эту статью —

Как добавить наложение боке Photoshop
Как создать эффект мягкого свечения с помощью Photoshop cs5
Как изменить цвет глаз в Photoshop?

Шаги по добавлению длинной тени текста в Photoshop —

Новый файл

Первое, что вам нужно сделать, это создать новый файл в Photoshop.Откройте приложение Photoshop и нажмите Файл> Создать. После этого вы получите диалоговое окно. Вы также можете нажать «ctrl + n» на клавиатуре, чтобы создать новый файл в Photoshop. В диалоговом окне, которое вы получите после нажатия на новый, укажите необходимую высоту и ширину нового файла. После того, как вы укажете все свои требования к размеру файла, нажмите Enter или нажмите Ok.

Выбрать инструмент «Текст»

После получения нового файла в Photoshop вам необходимо выбрать текстовый инструмент Photoshop. Поскольку мы делаем, как создать длинный теневой текст в Photoshop, мы должны добавить текст.А для этого требуется инструмент выбора текста. Чтобы активировать текстовый инструмент, перейдите на панель инструментов. Вы увидите там значок «Т». Щелкните этот значок, и текстовый инструмент будет активирован. Вы также можете активировать текстовый инструмент, нажав t на клавиатуре.

Напишите текст

После активации текстового инструмента вы должны написать текст. Вы можете написать любой текст в соответствии с вашими требованиями. Здесь мы написали Shadow.

Скопируйте текстовый слой

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

Изменить цвет текстового слоя

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

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

На панели слоев это слой текста с копиями наверху. Вам нужно поместить основной текстовый слой сверху. Теперь щелкните основной текстовый слой и перетащите его поверх слоя с копией текста.

Переместите дублированный слой вправо и вниз

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

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

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

Скопируйте, переместите и объедините

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

После этого объедините все слои

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

Уменьшите непрозрачность

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

Используйте настройку сплошного цвета для изменения цвета фона

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

Вот как это может выглядеть после длинной тени —

Об экспертах по траекториям

Я основатель Sadi Clipping Path Experts. Это одна из крупнейших компаний, предоставляющих услуги редактирования изображений в Дакке, Бангладеш. У меня есть опыт работы с изображениями, 3D-моделирования, дизайна рекламы, дизайна веб-сайтов и т.д. реалистичные отбрасываемые тени — это способ сделать его реалистичным.В этом уроке Photoshop Колин Смит покажет вам различные способы создания теней, чтобы смешать людей с фоном. Прокрутите вниз, чтобы увидеть письменное руководство и другие советы.

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

Трехэтапный метод Колина для создания отбрасываемой тени: Форма, Размытие и Растушевка!

Посмотрите 14-минутное видео с более подробным описанием прямо здесь.

Шаг 1

© Фотография и учебное пособие Колина Смита

Откройте изображение и удалите его из фона.

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

Step 2

Первое, что мы собираемся сделать, это создать стандартную тень.

Нажмите кнопку «Стиль слоя» в нижней части панели «Слои» (выглядит как маленькая буква «f»). Выберите «Тень».

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

Для большей реалистичности давайте сначала выберем правильный цвет тени. Щелкните черный прямоугольник справа от режима наложения в диалоговом окне Drop Shadow. Вы увидите палитру цветов. Я изменил его на синий цвет, чтобы он соответствовал цвету тени на машине.

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

Нажмите ОК, чтобы применить.

Step 3

Теперь у нас есть довольно хорошая тень, но нам нужна отбрасываемая тень.

Мы собираемся отделить стиль слоя от слоя, чтобы тень была на отдельном слое.

На панели «Слои» щелкните правой кнопкой мыши маленькую букву «f» справа от имени слоя. Вы увидите выпадающее меню.

Выберите опцию под названием Create Layer

Теперь слой будет разбит на 2 слоя.Тень будет перемещена на свой собственный слой прямо под оригиналом, как показано на снимке экрана. (Я переместил нашу девушку-гитару влево от ее тени, просто вы можете увидеть разделение на изображении здесь).

Шаг 4

Теперь исказим форму. (Если вы собираетесь сделать это с текстом, вы должны сначала отобразить тип)

Нажмите Ctrl / Cmd + T, это вызовет инструмент свободного преобразования. Щелкните правой кнопкой мыши выбранный объект (Mac: щелкните Cmd). Во всплывающем меню выберите «Искажение».

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

Шаг 5

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

При необходимости переместите любую ручку.

Нажмите Enter / Return, чтобы применить преобразование.

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

Step 6

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

Теперь мы хотим сделать тень более мягкой по мере ее удаления.

Дублируйте слой shadow , перетащив слой в «значок нового слоя» на панели слоев, или нажмите Cmd / Ctrl + J.

Отключите видимость нижнего слоя тени и выберите верхний слой тени. Это тот, который мы собираемся смягчить.

Step 7

Давайте сделаем эту вторую тень более мягкой. (Мы собираемся смешать 2 тени вместе)

Выберите «Фильтр»> «Размытие»> «Размытие по Гауссу». Добавьте достаточно размытия, чтобы сделать тень более мягкой. Настройка будет варьироваться в зависимости от размера изображения, над которым вы работаете. Когда закончите, нажмите ОК.

Шаг 8

Пора смешать две тени вместе.

Добавьте маску слоя к верхнему теневому слою, нажав кнопку «Маска слоя» на панели «Слои».

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

Убедитесь, что маска выделена, и с помощью инструмента градиента перетащите ее примерно от 1/4 до нижней части тени до примерно 3/4 пути вверх, чтобы смешать 2 слоя тени. (Красный на этом изображении показывает, куда я перетащил маску)

Подробнее об этой технике см. Здесь

Шаг 9

Наконец, установите режим умножения тени и непрозрачность верхнего слоя тени примерно на 50%. -75% и нижняя тень примерно до 30%

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

Теперь у вас есть простая, реалистичная тень, но читайте дальше.

Xtra Credit

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

В этом конкретном изображении есть две небольшие проблемы. №1. Тень на кончике ее головы не останется прежней на краю дороги, так как на фоновой пластине есть расстояние.# 2 Цвет нашей девочки не совсем соответствует раскраске тарелки. (Фоновая пластина была скорректирована с небольшим цветовым оттенком для эффекта.)

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

fix # 1

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

На верхнем теневом слое создайте маску слоя.Закрасьте часть тени, которую вы хотите скрыть, с помощью черной кисти на маске. Если вы хотите, чтобы тень оставалась видимой, но уменьшенной; дважды щелкните маску слоя, чтобы открыть панель свойств (панель «Маска» в Photoshop CS6 или более ранней версии).

Сдвиньте ползунок плотности, чтобы настроить непрозрачность замаскированной области. (Примените настройку уровней к более ранним версиям Photoshop, в которых нет панели масок).

Fix # 2

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

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

Установите цвет по своему желанию.

Измените режим наложения слоя на «Цвет» и уменьшите непрозрачность.

Последние штрихи

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

Прежде всего, я немного уменьшил ее размер, чтобы она лучше подходила (я сделал ее большой ранее, чтобы вы могли легко видеть создаваемую тень). Я также повернул тень по часовой стрелке, чтобы лучше соответствовать направлению движения машины (возможно, я мог бы пройти еще немного, но эй, это всего лишь учебник, а не произведение искусства). Я также добавил немного «Self Shadow» (затенение на самом объекте) прикосновением или прожиганием (см. Руководство по уклонению и прожиганию здесь).

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

Советы по теням

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

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

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

Итак, вот оно. Шаги по созданию реалистичной тени в программе Photoshop. Если вас заинтересует такой вид обучения, ознакомьтесь с моим премиальным курсом «Композиция в Photoshop», который включает раздел «Слои и каналы, глубокое погружение», где вы узнаете тонну больше. (Это обучение основам Photoshop, и большая его часть применима к любой версии Photoshop).

Возьмите бесплатную электронную книгу в формате PDF прямо сейчас.Мы собирались продать это за 9,99 доллара, но решили, что отдадим его вместо этого и посмотрим, что произойдет 🙂

---

Как создать тень от текста в Photoshop

Если вам надоела обычная 2D-типографика, добавление тени к тексту сделает вашу фотографию более глубокой и яркой. В приведенном ниже руководстве сайт TipsMake.com расскажет читателям, как создавать эффекты тени для текста с помощью Photoshop. Пожалуйста, прочтите.

Есть два распространенных способа отбрасывания теней в Photoshop: для создания эффекта отражающей тени и для создания эффекта легкой тени.

1. Создайте эффект отражающей тени

Эффект отражающей тени похож на изображение, проецируемое на поверхность воды или зеркало, и создает этот уникальный эффект, а именно:

Шаг 1: После вставки текста откройте меню Layer => Duplicate Layer . для дублирования оригинала.

Шаг 2: На Duplicate Layer нажмите Ctrl + T , щелкните правой кнопкой мыши текстовую область и выберите Flip Vertical .

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

Шаг 3: Щелкните правой кнопкой мыши слой копии и выберите Rasterize Type , чтобы преобразовать слой изображения в графику.

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

Шаг 5: По-прежнему выберите слой-копию (1) и щелкните на Gradient Tool (2) , как показано ниже.Затем щелкните цветовой стиль (3) на панели инструментов.

Появится новое диалоговое окно, выберите тип градиента (1) , как показано ниже, и нажмите OK (2) .

Шаг 6: Щелкните область векторной маски (1) , затем щелкните левой кнопкой мыши и перетащите вверх (2) . Вы обращаете внимание на самую аккуратную и красивую модель.

Шаг 7: Выберите слой-копию (1) и настройте Непрозрачность (2) на 50-60% , чтобы создать непрозрачность.Выполнив шаги, описанные в статье, вы создали довольно красивый шаблон для теневых надписей.

2. Создайте тень текста в Photoshop с помощью инструмента Drop Shadow.

2.1. Создайте короткую тень с помощью Drop Shadow

Шаг 1: Выберите текстовый слой (1) и щелкните правой кнопкой мыши на экране, чтобы выбрать Blending Options. (2) .

Шаг 2: Выберите инструмент Drop Shadow (1) .На панели параметров вы выбираете цвет (2) , чтобы тени были красивыми и более реалистичными. Затем вы устанавливаете такие параметры, как Opacity (угол), Angle (угол тени), Distance (расстояние между тенью и текстом), Spread (размер тени), Размер (размер шрифта) (3) . Чтобы предварительно просмотреть образец, вы можете увидеть предварительный просмотр (4) перед настройкой.

И, наконец, у нас есть текст, как на картинке ниже.

2.2. Создание длинных теней с помощью Drop shadows

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

Шаг 1: Выберите текстовый слой (1) , щелкните правой кнопкой мыши в области изображения и выберите Blending Options. (2) .

Шаг 2: Выберите Обводка (1) => выберите цвет (2) => установите толщину границы (3) от 1 до 10 в зависимости от размера шрифта.Затем нажмите OK (4) для завершения.

И, наконец, у нас есть текст с цветными границами, как показано ниже.

Шаг 3: Откройте Blending Options. и выберите Drop shadow (1) .

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

— Режим наложения для Нормального, и цвет должен совпадать с цветом обводки (Stroke).

– Непрозрачность От до 100 или ниже в зависимости от ваших предпочтений.

— Угол (угол наклона): вы устанавливаете по своему вкусу или можете использовать опцию угла 135 градусов.

— Расстояние: Длина тени должна быть от 9 до 15.

— Разброс: до 100 уровня.

— Размер: установить меньше 5.

Затем нажмите ОК для сохранения.

Шаг 4: Щелкните значок [+] (1) , чтобы добавить новые тени .Каждая новая тень вы сбрасываете Distance (2) элемента больше, чем предыдущий элемент на 1-2 пикселя.

И, наконец, у нас есть длинный образец тени, как показано ниже.

С помощью руководства по созданию теневого текста в Photoshop мы можем создавать более художественные и привлекательные шрифты, чем обычные 2D-шрифты. Если у вас есть какие-либо трудности или вопросы относительно шагов, описанных в этой статье, задайте TipsMake в разделе комментариев ниже!

Создание шрифта в стиле вставки в Photoshop

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

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

1.Создайте новый документ Photoshop размером 300 x 150 пикселей с сине-зеленым цветом фона # 669999.

2. Используя инструмент «Текст» (T), добавьте текст в документ. Я собираюсь использовать шрифт с засечками, чтобы придать ему более старый вид, но он работает практически с любым типом шрифта. На сайте Postbox используется шрифт без засечек. Шрифт здесь Times New Roman, полужирный, размер 115pt.

3. Теперь мы добавим эффекты, чтобы он выглядел так, как будто шрифт был вдавлен в бумагу (или на экран).

Убедитесь, что выбран типовой слой, а затем нажмите кнопку стилей слоев в нижней части палитры слоев. В раскрывающемся меню выберите «Внутренняя тень».
Установите расстояние 1 пиксель, размер 4 пикселя. Вы можете оставить цвет тени черным, если хотите, или для более тонкого эффекта выберите темно-зеленый. Я установил цвет тени на # 002727. Этот эффект хорошо работает со многими режимами наложения, включая Нормальный, но мне понравилось, как он выглядел при установке на Линейный свет. Наконец, установите непрозрачность примерно на 50%. Пока нет , нажмите ОК.

4. Чтобы завершить этот простой эффект, мы добавим тонкую сине-зеленую обводку вокруг шрифта. Цвет обводки должен быть немного светлее цвета фона.

По-прежнему в диалоговом окне «Стиль слоя» щелкните слово «Обводка» слева. Установите размер 1 пиксель, непрозрачность 60% и цвет # 66cccc.

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

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

Теперь, прежде чем вы нажмете «ОК» в диалоговом окне «Стиль слоя», вы можете сохранить этот стиль и использовать его снова, когда захотите. Чтобы сохранить стиль для будущего использования. Щелкните кнопку New Style . Дайте своему стилю имя, установите флажки «Включить эффекты слоя» и «Включить параметры наложения слоев» и нажмите «ОК».

Ваш стиль сохранен. Теперь вы можете нажать OK в диалоговом окне Layer Style.Если вы захотите использовать его снова, просто откройте палитру стилей, выбрав «Окно»> «Стили», и вы увидите свой стиль в палитре. Щелкните по нему, чтобы применить к текущему выбранному слою.

Как отбросить реалистичную тень на землю в Photoshop

Привет, это видео, мы собираемся вернуться к этой девушке здесь, где мы сделали ужасную Drop Shadow, и мы собираемся сделать немного менее ужасную Drop Shadow в траве. То же самое с этим текстом здесь, мы собираемся его напечатать, и вы видите здесь отбрасывающуюся тень внизу? Есть небольшой трюк для создания подобных теней.Давайте узнаем, как это сделать сейчас в фотошопе.
Прежде всего, мы вернемся в прошлое. Мы идем в «Файл», «Открыть». Мы собираемся перейти к нашему ’15 Shadows ‘, и мы собираемся открыть’ Cast shadows 01.psd ‘. Помните это, мы это сделали еще когда. И мы имитировали тень, и это было нормально, используя Burn Tool. Я покажу вам другой, возможно, более реалистичный способ. Итак, что мы собираемся сделать в первую очередь, это щелкнуть «Слой тени» и удалить его; до свидания. Выбрав слой модели, мы собираемся добавить к нему Drop Shadow.Итак, мы собираемся перейти к «fx», я перейду к «Drop Shadow», и мы собираемся добавить Drop Shadow.
Какой? Я здесь как бы догадываюсь. Я немного увеличиваю непрозрачность. Расстояние, не особо беспокоюсь об этом, размер разумный. Насколько размыто? Достаточно размыто для меня. Так что вы можете скопировать мои настройки или просто отрегулировать. Вы увидите, что впоследствии мы можем немного с этим повозиться. Так что нас не особенно беспокоят точные настройки здесь. Мы собираемся нажать «ОК». И это то, что люди не знают, что вы можете сделать.На самом деле вы можете щелкнуть правой кнопкой мыши слово «Drop Shadow», и вы можете перейти к тому, что говорит «Create Layer». Причина, по которой вы не знаете, состоит в том, что это смешное название для этого — «Создать слой».
Что он делает, так это предупреждение. И что он делает, так это отделяет эту Drop Shadow. Здесь ничего не изменилось, кроме Drop Shadow теперь на отдельном слое. Самое классное в этом то, что я могу его перемещать. Я мог бы сделать это с эффектом, но теперь я могу начать объединять некоторые эффекты, которые мы узнали ранее.Так что я собираюсь поместить это прямо здесь. Затем я перейду в «Редактировать», «Преобразовать». И я собираюсь использовать тот, который говорит «Искажение». Я возьму верхнюю и переверну ее вверх дном. Вот и верхний луг, просто переверните его. Возьмите любое место, кроме перекрестия в середине. Я просто потащу его вверх, чтобы оно выглядело так, как будто она внизу.
Теперь, в зависимости от того, что вы хотите сделать с Drop Shadow, это немного сложно увидеть на экране, потому что на заднем плане есть трава.Так что я просто отключу фон. В данный момент я не могу этого сделать. Поэтому я нажимаю «возврат» на клавиатуре, чтобы вы могли это увидеть. Нажмите «return», я собираюсь выключить фон. У меня все еще выбран слой тени, я вернусь к этому инструменту. «Преобразовать», чтобы вы могли видеть немного лучше. Перейдите в «Искажение». Что я собираюсь сделать, так это взять верхнюю и, возможно, засунуть ее туда. Так это выглядит …
Это зависит от того, откуда отбрасывается ваша тень. Я могу их как бы растянуть, часто бывает что-то вроде разворота.Возьмите и этот средний. И решать вам, насколько глубоким вы хотите, чтобы это было. Это будет зависеть от изображения внизу, но это сработает для меня. Включи это. И поскольку он автоматически использует умножение, он будет работать нормально. Я собираюсь немного уменьшить непрозрачность, чтобы сделать его более правдоподобным. И мы вернемся к этому, когда изучим еще несколько дополнительных навыков. Может быть, исчезнут некоторые из этих лучших вещей.
Итак, что мы собираемся сделать сейчас, мы собираемся выполнить то упражнение типа Type, которое вы видели спереди.Переходим в «Файл», «Открыть». Мы собираемся открыть «Отбрасывать тени 02», щелкнуть «Открыть». Я собираюсь взять свой «Инструмент ввода текста». Я собираюсь щелкнуть один раз. У меня огромный текст, вы вводите свое имя. Я напечатаю свой, ну, я использую Скотт, потому что это фальшивая марка, которую мы делаем. ‘Тип шрифта’. Используя мой любимый Museo Sans, я собираюсь сделать размер шрифта не таким уж большим. 50. Я даже имя напишу правильно, это моя фамилия. Я собираюсь взять свой «Инструмент перемещения» и вместо того, чтобы угадывать размеры шрифта, которые мне нравятся, «Command T» на Mac, «Control T» на ПК.Удерживайте Shift на углах, чтобы получить нужный мне размер. Нажмите «Вернуться».
Цвет шрифта будет белым. И это те же самые принципы, которые мы только что использовали, но мы добавим немного больше. Итак, выбрав «Скотт», я возьму свой «fx», возьму «Drop Shadow». Не особо беспокоюсь об этом, я просто оставлю все как было раньше. Щелкните «ОК». Помните, что я хочу сделать, щелкнув правой кнопкой мыши «Drop Shadow». Нажмите загадочное имя «Создать слой», не беспокойтесь об ошибке.И убедитесь, что я работаю здесь над нижним слоем. Называется Drop Shadow. Переместите его так, чтобы он находился прямо под ним, затем перейдите в «Редактировать». «Трансформировать» и снова «Искажать». Я потащу его вниз. Я хочу, чтобы это было похоже на сидение прямо здесь, и я хочу, чтобы он вспыхнул, потому что я выбрал изображение, на котором было действительно чистое Солнце, а на последнем изображении его нет, поэтому он все равно выглядит немного фальшивым.
Вот этот, я пытаюсь имитировать солнечные лучи, которые исходят от него. Я собираюсь уютно устроиться там и нажимать «Return».Так что я мог поиграть с непрозрачностью, чтобы попытаться сделать его немного лучше. И что я мог бы сделать, это Multiply работает, но давайте попробуем некоторые другие, чтобы посмотреть, как это выглядит. Так что помните ярлык, я должен быть на моем «Инструменте перемещения». Мне нужно зажать Shift и нажать клавишу «+» на клавиатуре. Плюс вверху рядом с числами. И мы просто пройдемся по циклу, пока я не найду что-то, что мне понравится.
Итак, я делаю что-то вроде этого, например, Overlay работает немного лучше, чем Multiply, очень нравится.И чтобы добавить немного больше, я собираюсь добавить маску слоя. Мы проделывали это несколько раз, мы как бы удваиваемся и тренируемся. И поскольку он белый, ничего не делает, я беру кисть. Я не собираюсь использовать одну из своих дымовых кистей. Я собираюсь перейти к «Генералу», и я собираюсь использовать только мягкий круглый. По размеру он действительно большой. Что это такое? Это будет что-то подходящее. На самом деле это был идеальный размер, у меня был замок с заглавными буквами. А если я использую черный —
Так что помните, белый цвет показывает все насквозь, но если я рисую черным, я могу начать удалять детали.Итак, я щелкнул один раз там, один раз щелкнул там, один раз щелкнул там. Что я могу сделать, так это немного уменьшить непрозрачность. Так что я собираюсь уничтожить этих парней. Отменить, отменить, отменить. И просто уменьшите Непрозрачность до чего-нибудь довольно светлого. Просто наращивайте медленно, 30%. Щелчок и перетаскивание в нижней части, щелчок и перетаскивание. Видите, это просто начинает немного лучше приживаться. Это правдоподобно? Это текст на траве. Возможно, это более правдоподобно, чем это.
Тем не менее, мы можем сделать то же самое, выбрав «Drop Shadow», я перейду к своему «Move Tool» и поиграю с моими режимами слоя, пока не найду что-то более правдоподобное.Итак, Overlay работал в последнем. Я собираюсь увеличить непрозрачность. И с выбранным слоем, «Layer Mode», «Brush Tool». Кисть чуть меньшего размера. А я просто собираюсь потренироваться, так что не все так однозначно. Просто немного менее жесткое ядро. Это лучше? Это определенно лучше. Это фотореалистично? Это не так, но мы узнали несколько новых интересных трюков, Drop Shadow, где мы можем отключить Drop Shadow, а затем начать возиться с ним, используя разные режимы слоя. Мы можем трансформировать его, и это приведет нас к следующему видео, где мы начнем его гнуть.Хорошо, спасибо за игру.