Разное

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

Содержание

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

Всем доброго времени на fast-wolker.ru! Создание текстовых эффектов для различных целей занятие не только увлекательное, но и полезное особенно для тех, кто ведет в интернете свои странички. Ведь придание тексту необычного вида всегда будет привлекать посетителей.

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

Вариант создания  тени текста в фотошопе № 1

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

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

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

Затем создаем новый слой. В «палитре слоев»  (в самом низу) кликаем на иконку нового слоя…

Теперь необходимо сделать обводку. Для этого идем в меню «редактирование» и там выбираем «выполнить обводку«.

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

Далее, выбираем слой с текстом и дублируем его. Затем выбираем основной текстовый слой, два раза кликаем по нему, вызывая окно свойств слоя. Выбираем пункт «наложение цвета«. Устанавливаем черный цвет.

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

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

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

Теперь все слои с тенью выделяем и объединяем их вместе. Для этого в меню слои выбираем пункт «объединить слои«.

Далее, можно немного размыть тень. Заходим в меню «фильтр», выбираем «

размытие-размытие по гауссу«.

В открывшемся окне выбираем значение 2.

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

В результате получаем готовый текст с тенью.

Вариант создания тени текста в фотошоп № 2

Все так же, создаем документ, пишем текст. Затем создаем слой-копию, а оригинал переименовываем в «Тень». Теперь слой «Тень» надо растрировать. Идем меню «слои«-«растрировать«-«слои«.

Затем идем в меню «редактирование» и там выбираем «трансформирование-масштабирование«.

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

Далее, идем вновь в  «редактирование-трансформирование«, но выбираем уже «перспектива«:

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

После этого заливку слоя «Тень» надо понизить до 0%. Далее, вызываем окно свойств слоя, два раза кликнув по нему. Здесь выбираем пункт «градиентная заливка» и применяем к слою «Тень» любой градиент.

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

В установках ставим такое значение, какое устраивает. В конечном итоге получаем следующее:

Получилось довольно неплохо. Это вариант, когда тень лежит за текстом, но если нужно тень положить перед текстом? Делаем все так же.

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

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

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

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

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

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

Вот и все, тень готова. Аналогично можно сделать любую тень в любом направлении и любого цвета. Успехов в творчестве!

Автор публикации

0 Комментарии: 1Публикации: 179Регистрация: 02-12-2017

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

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

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

Создать тень в программе фотошоп можно разными способами. Это и использование специальных параметров, а можно просто нарисовать тень при помощи «кисти«.

Делаем реалистичную тень от предмета, объекта

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

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

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

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

Вот и все. Как видите достаточно легко. Следующий вариант подразумевает использование «специальных параметров«.

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

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

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

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

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

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

Далее, щёлкаем правой клавишей мыши и из появившегося списка выбираем пункт «Параметры наложения»

Откроется новое окно и в нем выбираем пункт «Тень». Здесь мы изменяем все параметры, которые указаны в данном пункте добиваясь нужного изображения. Оно по мере изменения параметров будет прорисовываться на изображении.

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

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

Как сделать тень в фотошопе от человека на земле?

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

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

Итак, вырезаем эту фигуру (как это сделать, говорилось в разделе выше – используем «быстрое выделение«). Копируем на новый слой, видимость фона отключаем и получаем следующее.

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

 

Далее над слоем с фигурой человека создаем новый слой.

В «панели инструментов» устанавливаем темный цвет или черный, или серый, ближе к тени.

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

Далее,  снимаем выделение и идем в главное меню «Редактирование» — «Свободное трансформирование». Вокруг фигуры появилась рамка.

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

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

В результате тень легла уже так, как надо. Теперь надо тень немного сделать пореалистичнее, т.е., сгладить ее от ног к голове. Для этого используем инструмент «градиент». Создаем слой-маску для слоя с тенью, кликнув на иконку в палитре слоев.

Сейчас  выбираем инструмент «градиент» на «панели инструментов«. Цвета автоматически определились как белый и черный.

Инструментом «градиент» проводим линию от ног фигуры до головы и ведем несколько дальше, практически до края холста.

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

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

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

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

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

Тень от текста – делаем в Photoshop

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

Теперь выбираем «редактирование» — «трансформирование» и «отразить по вертикали«.

Далее, отраженный текст смещаем вниз, под основной.

Следующим шагом правой кнопкой мыши щелкаем по слою-копии и выбираем «растрировать текст«.

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

Применяем еще и «масштабирование», чтобы получить такой результат:

Сейчас осталось немного размыть тень, чтобы она отличалась от основного текста. Выбираем «фильтр«- «размытие по гауссу» и устанавливаем нужное значение.

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

Автор публикации

0 Комментарии: 1Публикации: 179Регистрация: 02-12-2017

Создаем эффект длинной тени в Фотошоп / Creativo.one

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

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

Шаг 1

Создайте новый документ размером 800х600 пикселей. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и создайте текст. В данном уроке я использовал бесплатный шрифт Gobold.

Примечание переводчика: Залейте фон любым цветом. В переводе использовался цвет фона # 9fe6a0, цвет текста #235cdd

Шаг 2

Используя приведенные ниже настройки, добавьте к текстовому слою эффект Тень (Drop Shadow).

Примечание переводчика: настройки на скриншоте

Тень (Drop Shadow):

  • Режим наложения (Blend Mode): Нормальный (Normal), Цвет темно-синий (#182542)
  • Непрозрачность (Opacity): 100 %
  • Угол (Angle): 135 °
  • Глобальное освещение (Use Global Light): Снять галочку
  • Смещение (Distance): 3 рх
  • Размах (Spread): 100 %
  • Размер (Size): 1
  • Сглаживание (Anti-aliased): Снять галочку
  • Шум (Noise): 0 %
  • Слой выбивает тень (Layer Knocks Out Drop Shadow): Поставить галочку

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

Шаг 3

Теперь мы добавим вторую тень, для этого нажмите на значок «плюс» справа от эффекта Тень (Drop Shadow). В результате мы получим дубликат эффекта тень, который находится под оригиналом. Выберите дубликат эффекта тень и измените значение Смещение (Distance) на 5 px.

Обратите внимание, что наша тень стала немного длиннее.

Шаг 4

Продолжайте добавлять тень, изменяя значение Смещение (Distance). Программа Фотошоп 2015 позволяет добавлять до 10 экземпляров одного и того же эффекта. Совет: Важно, чтобы расстояние было правильным. Если промежуток слишком большой, вы получите зубчатые края на длинной тени.

Шаг 5

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

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

  • Размер (Size): 5 рх
  • Положение (Position): Внутри (Inside) 
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100 %
  • Тип обводки (Fill Type): Цвет (Color)
  • Цвет (Color): #182542

Шаг 6

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

Шаг 7

Добавьте эффект Тень (Drop Shadow) к группе. Некоторые параметры необходимо отрегулировать так, чтобы они соответствовали цвету и стилю предыдущих теней. Так же необходимо расположить тень так, чтобы она выглядела как продолжение предыдущей тени.

Примечание переводчика: настройки на скриншоте

Тень (Drop Shadow):

  • Режим наложения (Blend Mode): Нормальный (Normal), Цвет темно-синий #182542
  • Непрозрачность (Opacity): 100 %
  • Угол (Angle): 135 °
  • Глобальное освещение (Use Global Light): Снять галочку
  • Смещение (Distance): 11 рх
  • Размах (Spread): 100 %
  • Размер (Size): 0 px
  • Сглаживание (Anti-aliased): Снять галочку
  • Шум (Noise): 0 %
  • Слой выбивает тень (Layer Knocks Out Drop Shadow): Поставить галочку

В результате мы сделали тень длиннее.

Шаг 8

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

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

Заключение

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

Автор: Stephen Petrany

Тени и свет / Creativo.one

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример 1

Пример 2

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

Автор: Andrei Oprinca
 

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.

Всем привет

Сегодня мы будем создавать текст со светящейся тенью.

Урок достаточно простой и отлично подойдет для людей, которые только начинают осваивать фотошоп.

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

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

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

В завершение урока "Как сделать тень текста в фотошопе" мы применим разные стили слоя к текстовым слоям (Внешнее свечение и Обводка), создадим несколько копий слоя с обводкой и разместим их на холсте.

 

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

В панели слоев дважды щелкаем по слою «Фон», чтобы открыть стили слоя.

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

Левая нижняя Контрольная точка (позиция 0%) –оттенок # 1b0e50;

Правая нижняя Контрольная точка (позиция 100%) – оттенок # 910d7a.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

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

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

Помещаем в документ (Файл-Поместить встроенные) изображение «Текстура» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. Увеличиваем изображение так, чтобы текст внизу текстуры был за пределами холста.

В панели слоев меняем режим наложения слоя с текстурой на Экран и понижаем прозрачность слоя.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Пишем слово «Фотошоп». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.

В панели слоев создаем дубликат текстового слоя (Ctrl+J). Временно скрываем видимость оригинального текстового слоя, нажав в панели слоев на «глазик» около слоя в панели слоев.

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

Во вкладке Внешнее свечение меняем оттенок на # ffffec и вводим настройки, как на рисунке ниже.

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

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

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

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

Во вкладке Обводка меняем оттенок на # fff770 и вводим настройки, как на картинке ниже.

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

В панели слоев возвращаем видимость копии текстового слоя.

Активируем инструмент Перемещение и при помощи клавиш-стрелок перемещаем слой с обводкой влево и вниз. 1 клик клавишей стрелкой=сдвиг на 1 пиксель. 1 клик клавишей стрелкой с зажатой клавишей Shift=сдвиг на 10 пикселей.

Создаем несколько копий слоя с обводкой (Ctrl+J) и при помощи инструмента Перемещение и клавиш со стрелками располагаем на холсте. Я сдвигала каждую последующую копи на 10 пикселей влево и на 10 пикселей вниз. В зависимости от размера холста и текста вам могут понадобиться другие значения. Вот что получилось у меня в результате.

В завершение при помощи клавиши Shift выделяем все слои с текстом и немного поднимаем их вверх.

Текст со светящейся тенью готов! Урок "Как сделать тень текста в фотошопе" завершен.

Отличного настроения и творческих успехов!

 

 

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

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


 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

PhotoshopSunduchok - Тень текста в фотошопе

Автор: NON. Дата публикации: . Категория: Уроки фотошопа текст.

В этом уроке по работе с фотошопом будет создана не просто тень текста в фотошопе, а мы сымитируем эффект освещения объекта сзади. Для чего используем всего лишь "Свободное трансформирование" и фильтр "Размытие по Гауссу".

Подобные публикации:

{smooth-scroll-top}

Создадим новый документ необходимого Вам размера - Ctrl+N.

На передний план установим любой цвет и зальём им созданный документ - Alt+Delete. Выберем инструмент "Горизонтальный текст" (Т) и напишем слово. Мои выбранные параметры Вы видите на скриншоте ниже.

Создадим копию текстового слоя - Ctrl+J.

Вызовем свободное трансформирование - Ctrl+T, правой кнопкой мыши щёлкнем внутри рамки трансформации и выберем пункт "Отразить по вертикали".

Активизируем инструмент "Перемещение" (V) и сместим отражённую копию текста вниз.

Правой кнопкой мыши щёлкаем по копии текстового слоя и выбираем пункт "Растрировать текст".

Опять вызываем свободное трансформирование - Ctrl+T, правой кнопкой мыши щёлкнем внутри рамки трансформации и выберем пункт "Перспектива".

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

Не применяя трансформирования, правой кнопкой мыши щёлкнем внутри рамки трансформации и выберем пункт "Свободное трансформирование".

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

Применим трансформирование - Enter.

Сделаем тень чёрной - нажмём клавишу "D", а потом сочетание клавиш Shift+Alt+Delete.

Перейдём в "Фильтр - Размытие - Размытие по Гауссу".

В окне фильтра поставим около 4 пикселов.

Выберем инструмент "Прямоугольная область" (М) с растушёвкой около 15 пикселов и выделим нижнюю часть изображения.

Ещё раз применим фильтр "Размытие по Гауссу", но уже не заходя в меню "Фильтр" - Ctrl+F. Снимем выделение - Ctrl+D.

Уменьшим непрозрачность слоя с тенью до необходимой величины.

Мы с Вами создали тень текста в фотошопе с эффектом освещения объекта сзади.

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

Скачать урок (386 Кб) в формате PDF:

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

{smooth-scroll-top}

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

Использование текста для затенения самого себя в Photoshop

Автор Стив Паттерсон.

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Создайте новый пустой документ

Сначала создадим новый пустой документ Photoshop.Поднимитесь в меню File вверху экрана и выберите New или просто воспользуйтесь сочетанием клавиш Ctrl + N (Win) / Command + N (Mac). Любой метод вызовет диалоговое окно Photoshop New Document . Введите любой размер, который вам нужен для вашего документа. Я собираюсь ввести Ширина 6 дюймов , Высота 4 дюйма и Разрешение 300 пикселей / дюйм , но опять же, вы можете ввести любой размер, который вам нужен.Я также собираюсь установить для Background Contents значение White , чтобы белый цвет отображался в качестве цвета фона в документе. По завершении нажмите OK , чтобы выйти из диалогового окна. Ваш новый пустой документ появится на вашем экране.

Создайте новый пустой документ Photoshop.

Шаг 2. Выберите инструмент «Текст»

Затем выберите Type Too l на палитре инструментов или нажмите букву T для выбора с помощью сочетания клавиш:

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

Шаг 3. Выберите шрифт, размер и цвет текста

Выбрав инструмент «Текст», перейдите на панель параметров вверху экрана и выберите тот шрифт, который хотите использовать. Я буду использовать Tahoma Bold с размером 60 pt . Вы, конечно, можете использовать любой шрифт, который вам нравится, и размер, который вы выбираете, может отличаться в зависимости от выбранного вами шрифта, а также от размера документа, с которым вы работаете:

Выберите шрифт и размер шрифта на панели параметров.

Затем, чтобы выбрать цвет для текста, щелкните образец цвета на панели параметров.

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

Откроется палитра цветов Photoshop . Выберите красивый яркий цвет для текста. Я выберу ярко-красный цвет. Выбрав цвет, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него:

Выберите цвет текста в палитре цветов, затем нажмите OK, чтобы выйти из него.

Шаг 4. Добавьте текст

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

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

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

Текст появляется на отдельном слое над фоновым слоем.

Шаг 5. Дублируйте текстовый слой

Мы собираемся использовать тот же текст для затенения самого себя, и для этого нам понадобится копия текста, а это значит, что нам нужно продублировать наш текстовый слой. Убедитесь, что у вас есть текстовый слой, выбранный в палитре слоев (выбранные слои выделены синим), затем нажмите Ctrl + J (Win) / Command + J (Mac), чтобы дублировать слой. Копия текстового слоя появится над оригиналом:

Палитра «Слои», показывающая копию текстового слоя над оригиналом.

Шаг 6. Выберите исходный текстовый слой

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

Щелкните исходный текстовый слой в палитре слоев.

Шаг 7: Выберите более темную версию цвета текста для использования в качестве тени

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

Выберите более темную версию исходного цвета текста с помощью палитры цветов.

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

Шаг 8: Выберите инструмент «Перемещение»

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

Выберите инструмент «Перемещение».

Шаг 9. Сдвинуть исходный текстовый слой вниз и вправо

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

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

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

Если хотите, вы можете создать вторую тень, просто выполнив те же действия. Дублируйте исходный текстовый слой, нажав Ctrl + J (Win) / Command + J (Mac), затем щелкните исходный текстовый слой в палитре слоев, чтобы повторно выбрать его.Вернитесь к инструменту Type Tool (так как в данный момент выбран инструмент Move), щелкните образец цвета на панели параметров и выберите еще более темный оттенок цвета из Color Picker . Выберите инструмент Move Tool , затем используйте клавиши со стрелками на клавиатуре, чтобы переместить текст вниз и вправо.

Вот мой текст после выполнения шагов по добавлению второго теневого эффекта:

Эффект после добавления второй, более темной тени.

Куда идти дальше ...

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


Как добавить тень к тексту в Photoshop - photoshopbuzz.com

от Ханна 10 мая 2010 г. 22:14 37522 просмотра6

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

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

Инструмент «Выбор текста»

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

Введите текст

Шаг 3.
Используйте панель «Символ», чтобы изменить шрифт и размер шрифта.

Шаг 4.
Существует 3 различных способа доступа к панели тени, это просто личные предпочтения, которые вы сочтете наиболее простыми в использовании.
A) Дважды щелкните слой с типом на нем в палитре слоев, появится панель там, где вы можно выбрать тень в левом меню.
B) Выберите текстовый слой, затем щелкните значок fx в нижней части палитры и выберите «Тень» в меню.
C) Перейдите в Layer> Layer Style> Drop Shadow.

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

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

A.

Наложение тени 1 Наложение текста Drop Shadow 1

B.

Наложение тени 2 Наложение текста Drop Shadow 2

C.

Наложение тени 3 Наложение текста Drop Shadow 3

D.

Наложение тени 4 Наложение текста падающей тени 4

Шаг 7.

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

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

пример тени текста

Создание тени текста в Photoshop Учебник по Photoshop

www.psd-dude.com

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

Я не говорю, что учебник на 100% точен, но для новичков в Photoshop, я думаю, это очень полезный урок.

Твитнуть

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

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

Текстовая тень Photoshop Effect

Начнем с простого текстового слоя , цвет # e4ddc6, и фонового слоя , цвет # a59d87.Как вы видете фон и текст не имеют цветовых вариаций, а это значит, что нет источника света.

Свет идет спереди

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

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

Чтобы создать текстовую тень , мы должны дублировать текстовый слой и переименовать первый текстовый слой, Shadow Layer . Растрируйте слой Shadow Layer и измените его размер до 60% только по вертикали. Сделать Убедитесь, что вы выбрали Reference Point Location , как показано на рисунке.

Используйте Perspective Tool из меню Edit , Transform , чтобы добавить перспективу и создать реалистичный падающая тень эффект.

Уменьшите Fill этого теневого слоя до 0% и добавьте Gradient Overlay с прозрачностью.

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

Свет исходит из спины

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

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

Добавьте Perspective для тени текста, уменьшите Fill до 0% и добавьте эффект Gradient Overlay . Чтобы смягчить тени снова примените фильтр Gaussian Blur .

Также очень важно добавить Gradient Overlay к Text Layer , чтобы затемнить нижнюю часть текст.

Вот как теперь должен выглядеть ваш эффект text shadow ; Я очень надеюсь, что это выглядит достаточно реалистично.

Бывают и другие ситуации, когда свет исходит не из центра. Допустим, идет с левой стороны. В В этом случае все, что вам нужно сделать, это исказить тень текста , используя Skew , Distort или даже Perspective Tools и переместите его вправо.

Экшен Photoshop Drop Shadow (Бесплатно)

Реалистичные тени Photoshop Premium Actions

Создание эффекта длинной тени для текста в Photoshop с использованием стилей слоев

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

Шаг 1

В новом документе используйте инструмент «Текст», чтобы разместить текст на холсте.Я создал свой документ размером 800 на 600 пикселей. Кроме того, я использую бесплатный шрифт Gobold с сайта datfont.com

Step 2

Добавьте стиль слоя Drop Shadow к текстовому слою. Используйте настройки, указанные ниже. Примечание: я использую темно-синий цвет для тени (# 182542).

В результате должна быть небольшая тень:

Step 3

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

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

Шаг 4

Продолжайте добавлять новые падающие тени, изменяя только свойство Distance. Photoshop CC 2015 позволяет использовать до 10 экземпляров одного стиля слоя. Совет: важно правильно выбирать интервалы. Если интервал слишком свободный, на длинной тени будут неровные края.

Шаг 5

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

Шаг 6

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

Шаг 7

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

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

Шаг 8

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

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

Заключение

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

Создание эффекта затененного стилизованного текста в Photoshop

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

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

Ресурсы:

Набор тонких узоров

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



(Загрузите готовый многослойный PSD-файл.)

Шаг 1:

Откройте Photoshop и создайте новый файл шириной 1000 пикселей и высотой 600 пикселей.Или вы можете настроить размер по своему усмотрению.

Шаг 2:

Теперь мы начнем с фона, поэтому создайте новый слой. Затем выберите инструмент «Ведро с краской» и залейте фон цветом # 006d68.

Шаг 3:

Выберите фоновый слой и нажмите «Слой»> «Стили слоя»> «Наложение градиента» (или дважды щелкните выбранный слой) и добавьте градиент «черный 7 белый». Уменьшите непрозрачность до 8% и установите масштаб 115%.

Шаг 4:

Выберите фоновый слой и нажмите «Слой»> «Стили слоя»> «Наложение узора» (или дважды щелкните выбранный слой) и добавьте один из тонких узоров из ресурсов выше. Измените режим наложения на «Разделить» и установите масштаб узора на 15%.

Шаг 5:

Теперь щелкните инструмент «Текст» и добавьте желаемый текст цвета # 070707. Затем нажмите «Слой»> «Стили слоя»> «Тень» (или дважды щелкните выбранный слой) и добавьте тень с настройками, показанными на изображении ниже.

Шаг 6:

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

Шаг 7:

Снова выберите инструмент «Текст» и добавьте текст, используя цвет # 161d21. Затем переместите текст влево.

Шаг 8:

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

Шаг 9:

Выберите инструмент «Текст» и добавьте текст, используя цвет # bc4232; убедитесь, что вы немного уменьшили размер текста. Затем переместите текст немного влево. Выделите текстовый слой и нажмите «Слой»> «Стили слоя»> «Обводка» (или дважды щелкните выбранный слой) и добавьте обводку в 1 пиксель, используя цвет # d43926. Сохраните настройки, как показано на изображении ниже.

Еще раз нажмите «Слой»> «Стили слоя»> «Наложение градиента» (дважды щелкните выбранный слой), сохраните настройки такими же, как показано на следующем изображении.

Затем нажмите «Слой»> «Стили слоя»> «Тень» (дважды щелкните выбранный слой), уменьшите непрозрачность до 75% и оставьте остальные настройки такими же, как показано на изображении ниже.

Шаг 10:

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

Шаг 11:

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

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

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

Отбрасывание тени в учебнике Photoshop

Когда вы объединяете фотографии вместе, реалистичные отбрасываемые тени - это трюк, позволяющий сделать их реалистичными. В этом уроке 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

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

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

Шаг 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», который включает раздел «Слои и каналы, глубокое погружение», где вы узнаете еще много всего.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *