Объемные цифры в фотошопе: Создание объемных цифр в фотошоп. Как быстро сделать объёмные красивые буквы в Photoshop

Объемные цифры фотошоп. Как быстро сделать объёмные красивые буквы в Photoshop

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

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «PLAY». Созданный из него 3D-слой называется так же. Найдите его в панели 3D и кликните по нему. Затем, если не открылась сама, откройте панель свойств (Окно —> Свойства или Window —> Properties) и задайте глубину экструзии (Extrusion Depth) в 0:

Буквы стали плоским, что нам и нужно.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели свойств нажмите на третий значок слева, в этом разделе мы можем изменить угол и интенсивность раздувания фигуры фигуры.

Сначала, кликните по выпадающему меню «Стороны» (Sides) вверху панели и установите на «Спереди и сзади» (Front and Back). Затем перейдите к разделу «Раздувание» (Inflate) и установите «Угол» (Angle) на 90 ° и «Интенсивность» (Strength) на 20%. Буквы сразу становятся раздутыми. Это хорошо видно на дополнительном виде сверху:

ШАГ ПЯТЫЙ:

На данный момент все буквы в слове являются единым объектом. Я же хочу использовать каждую букву, как отдельный элемент. Но, перед тем, как разделить объект из букв, давайте настроим свойства поверхности объекта. На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств, в окне выбора материалов найдите материал с названием «Без текстуры» (No Texture):

Продолжим работу с панелью свойств. Нажмите на прямоугольник-образец цвета рядом с Рассеиванием» (Diffuse) и выберите белый в палитре цветов, затем нажмите OK. Установите «Блеск» (Shine) на 100%, «Отражение» (Reflection) на 75%, «Плавность» (Roughness) около 25% и «Рельеф» (Bump) 10%:

ШАГ ШЕСТОЙ: Пройдите по вкладке главного меню 3D —> Разделить экструзию (3D —> Split Extrusion). Это позволит Вам манипулировать с каждой буквой в отдельности, сохраняя при этом все буквы в том же 3D-слое. Переключитесь на инструмент «Перемещение (Move Tool) и наведите курсор на первую букву. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить позицию и масштаб этой буквы, не затрагивая остальные буквы:

ШАГ СЕДЬМОЙ: Давайте раскрасим каждую букву в свой цвет, начнём с выбранной на данный момент самой левой буквы. В панели 3D нажмите на На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств нажмите на квадратик рядом с » Рассеиванием» (Diffuse) и выберите, к примеру, зелёный цвет в палитре цветов. Нажмите OK. Сделайте то же самое для остальных букв, задавая каждой из них свой цвет. Вы заметите, что отражающие свойства поверхностей букв остаются без изменений, даже при изменении цвета:

Обращаю Ваше внимание, что в панели 3D надо переключать на «Материал передней выпуклости» для каждой отдельной буквы:

ШАГ ВОСЬМОЙ (для Photoshop CS6): Если Вы используете Photoshop CC, то Вы видите несколько отражающих бликов на 3D-объектах. Эти блики создаются по умолчанию основе освещения IBL (Image Based Light — источник света на базе изображения). В Photoshop CS6 изображение, на основе которого эти источнике света, по умолчанию сплошное чёрное, т.е. никаких источников нет, соответственно, и бликов не будет. На рисунке ниже я показал, как выглядит это изображение в Photoshop CC, также, я показал, каким образом можно открыть и посмотреть изображение IBL:

Это изображение похоже на потолочные светильники, оно и создаёт эффект бликов на буквах. Поэтому, в Photoshop CS6 его надо создать самостоятельно. Действия по созданию новой текстуры похоже на действия на рисунке выше, только вместо «Редактировать текстуру» (Edit Texture) нажмите строку «Новая текстура» (New Texture). Photoshop автоматически откроет окно создания нового документа, введите размеры 538 на 302 пикселя и нарисуйте серо-белый холст, похожий на показанный на рисунке выше, затем сохраните документ.

ШАГ ЗАВЕРШАЮЩИЙ: Освещение готово, и 3D текст разделен на буквы. Теперь, Вы можете с помощью инструментов 3d перемещения, масштаба и виджетов перемещать, наклонять и масштабировать буквы. Кроме того, буквы будут взаимодействовать друг с другом, отражая не только источники света, но и друг друга. Это будет видно после проведения рендериннга. И не забывайте, что даже если вы можете манипулировать с каждой буквой в отдельности, все они по-прежнему остаются на одном 3D-слое.

В Photoshop CC имеется прекрасная система текстовых подсказок. Когда Вы наводите курсор на объект, отображается «габаритный контейнер» объекта, или Gismo, а также его оси. Далее наводим и перемещаем курсор вдоль одной из осей, и Photoshop выдаёт нам варианты, напр., «вращение по оси Z», «перемещение вдоль оси Y», «масштаб вдоль оси X» и т.д.:

Вот как выглядит мой финальный результат. Этот рисунок получен после рендеринга документа, запустит рендеринг можно клавишами Ctrl+Shift+Alt+R:

На финальном изображении я скрыл 3D плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

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

Давайте начнем!

Финальное изображение

Исходные данные:

Некоторые файлы вы найдете в папке «Source». Вам также понадобятся бесплатный шрифт и следующие стоковые изображения из этого урока

1. Шрифт Ryno Slab
2. Шоколадное мороженое
3. Шоколадное печенье
4. Кусочек сникерса
5. Кусок торта
6. Кусок шоколадки
7. Клубника
8. Шоколадный торт
9. Папка «Source» 178,21Мб (необязательно)

Шаг 1

Создайте новый документ размером Width (Ширина) 14,85см

Height (Высота) 10,5см Resolution (Разрешение) 300 dpi. УстановитеColor Mode (Цветовой режим) в RGB, Background Contents (Содержимое фона) установите в White (Белый).

Шаг 2

Возьмите инструмент Type Tool (T) (Текст), укажите шрифт , размер 160pt , цвет # 5d1e0f и добавьте первый символ.

Шаг 3

Пройдите в меню 3D-> New Extrusion from Selected Layer (3D-> Новая экструзия из выделенного слоя). Если вы не получили активное 3D пространство, появится следующее приглашение.

Шаг 4

Если вы когда-либо пользовались 3D инструментами в Photoshop CS5, то знаете, насколько в нем неудобен интерфейс. В версии Photoshop CS6 3D интерфейс полностью переделан и стал более интуитивно понятен, теперь все инструменты встроены в рабочее пространство. Возьмите Move Tool (V) (Перемещение), расположите 3D панель, как показано на рисунке.

Шаг 5

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

Properties (Свойства). Кликните по значку Cap (Капитель) и скопируйте показанные ниже настройки. Затем активируйте значок Deform (Деформировать) и установите указанные настройки. Теперь нажмите по иконке Mesh (Сетка) и выключите оба варианта теней.

Шаг 6

Дублируйте ваш первый 3D текстовый слой. Чтобы изменить текст в 3D режиме, кликните по кнопке Edit Source (Изменить источник) на панели Properties (Свойства). Это действие откроет «дочерний документ», в котором вы сможете отредактировать текст. После того, как отредактируете текст, закройте этот документ, и ваш текст автоматически обновится. Далее перетащите новый 3D текст вдоль оси Х в 3D пространстве, чтобы изменить его расположение.
Повторите этот процесс, пока каждое слово не будет готово, затем поместите каждый символ в отдельную папку слова, как показано ниже.

Шаг 7

Теперь используйте вкладку 3D Tools

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

Шаг 8

Когда будете довольны расположением надписи, пройдите в меню 3D->Render (3D-> Рендеринг) и можете откинуться назад, пока будет выполняться процесс рендеринга.

Шаг 9

В этот момент я решил добавить к верхней части изображения немного пространства для руки с клубникой. Чтобы сделать это, нажмите Alt +Ctrl + I, откроется окно Canvas Size (Размер Холста), установите опорную точку в центральной нижней части и увеличьте Height (Высота) до 11,85см.

Шаг 10

Создайте новый слой под названием «Розовый» выше слоя «Фон». Установите цвет переднего плана # e2b4c1, затем нажмите Alt + Delete, чтобы заполнить слой выбранным розовым цветом.

Шаг 11

Вставьте новый слой под названием «Тень на полу» выше предыдущего. Установите для него режим наложения Multiply (Умножение) с Opacity (Непрозрачность) 94%. Выберите инструмент Gradient Tool (G) (Градиент), настройте его, задав на панели опций в верхней части окна программы режим Foreground to Transparent (от Основного к Прозрачному) и Linear (Линейный) градиент. Установите для переднего плана темно-розовый цвет # c18088. Теперь, удерживая Shift, наложите градиент в соответствии с длинной и направлением красной стрелки на изображении ниже.

Шаг 12

Добавьте еще один слой под названием «Верхняя тень». Установите режим наложения по умолчанию, затем установите цвет переднего плана # e38da4. Удерживая Shift, протяните короткий линейный градиент сверху вниз, затем измените тип градиента на Radial (Радиальный) и проведите еще 2 градиента из двух верхних углов.

Шаг 13

Измените цвет переднего плана на # f9f5f7 и на новом слое «Внутреннее свечение» и проведите из центра Radial (Радиальный) градиент.

Шаг 14

Теперь добавим тень на земле от надписи. Возьмите Elliptical Marquee Tool (Овальная область) и сделайте выделение под надписью. Создайте новый слой в режиме наложения

Multiply (Умножение) выше слоя «Внутреннее свечение» и назовите его «Тень 1». Установите цвет переднего плана в # d0879c и заполните им активное выделение.

Шаг 15

Перейдите в меню Filter -> Blur -> Motion Blur (Фильтр -> Размытие ->Размытие в движении), укажите Angle (Угол) 0 градусов и измените значение параметра Distance (Смещение) 531px. Затем примените к этому же слою Gaussian Blur (Размытие по Гауссу) и введите Radius (Радиус) 15px.

Шаг 16

Понизьте Opacity (Непрозрачность) до 53% на слое «Тень 1». Затем дублируйте и переименуйте его в «Тень 2». Передвиньте немного содержимое слоя вверх, затем нажмите Ctrl + T, чтобы активировать режим трансформации и немного уменьшите в размере тень. Наконец, уменьшите Opacity (Непрозрачность) этого слоя до 31%.

Шаг 17

Чтобы понизить яркость фона, добавьте корректирующий слой Hue/Saturation

(Цветовой тон/Насыщенность), установите для него настройки, показанные на рисунке, затем понизьте Opacity (Непрозрачность) до 27%.

Шаг 18

Чтобы немного «разбавить» задний фон, выберите слой «Тень 2» и перейдите в меню Filter-> Noise-> Add Noise (Фильтр ->Шум ->Добавить шум), введите Amoun t (Эффект) 3px и активируйте кнопку Uniform (Равномерная). Выберите по очереди оставшиеся слои (как показано) и нажмите Ctrl + F для повторного применения фильтра к каждому из них. Теперь поместите все эти слои в группу под названием «Фон».

Шаг 19

Теперь перейдем к текстурированию первой буквы. Используйте Lasso Tool (L ) (Лассо), чтобы сделать грубое выделение из этого изображения . Скопируйте -> Вставьте выделенную область на новый слой выше всех групп, затем продублируйте слой с мороженым и расположите рядом с оригиналом. Используйте Eraser (E ) (Ластик) с мягкими краями, чтобы соединить жесткие края оригинала и дубликата, затем нажмите Ctrl + E, чтобы объединить их в один слой. Назовите получившийся слой «Текстура 1».

Поместите полученную текстуру над буквой так, чтобы она покрывала ее, затем удерживая клавишу Ctrl, кликните по соответствующему текстовому слою, чтобы создать выделение на основе слоя. Убедитесь, что ваш новый слой выделен, затем кликните по иконке Add layer mask (Добавить слой-маску) внизу палитры Layers (Слои).

Шаг 20

Вы получили первый слой с текстурой, который перекрывает первую букву, теперь примените к нему корректирующий слой Levels (Уровни) и установите значение белого ползунка на нижней шкале 94.

Шаг 21

Теперь добавьте текстуру карамели с шоколадной лазурью. Используйте Quick Selection Tool ( W) (Быстрое выделение) для извлечения кусочка конфеты из фона. Поместите полученное выделение в качестве нового верхнего слоя, скорректируйте размер и расположите, как показано на рисунке. Добавьте слой-маску, а затем используйте ассортимент мягких и твердых кистей, чтобы слой с карамелью плавно переходил в слой с шоколадом. Назовите этот слой «Текстура 2».

Шаг 22

Добавьте (Цветовой баланс) и повысьте Reds (Красные) до +23

Шаг 23

Извлеките шоколадное мороженое (как в шаге 19), затем поверните, скорректируйте размер и поместите, как новый слой. Назовите этот слой «Текстура 3», добавьте маску , а затем нажмите Ctrl + I, чтобы инвертировать цвет маски. Теперь используйте белые кисти для восстановления области, которая показана ниже.

Шаг 24

Добавьте корректирующий слой Levels (Уровни) со следующими настройками для слоя «Текстура 3» для затемнения средних тонов

Шаг 25

Добавьте снова шоколадное мороженое, как новый верхний слой, и назовите его «Текстура 4». Поместите в нижней части буквы, а затем, добавьте ему маску слоя и повторите этап работы с маской из Шага 23.

Шаг 26

Примените корректирующий слой Levels (Уровни) к слою «Текстура 4» и передвиньте серый маркер вправо

Шаг 27

И наконец, чтобы закончить с первой буквой, вставьте еще раз изображение с мороженым и назовите полученный слой «Текстура 5». Добавьте этому слою маску и сделайте видимой область, показанную на рисунке:

Шаг 28

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

Шаг 29

Извлеките шоколадную текстуру, нажмите Ctrl + J, чтобы скопировать в новый слой, отключите видимость оригинального слоя. Выберите новый слой, возьмите инструмент Move Tool (V) (Перемещение), а затем, удерживая Ctrl, перетащите верхние узловые точки, как показано на рисунке.

Добавьте текстуру, как верхний слой под названием «Текстура 1», скорректируйте размер и расположите над второй буквой. Уменьшите Opacity (Непрозрачность) до 32%, а затем загрузите выделение второй буквы и создайте маску для слоя, чтобы скрыть ненужные участки.

Шаг 30

Дублируйте этот слой, переименуйте его «Текстура 2» и измените Opacity (Непрозрачность) 95%. Перетащите маску на значок корзины и нажмите кнопку Delete (Удалить) в следующем окне. Временно отключите видимость обоих текстурных слоев, а затем используйте Magic Wand (W) (Волшебная палочка), чтобы выделить лицевую часть буквы. Теперь нажмите Shift + F6 и укажите Feather (Радиус растушевки) 3px, затем перейдите в меню Select-> Modify-> Expand (Выделение -> Модификация -> Сжать) 5px. Наконец, щелкните по значку Add layer mask (Добавить слой-маску). Не сбрасывая выделения, перейдите на слой «Текстура 2» и добавьте ему маску слоя.

Шаг 31

Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и увеличьте Reds (Красные) и Yellows (Желтые).

Шаг 32

Теперь примените корректирующий слой Level s (Уровни) на этом же слое для увеличения контраста.

Шаг 33

Теперь примените (Цветовой тон / Насыщенность) на том же слое, и скорректируйте Master (Все), Reds (Красные) и Yellows (Желтые), как показано ниже.

Шаг 34

В качестве последнего изменения добавьте корректирующий слой Selective Color (Выборочная коррекция слоя) к этому же слою, увеличьте значение Black (Черные) до 72. Поместите все слои, относящиеся ко второй букве, в группу под названием «Буква W».

Шаг 35

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

Шаг 36

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

Шаг 37

Добавьте то же самое изображение с конфетами снова и назовите его «Текстура 2». Теперь примените технику работы с маской, как в шаге 30.

Шаг 38

Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки. Поместите слои, относящиеся к третьей букве в группу под названием «Буква Е1»

Шаг 39

Теперь примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к тому же слою, и уменьшите для Reds (Красные) насыщенность до -15.

Шаг 40

Извлеките и поместите изображение с шоколадным печеньем на вторую букву «Е». Создайте для этого слоя с печеньем маску, уменьшите Opacity (Непрозрачность) до 45% и назовите его «Текстура 1»

Шаг 41

Шаг 42

Примените корректирующий слой Levels (Уровни) к слою «Текстура 1» и скорректируйте значение серого маркера до 0,84

Шаг 43

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

Шаг 44

Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки.

Шаг 45

Теперь добавьте корректирующий слой Color Balance (Цветовой баланс) для того же слоя со следующими настройками.

Шаг 46

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

Шаг 47

Примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к этому же слою, и измените Reds (Красные) и Yellow (Желтые), как показано на рисунке. Теперь поместите все слои, относящиеся к четвертой букве в группу под названием «Буква Е2».

Шаг 48

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

Шаг 49

Извлеките и добавьте это изображение ), как новый слой и назовите его «Текстура 1». Так же, как в предыдущих шагах, при помощи маски слоя сделайте текстуру видимой только на боках буквы, только уменьшите Opacity (Непрозрачность) до 90%.

Шаг 50

Примените к этому слою корректирующий слой Levels

Шаг 51

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

Шаг 52

Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и примените следующие настройки.

Шаг 53

Теперь добавьте к нему же корректирующий слой Levels (Уровни) со следующими настройками.

Шаг 54

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

Шаг 55

Добавьте корректирующий слой Color Balance (Цветовой баланс) для этого слоя, затем увеличьте Reds (Красные) до +17 и Yellow (Желтые) до +7. Теперь добавьте корректирующий слой Levels (Уровни) и измените значение серого маркера на 0,67 и значение белого маркера 215. Теперь поместите эти слои в группу под названием «Буква Т»

Шаг 56

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

Шаг 57

Примените к этому слою корректирующий слой Levels (Уровни) и скопируйте следующие настройки, для затемнения текстуры. Поместите эти два слоя в группу под названием «Буква О1»

Шаг 58

С помощью инструмента Lasso Tool (L) (Лассо) сделайте небрежное выделение темных краев из изображения кекса. Скопируйте ->Вставьте выделенный кусочек несколько раз и расположите по бокам следующей буквы. Когда будете довольны, слейте их и назовите получившийся слой «Текстура 1». Далее загрузите выделение текущей буквы и создайте маску для слоя «Текстура 1», чтобы скрыть ненужные области.

Шаг 59

Примените корректирующий слой Levels (Уровни) к слою «Текстура 1», установите серый ползунок на 0,86, белый ползунок на 236. Отделите кекс от фона, расположите над буквой, если выделенной части не хватит для покрытия всей буквы, дублируйте и слейте, как вы делали с самой первой текстурой буквы. Добавьте полученную текстуру, как новый слой, затем расположите и добавьте маску , как показано на рисунке. Назовите этот слой «Текстура 2». Поместите все слои, относящиеся к этой букве, в группу под названием «Буква N»

Шаг 60

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

Шаг 61

Добавьте корректирующий слой Levels (Уровни) к этому слою, и установите значение белого ползунка на 148. Далее примените корректирующий слой Color Balance (Цветовой баланс) для того же слоя и скопируйте следующие настройки.

Шаг 62

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

Шаг 63

Примените корректирующий слой Color Balance (Цветовой баланс) для этого слоя и скопируйте следующие настройки. Добавьте слои, относящиеся к этой букве, в отдельную группу под названием «Буква Y»

Шаг 64

Следующую букву достаточно легко текстурировать. Откройте «Donut.jpg» из папки «Source» и отделите его от фона. Поместите пончик, как новый слой, затем скорректируйте его размер. Назовите этот слой «Текстура 1», отключите видимость оригинального текстового слоя.
Теперь примените два корректирующих слоя к этому слою — Levels (Уровни) и Color Balance (Цветовой баланс) со следующими настройками. Поместите эти слои в группу под названием «Буква О2»

Шаг 65

Откройте изображение с куском торта, извлеките его и поместите поверх последней буквы. Скорректируйте размер и наложите маску так, чтобы она покрывала бока буквы, назовите этот слой «Текстура 1».

Шаг 66

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

Шаг 67

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

Шаг 68

Добавьте корректирующий слой Color Balance (Цветовой баланс) и примените следующие настройки.

Шаг 69

Извлеките и поместите кусочек шоколадки в рабочий документ, как новый слой, назовите его «Текстура 3». Flip Horizontal (Отразите по горизонтали), поверните, скорректируйте размер и расположите, как показано. Затем добавьте маску слоя и совместите кусочек с текстурой торта.

Шаг 70

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

Шаг 71

Добавьте корректирующий слой Color Balanc e (Цветовой баланс) к этому же слою, и скопируйте следующие настройки. Добавьте маску к оригинальному текстовому слою и скройте откусанную часть. Наконец, добавьте все слои, относящиеся к последней букве, в группу «Буква U».

Шаг 72

Шаг 73

Для этого изображения нам понадобится точное выделение, так что выберите инструмент Quick Selection (W) (Быстрое выделение) и выделите белый фон.

Шаг 74

Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, затем нажмите кнопку Refine Edge (Уточнить край) в панели настроек. В следующем окне выберите On Layer (L) (На слое) из выпадающего меню View (Режим просмотра), скопируйте настройки и нажмите кнопку ОК.

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

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

Overlay (Перекрытие) выше слоя «Ретушь руки». Возьмите образец цвета лака для ногтей (я использовал # 814564) и закрасьте ногти при помощи Brush Tool (Кисть), чтобы подчеркнуть их. Чтобы удалить случайно закрашенные участки, загрузите выделение слоя «Рука», инвертируйте выделение и нажмите Delete (Удалить), находясь на слое «Ногти».

Шаг 81

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

Шаг 82

Перетащите иконку группы «Рука» в ваш рабочий документ, измените размер и расположите, как показано на рисунке. Если вы заметили какие-либо ореолы по краям на слое «Рука», выделите его и перейдите в меню Layer-> Matting-> Defringe (Слой -> Обработка края -> Устранить кайму) и введите значение 1-2px.

Шаг 83

При помощи функции Refine Edge (Уточнить край) отделите от фона изображения «Choc_1.jpg» и «Choc_2.jpg» (находятся в папке «Source»), чтобы добавить стекающий шоколад. Используйте методы добавления корректирующих слоев, которые вы узнали ранее, чтобы скорректировать цвет шоколада и каплей джема. Поместите эти слои в верхнюю папку под названием «Элементы»

Шаг 84

Отделите от фона и добавьте «White_choc.jpg», затем при помощи Warp (Деформация) расположите над пончиком и скройте под маской ненужные части изображения соответственно. Добавьте корректирующий слой Levels (Уровни) для повышения контрастности и корректирующий слой Hue/ Saturation (Цветовой тон/Насыщенность), чтобы перекрасить белый шоколад в розовую глазурь. Затем выделите небольшой кусочек из этого изображения и расположите в виде небольшого раскрошенного печенья под последней буквой, на панели Layers (Слои) поместите его в группу «Элементы».

Добавьте пустой слой в режиме наложения Multiply (Умножение) в самый низ списка слоев в той же группе. Загрузите выделения всех слоев из группы «Элементы», перейдите на новый слой и залейте выделенную область темно-коричневым цветом. Трансформируйте слой, как показано ниже, затем примените то же размытие и добавьте шум, как вы делали в начале урока для основной тени от надписи. Наконец, уменьшите Opacity (Непрозрачность) до 90% и скройте под маской часть тени с помощью градиента с опцией от черного к прозрачному.

Шаг 85

Поместите новый слой выше всех групп и назовите его «Ретушь». Теперь возьмите Clone Stamp Tool (S) (Штамп) маленького размера с Hardness (Жесткость) около 50% и пройдитесь им по краям надписи, чтобы сделать их немного неровными.

Шаг 86

В завершение, мы немного повысим резкость всего изображения. Поместите пустой слой выше всех слоев, а затем перейдите в меню Image -> Apply Image (Изображение -> Внешний канал). Установите режим наложения Normal (Обычный) в следующем окне и нажмите кнопку ОК. Назовите этот слой «Цветовой контраст». Выберите Filter-> Other-> High Pass (Фильтр -> Другое -> Цветовой контраст) и введите значение 3px. Измените режим наложения этого слоя на Overlay (Перекрытие), чтобы сделать серый невидимым, затем поместите оба слоя («Цветовой контраст» и «Ретушь») в группу под названием «Финальная ретушь».

Заключение

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

Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) размером 1250х1000 пикселей. Установите шрифт «Franks Regular», задайте размер 280pt и заглавными буквами напишите «GOOD LUCK».

Шаг 2

Если у Вас две или более строк текста, установите Интерлиньяж (Leading) на 250. Сделать это можно на панели Символ (Окно > Символ) (Window > Character). Также измените Трекинг (Tracking).

2. Преобразование в фигуры

Шаг 1

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в кривые (Convert to Shapes). Создайте копию полученного слоя (Ctrl + J) и назовите её «Stroke».

Шаг 2

Активируйте инструмент Выделение узла (Direct Selection Tool) и на верхней панели включите обводку цветом #e5bf25.

3. Создание 3D-слоёв

Шаг 1

Выберите оба текстовых слоя и перейдите в меню 3D > Новая экструзия из выделенного контура (3D > New Extrusion From Selected Path).

Шаг 2

Оба 3D-слоя нужно объединить в один (3D > Слияние 3D-слоёв) (3D > Merge 3D Layers)

Шаг 3

Для работы с 3D-средой понадобится две панели: 3D и Свойства (Properties). Они доступны через меню Окно (Window).

Панель 3D содержит все компоненты сцены. Когда Вы выбираете какой-нибудь из элементов, на панели Свойства (Properties) можно увидеть различные параметры и свойства.

4. Настройка сетки

Шаг 1

Выберите текстовую сетку и измените Глубину экструзии (Extrusion Depth) до 70 пикселей.

Шаг 2

Перейдите во вкладку Капитель (Cap) и измените свойства, как показано на скриншоте.

Шаг 3

Выберите сетку «Stroke» на панели 3D и измените Глубину экструзии (Extrusion Depth).

5. Создание текстуры для Материала передней выпуклости (Front Inflation Material)

Шаг 1

Выберите Материал передней выпуклости (Front Inflation Material) текстовой сетки. Кликните на иконке параметра Рассеивание (Diffuse) и выберите пункт Редактировать текстуру (Edit Texture).

Шаг 2

У Вас откроется новый документ с буквами. Измените цвет букв на #61129d.

Шаг 3

Выберите инструмент Прямоугольник (Rectangle Tool) и создайте полоску толщиной 15 пикселей цветом #e5bf25. Создайте копию этой полоски.

Шаг 4

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

Шаг 5

Нажмите Ctrl + Shift + T несколько раз, чтобы повторить последние изменения. Как покроете весь текст полосками, объедините слои. Полученный слой назовите «Stripes» и сохраните документ, но не закрывайте его.

6. Создание отражений и текстуры рельефа

Шаг 1

В документе, с которым мы только что работали, перейдите в меню Файл > Сохранить как (File > Save As) и дайте имя «Reflection». Сохраните файл в папку проекта, чтобы его легче было найти.

Шаг 2

Измените цвет текста на #535353.

Шаг 3

К слою «Stripes» примените стиль Наложение узора (Pattern Overlay): узор Satin.

Сохраните документ (Ctrl + S).

Шаг 5

Сохраните ещё одну копию файла под именем «Bump».

Шаг 6

Измените цвет текста на #1c1c1c и сохраните документ.

7. Настройка материалов 3D-сетки

Шаг 1

Вернитесь к первоначальному документу и выберите Материал передней выпуклости (Front Inflation Material). Кликните на иконке параметра Отражение (Reflection) и выберите пункт Загрузить текстуру (Load Texture). Загрузит текстуру «Reflection», которую мы создали ранее. Затем сделайте то же самое для параметра Рельеф (Bump).

Шаг 2

Остальные свойства настройте, как показано на скриншоте.

Шаг 3

Выберите оба материала скоса (Bevel Material) и Материал задней выпуклости (Back Inflation Material), настройте их так:

Шаг 4

Выберите Материал экструзии (Extrusion Material) и удалите текстуру.

Шаг 5

Измените цвета Материала экструзии так:
Рассеивание (Diffuse): 70, 9,93
Цвет блика (Specular): 207, 178, 75

Шаг 6

Настройте все материалы обводки:

Шаг 7

Выберите Материал экструзии (Extrusion Material) и удалите текстуру Рассеивания (Diffuse), цвет — 229, 191, 37.

8. Удаление сеток и смена ракурса

Шаг 1

Выберите обе текстовые сетки и перейдите во вкладку Координаты (Coordinates). Измените угол вращения. После этого перейдите в меню 3D > Переместить объект на плоскость основания (3D > Move Object to Ground Plane).

Шаг 2

Инструментом Перемещение (Move Tool) расположите обводку в середине текста.

Шаг 3

Выберите Текущий вид (Current View) на панели 3D и задайте вид Сверху (Top).

9. Освещение

Шаг 1

Выберите Бесконечный свет 1 (Infinite Light 1) на панели 3D и измените его:

Шаг 2

Добавьте новый точечный свет.

Шаг 3

Настройте его, как показано ниже. Цвет 249, 247, 238.

Шаг 4

Расположите источник света здесь:

После этого вернитесь к виду сверху.

Шаг 5

Выберите Среду (Environment), кликните на иконке параметра ИСБИ (IBL) и выберите пункт Заменить текстуру (Replace Texture). Выберите изображение комнаты и измените интенсивность.

Шаг 6

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

Шаг 7

Вставьте размытый фон под слой с текстом и переверните его (Transform — Flip Vertical). Для фона можно использовать какую-нибудь градиентную заливку или сильно размытие любое изображение.

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

10. Рендеринг

Шаг 1

Как закончите работу со сценой, запустите рендеринг (3D > Рендеринг) (3D > Render). Его можно остановить в любой момент нажатием на клавишу Esc.

Шаг 2

По окончании рендеринга, преобразуйте 3D-слой в смарт-объект.

Шаг 3

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

11. Выравнивание краёв полос и цвет текста

Шаг 1

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

Шаг 2

Выберите инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) мягкого типа и закрасьте неровности.

Шаг 3

Также можно работать и инструментом Штамп (Clone Stamp Tool).

Шаг 4

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

Шаг 5

Создайте корректирующий слой Уровни (Layer — Levels).

Шаг 6

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

12. Звёзды

Шаг 1

Откройте второе изображение из набора «Deep Space 10K Backgrounds Vol2». Перейдите в меню Изображение > Размер изображения (Image > Image Size) и установите Разрешение (Resolution) на 72 пикселя.

Перенесите изображение в основной документ и назовите слой «Stars». Преобразуйте его в смарт-объект. Установите режим наложения Осветление (Screen) и уменьшите непрозрачность до 60%. Создайте копию слоя (Ctrl + J) и уменьшите непрозрачность до 30%.

Шаг 2

К верхнему слою звёзд примените фильтр Размытие диафрагмы (Фильтр > Галерея размытия > Размытие диафрагмы) (Filter > Blur > Iris Blur).

Шаг 3

Настройте размытие так:

Шаг 4

Этот шаг дополнительный. Мы удалим звёзды под эффектом Bokeh. К оригинальному слою звёзд добавьте маску (Layer Mask). Инструментом Ластик (Eraser Tool) белого цвета или чёрной кистью сотрите белые точки внутри кругов.

Когда вы увидели название этого урока то, скорее всего, сказали: «Это невозможно!» Но это не совсем так. Текст, да и любой другой объект в фотошопе можно эструдировать (сместить/вдавить), создав 3D эффект, даже без специальной команды как в Photoshop CS 4 и CS 5. В процессе «выдавливания» можно настроить глубину, направление пути и многие другие свойства. А по времени это займете не более пяти минут. Звучит довольно заманчиво, да? Вы думаете что создание 3D текста в Photoshop CS3 невозможно? Вы глубоко ошибаетесь, так как с помощью стандартных инструментов и нескольких приемов это можно сделать очень быстро.

Шаг 1

Итак для начала создайте новый документ с помощью команды File> New … размером 2000 x 2000 пикселей в цветовом режиме RGB:

Шаг 2

Теперь пришло время добавить сам текст. Для этого активируйте инструмент Horizontal Type Tool (T), и добавьте текст по всей ширине документа:

Шаг 3

Обязательно сделайте дубликат этого слоя (CTRL + J). Выберите оригинальный слой, и измените цвет текста, затем на палитре Layers (слоев) кликните правой кнопкой мыши в том месте, где показано на рисунке ниже. После этого откроется плавающее меню в котором выберите пункт «Rasterize Type»:

Шаг 4

Нажмите CTRL + T, чтобы войти в режим свободного трансформирования (Free Mode Transform). На панели со свойствами инструмента введите значение «99,5%» в полях Set horizontal scale и Set vertical scale, после чего нажмите Enter на клавиатуре:

Шаг 5

Снова продублируйте этот слой (CTRL + J). Выделите его и повторите шаг 4:

Шаг 6

Выделите все слои, кроме самого верхнего и «фонового», кликая по ним с зажатой клавишей Shift и нажмите CTRL + E, чтобы превратить их в один единственный слой. Нажмите кнопку «FX» на палитре Layers (слоев) и в открывшемся меню выберите пункт «Blending Options». Настройте свойства «Blending Options» как показано ниже:

Шаг 8

Самому верхнему слою так же добавьте эффект «Blending Options» и настройте его так, как показано ниже:

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

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

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

1. Создаем новый документ. Я создал с теми параметрами что на скриншоте, естественно, возможные другие варианты размеров.

2. Заливаем основной слой-подложку темно-серым цветом, например таким #333333: редактирование → выполнить заливку → в верхнем выпадающем меню выбираем “цвет” → назначаем темно-серый → жмем ок. Либо можно просто выбрать цвет заливки, затем взять инструмент “заливка” (ведерко) и залить слой.

3. Создаем текст. Я для своего текста выбрал Myriad Pro Bold, цвет #FFCC00. Слова написал на разных слоях. Трансформировал их размер с помощью свободной трансформации (ctrl+T) до нужного соотношения между ними. Расположил их относительно друг друга.

4. Растрируем текстовые слои и объединяем их в один слой: удерживая клавишу Shift выбираем нужные слои → жмем правой кнопкой → выбираем “растрировать текст”. Затем для объединения делаем то же самое но выбираем “объединить слои”.

5. Слегка искажаем текст (наклоняем) с помощью свободной трансформации. Включаем трансформацию (ctrl+T) → удерживая ctr тянем за уголки.

6. Два раза кликаем по слою с текстом, в выпавшем окне стилей слоя задаем следующие эффекты: тиснение, глянец, наложение градиента. Цвета в тиснении (режим подсветка и режим тени) для этого случая: #FFCC66 и #DFA125.

Цвет для глянца в этом примере # F3881F.

Цвета для градиента использовались: слева светлый #F7F3A7, справа темный #F3881F.

7. Дублируем слой с текстом (ctrl+J). В дубликате убираем эффекты, просто перетащив их в корзину на панели слоев. Делаем цвет дубликата более темным – способов масса. Я сделал с помощью “кривых”. Изображение → коррекция → кривые → тащим кривую вправо мышкой как на скриншоте. Уменьшаем насыщенность этого слоя: изображение → коррекция → цветовой тон / насыщенность → двигаем ползунок насыщенности влево до -40. Перетаскиваем этот слой под первый слой с текстом и эффектами.

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

8. Объединяем образовавшиеся слои – удерживая shift выделяем все образовавшиеся слои(ниже первоначального слоя с текстом) → жмем правую и выбираем “объединить слои”.

9. Два раза кликаем по получившемуся слою и в выпавшем окне назначаем наложение градиента со следующими параметрами:

10. Дублируем этот слой. Правим его кривые (изображение → коррекция → кривые). Добавляем размытия (фильтры → размытие → размытие по Гауссу)

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

12. Добавляем тени снизу букв (на слое с выпуклостью): на поверхностях которые с углами, делаем выделения с помощью полигонального лассо и используя инструмент “затемнитель” (экспонирование 50%) затемняем эти участки. На поверхностях без углов (круглые буквы) просто затемнителем чисто интуитивно.

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

Оставляйте пожалуйста комментарии и вопросы! Жмите пожалуйста на кнопки социальных сетей!

Не в тему

Недавно ко мне в подземном переходе подошел молодой мужчина лет 30-ти, попросил сигарету. Я достал пачку вытащил для него одну. Он вдруг стал говорить – “слушай брат я на безнадеге дай две”. Я достал еще одну и поинтересовался – “это как “на безнадеге”? Пьешь чтоли?”. Он сказал – “слушай ну вообще на безнадеге, надо идти” – взял сигареты и скрылся. А я вспомнил роман Кинга “Безнадега”.

Создаём красивый неоновый текст в Фотошоп / Creativo.one

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

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

Финальное изображение:

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

Архив

Шаг 1

Создайте новый документ размером  1400px * 782 пикселов (Ctrl + N) с черным фоном. Откройте изображение кирпичной текстуры и инструментом Прямоугольная область выделения (Rectangular Marquee tool) нарисуйте выделение:

Скопируйте (Ctrl + C) и вставьте (Ctrl + V) выделенный участок текстуры в наш документ и подгоните его размер под размер документа (Ctrl + T). Слегка размойте слой с кирпичной текстурой фильтром Размытие по Гауссу (Gaussian Blur):

Уменьшите непрозрачность слоя с текстурой до 60%.

К слою с кирпичной текстурой добавьте слой-маску и кистью черного цвета, на маске, скройте некоторые части текстуры:

К слою с кирпичной текстурой добавьте корректирущий слой Цветовой баланс (color balance), чтобы добавить немного цвета.

Результат:

Шаг 2

Установите шрифт в Фотошоп и инструментом Текст (T) напишите текст. Цвет текста #c0f4ff.

К слою с текстом примените стиль Тиснение (Bevel and Emboss):

Также, добавьте стиль слоя Обводка (Stroke):

Добавьте стиль слоя Внутренняя тень (Inner Shadow):

Добавьте стиль слоя Глянец (Satin):

Наложение цвета (Color Overlay):

Наложение градиента (Gradient Overlay):

Внешнее свечение (Outer Glow):

Тень (Drop Shadow):

Результат:

Шаг 3

Дублируйте текстовый слой один раз (Ctrl + J) и сдвиньте его немного в сторону (ориентируйтесь на красные стрелки на скриншоте):

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

К последнему дубликату текстового слоя примените корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation). Благодаря этому, текст станет темнее.

Результат:

Шаг 4

Вокруг текста добавьте световые блики. Выберите кисть размером 6 пикселов и с жесткостью 90%.

В цветовой палитре выберите голубой цвет (#16f2ff).

Создайте новый слой (Shift + Ctrl + N) над всеми предыдущими слоями и установите для него режим наложения Перекрытие (overlay).  Теперь кистью нарисуйте блики на тексте (ориентируйтесь на красные стрелки на скриншоте):

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

Результат:

Шаг 5

Инструментом Перо (Pen Tool) нарисуйте контур — это будут светящиеся провода:

Выберите жесткую кисть размером 5 пикселов, затем снова перейдите на инструмент Перо , кликните правой кнопкой мыши по контуру и выберите пункт Выполнить обводку контура (Stroke Path).

К линиям добавьте стиль слоя Тиснение (Bevel and Emboss):

Результат:

Дублируйте слой с проводами (Ctrl + J) несколько раз, измените размер и форму каждого слоя с проводами и поместите их вокруг текста:

Шаг 6

Мы почти закончили! Осталось затонировать изображение. над всеми слоями добавьте корректирующий слой Выборочная коррекция цвета (Selective
Color):

Также, над всеми слоями добавьте корректирующий слой Кривые (Curves):

Финальное изображение:

Автор: psdvault

 

Источник: psdvault.com

Создай объёмный текст в Фотошоп / Creativo.one

 

Материалы для урока:

Архив

Шаг 1. Создадим новый документ (Ctrl + N), 1600px по ширине и 1000px по высоте. Установим  цвет переднего плана на # 8a5a01, а цвет фона # ba9145, и затем перетащим Линейный градиент (Linear Gradient) слева, направо. Вы можете выбрать другой цвет, который Вам нравиться, или добавить корректирующий слой, чтобы изменить цвета, как показано в конце этого урока.

Откроем панель настроек Кистей (Brush) Окно-> Кисть (Window -> Brush), и изменим настройки Форма отпечатка кисти (Brush Tip Shape), как показано ниже:

Напишем текст с помощью шрифта BorisBlackBloxx, размер 400 пикс.

Используйте инструмент Перо (Pen Tool), убедитесь, что у Вас активирован режим Контуры (Paths) в панели параметров, чтобы создать кривую в середине первой буквы. Добавим основные опорные точки, мы можем изменить их позже.

Если Вы думаете, что кривая нуждается в большем количестве точек, Вы всегда можете добавить их с помощью инструмента Добавить опорную точку (Add Anchor Point Tool).

Затем, Вы можете использовать инструмент Выделение контура (Direct Selection Tool), чтобы перетащить кривую, точки или изменить направление.

Шаг 2. Создайте новый слой (Ctrl + Shift +N) поверх всех слоев, убедитесь, что инструмент Перо (Pen Tool) еще активен, щелкните правой кнопкой мыши на пути и выберите Выполнить обводку (Stroke Path).

Выберите кисть из инструментов выпадающего меню и убедитесь, что в поле Имитировать нажим (Simulate Pressure) не стоит галочка.

Это будет обводка пути, Кистью (Brush). Нажмите Enter, чтобы избавиться от пути.

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

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

Повторите тот же процесс для остальных букв. Вы можете использовать произвольные фигуры вместо рисования кривых, когда это возможно (например, с помощью инструмента Эллипс (Ellipse Tool), в режиме Контуры (Paths) можно создать путь для буквы О).

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

Вы можете дублировать любые слои для тех же букв (Ctrl + J).

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

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

Выделите все слои с точками (удерживая клавишу Ctrl), а затем перейдите Слой-> Объединить слои (Layer -> Merge Layers) (Ctrl + E), чтобы объединить их в один слой, и назовите его «Объединенный «.

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

Убедитесь, что слой «Объединенный» является активным (выбранным), затем перейдите в Выделение-> загрузить выделение (Select -> Load Selection). Выберите Канал (Channel) «Объединенный». Это позволит выделить  содержимое слоя (точки).

Выберите инструмент Градиент (Gradient Tool), и градиент Спектр (Spectrum). Создайте новый слой (Ctrl + Shift + N) поверх всех слоев и назовите его «Градиент», затем залейте выделение градиентом.

Сделаем слой «Объединенный» невидимым (щелкнув значок глаза рядом с ним).

Шаг 4. Перейдем Редактирование-> Трансформирование-> Перспектива (Edith-> Transform-> Perspective) и переместим углы, как показано ниже. Вы можете преобразовать текст, так как Вам нравится, и Вы можете сделать это снова в любое время, в дальнейшем мы будем применять перспективу, для последующих слоев. Как только Вы закончите, нажмите Ввод.

Активируйте инструмент Лассо (Lasso Tool) и создайте выделение вокруг первой буквы, а затем нажмите (Ctrl + J), чтобы дублировать ее на новый слой. Переименуем этот слой, в ту букву, которую он содержит.

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

Шаг 5. Создадим копию слоя первой буквы (Ctrl + J).

Перейдем в Фильтр-> Размытие-> Размытие в движении (Filter-> Blur-> Motion Blur) и установим значения, как показано ниже:

Сделайте четыре дубликата копии слоя.

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

Перейдем Редактирование-> Трансформирование-> Перспектива (Edith-> Transform-> Perspective) для объединенного слоя копии, чтобы сделать размытое расширение для оригинальной буквы.

Ластиком (Eraser) сотрем размытые части в левой стороне.

Это то, что Вы должны получить. Вы можете сделать другие слои невидимыми, если хотите.

Активируем инструмент Размытие (Blur Tool) и изменим параметры, как показано ниже, а затем размоем  боковую часть расширения.

Используйте инструмент Ластик (Erase Tool) со значение Непрозрачности (Opacity) 30% , чтобы  чуть — чуть стереть расширение у края, чтобы оно не выглядело таким острым.

Повторите эти действия для остальных букв.

Шаг 6. Объединим оригинальные слои букв в один слой (выделив их, удерживая клавишу Ctrl и нажав комбинацию клавиш Ctrl + E) и переименуйте его в текст, который у Вас написан.

Дублируйте каждый слой расширения (Ctrl + J), чтобы сделать их более яркими.

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

Перейдем в Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur) и введите значение Радиус (Raduis) 2.5.

Шаг 7. Создадим новый слой (Ctrl + Shift + N) выше фонового слоя и назовем его «Тень». Установим  цвет переднего плана на # 634016, затем активируем  Мягкую круглую (Soft Round) Кисть (Brush) (500 пикселей), чтобы нарисовать тень под текстом.

Перейдем в Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur) и введем значение Радиус (Raduis) 20.

Меняем Режим смешивания (Blend Mode) слоя  «Тень» на Умножение (Multiply) и Непрозрачность (Opacity) до 70%.

Если Вы хотите, Вы можете выделить все видимые слои (кроме фона), затем перейти в меню Редактирование-> Трансформирование-> Перспектива (Edith-> Transform-> Perspective) и повернуть текст еще больше.

Шаг 8. Если Вы хотите изменить цвет фона, чтобы добавить больше контраста, выберите фоновый слой, и нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в панели слоев, затем выберите Цветовой тон/Насыщенность (Hue / Saturation).

Измените значения, как показано ниже:

Еще раз, нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в панели слоев, но на этот раз выберите Уровни (levels). Измените значения, как показано ниже:

Наконец, выберите слой «Тень», затем перейдите к Слой-> Новый корректирующий слой-> Цветовой тон/Насыщенность (Layer-> New Adjustment Layer -> Hue/Saturation) и измените значение Насыщенность (Saturation) до -100 (в соответствии с новыми цветами фона).

Трехмерный текст готов! Надеюсь, Вы узнали  что-то новое из этого урока.

Автор: Photoshopstar
 

Источник: www.photoshopstar.com

Как сделать 3д буквы в фотошопе cs5. Редактируем материал обводки

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

Как превратить картон в основу объёмных букв и цифр?

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

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

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

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

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

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

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

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

• шаблон цифры;
• картон;
• строительный скотч;
• ножницы.

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

Теперь прикрепите вторую половинку цифры.

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

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

Как сделать бахрому для украшения букв и цифр?

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

Чтобы сделать объемную цифру по данному принципу, вам потребуются:

• бумага тишью разных цветов;
• ножницы;
• клей ПВА.

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

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

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

Комбинируйте цвета, чтобы цифра была наиболее эффектной.

После того как вы полностью ее декорируете, в таких же тонах украсьте уголок квартиры.

Бумага для объёмных букв и цифр

Посмотрите интересные варианты оформления цифр из неё.

Для воплощения такого шедевра возьмите:

• цветную бумагу;
• ножницы;
• двусторонний скотч или клеевой пистолет;
• циркуль или круглый предмет.

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

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

1. Для такой нужно вырезать всего одну заготовку из картона, затем декорировать ее. Для этого нарежьте бумагу на полоски шириной 5–6 см, обклейте ими края цифры, чтобы одновременно декорировать лицевую и обратную сторону.
2. Теперь из этих полосок начинаем скручивать цветы. Чтобы края были объемными, заверните здесь примерно на 2 см край бумаги.
3. Отогните уголочек, сделайте виток, затем отогните заготовку, снова сделать виток, опять перегните цветок и так далее.

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

Чтобы сделать розы из гофрированной бумаги возьмите:

• лист картона;
• карандаш;
• линейку;
• ножницы;
• гофрированную бумагу;
• зубочистку;
• клей-карандаш.

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

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

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

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

Сделав несколько таких заготовок, оформите цветами картонные цифры.

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

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

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

• гофрированную бумагу;
• ножницы;
• нитки.

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

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

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

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

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

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

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

• гофрированную бумагу;
• картон;
• циркуль;
• ножницы;
• клей.

Инструкция по изготовлению:

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

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

1. Как сделать шаблон, вы уже знаете. Теперь обклейте картон цветной бумагой. Из бумаги нужно нарезать полосок, их ширина будет равна радиусу цветка.
2. Сложите первую полоску бумаги, начиная с малого края, гармошкой. Теперь нанесите на этот краешек немного клея, прикрепите к нему второй малый край, чтобы превратить полоску в кружок.
3. Его сердцевину закройте малым кругом из той же или другой цветной бумаги.
4. Вы можете сделать большие и малые цветы, расположить их на цифре так, как на фото.

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

Вязальные нитки для декорирования букв и цифр

При помощи них декорируют объемные цифры. Можно использовать пряжу одного или нескольких цветов. Для такого украшения вам понадобится всего навсего:

• заготовка цифры из картона;
• нитки;
• клей ПВА;
• кисточка.

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

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

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

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

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

У вас получится вот такая чудесная цифра 1, которую можно сделать объемной или плоской.

Украшение объёмных букв и цифр лентами

Этот материал также поможет решить вопрос о том, как сделать объемные цифры.

Чтобы оформить цифру 2 таким образом, возьмите:

• атласную ленту красного цвета;
• белые бусины различного диаметра;
• клей;
• ножницы.

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

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

Для воплощения второй вариации надобны:

• тесьма одинаковой ширины, но разной окраски;
• ножницы;
• клей.

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

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

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

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

Зигзагообразная тесьма — уже готовая основа цветка. Достаточно собрать ее на нитку, потянуть за нее, придать форму окружности, зафиксировать нитью.

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

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

Розы и другие цветы из салфеток своими руками

Для следующего мастер-класса вам потребуются:

• салфетки;
• шаблон круга;
• степлер;
• ножницы.

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

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

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

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

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

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

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

Как сделать объемные буквы?

Их вы создадите по такому же принципу. Для этого вам потребуются:

• картон;
• карандаш;
• ножницы;
• туба от бумажных полотенец;
• белая бумага;
• термоклей.

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

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

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

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

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

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

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

Можно обклеить буквы бумагой или обоями, которые остались от ремонта.

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

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

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

Можно смастерить основу из проволоки, обкрутить ее пряжей.

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

А буквы будут не простыми, а нарядными, со стразами.

В данном уроке мы рассмотрим основные инструменты программы фотошоп для работы с 3D объектами, а именно с текстом.

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

1) Создадим новый документ, необходимого Вам размера, я задал квадратный размер 1024 на 1024 пикселя. Для этого в верхнем меню слева выбираем «Файл» — «Создать» и устанавливаем необходимые параметры. Если вы не опытный пользователь программы фотошоп, то рекомендую ничего не менять, оставить все параметры по умолчанию, кроме размера документа.

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

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

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

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

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

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

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

Вот, к примеру, регулируя ползунок настройки «Скручивание» я получил вот такой интересный эффект:

6) Создав необходимый вам текст с эффектами и нужным ракурсом его можно преобразовать в «Смарт-объект» и работать с ним уже как с обычным слоем, а не 3D объектом. Для этого в правой нижней панели перейдите из вкладки «3D» во вкладку «Слои» и выберите слой с текстом, нажмите на нем правой кнопкой мыши и выберите «Преобразовать в Смарт-объект». Но учтите, после преобразования текста в Смарт-объект вы его уже не сможете редактировать, т.е. изменить сам текст надписи, поменять шрифт, сменить эффекты 3D и т.п., поэтому данное действие лучше делать по окончанию работы.

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

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

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

Для создания объемной надписи для начала подумайте над цветом шрифта. Представьте себе объемный предмет любимого цвета. Есть определенная разница между светлой и темной частью объекта. Основной цвет практически не меняется, но, тем не менее, оттенки совершенно разные. Цвет надписи играет существенную роль в создании 3D текста. Я немного утрировала цвета. Вы же можете сделать надпись более естественной.

Для начала пишем текст на белой рабочей области. Еще одна оговорка: воспользуйтесь шрифтом с жирным начертанием для первого раза. С его помощью у вас точно все получится. В то время как шрифты с изящным начертанием подходят далеко не все. Я использовала шрифт dino pro. Цвет текста пока не важен. Мы перекроем его градиентом.

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

Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.

Такой градиент у нас получился.

Теперь переходим в окно слоев. Кликаем правой клавишей мыши по слою с текстом и в выпадающем списке выбираем «создать дубликат слоя».

Наша задача состоит в том, чтобы переместить его вниз и влево на 1 пиксель. Сделали. И в окне слоев выбираем тот слой, что находится сзади. Открываем «параметры наложения».

Убираем галочку с градиента. И ставим на «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет являться бликом на 3D тексте. Так наши буквы будут казаться более объемными.

Делаем еще один дубликат слоя. Перетаскиваем его в окне слоев так, чтобы он стал первым после фона. Накладываем цвет #342328. И смещаем на пиксель вверх и вправо.

Что-то уже начинает вырисовываться.

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

Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.

Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:

Теперь при помощи «параметров наложения» меняем цвет этого слоя на белый. Слой стал для нас невидимым. И снова преобразовываем его в смарт объект.

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

Его настройки найдем здесь:

Кликаем и задаем их:

Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.

Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.

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

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

Сводим слои. Сохраняем. Все!

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

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

Итак, для начала убедитесь, что в вашей версии Photoshop есть 3D функции и функция Edit -> Puppet Warp. Если же их нет, то вы можете использовать программу для 3D рендеринга, а деформацию можно совершить с помощью Edit -> Transform -> Warp.

Шаг 1

Создаем новый документ 2560х1600, 72 dpi.

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

Шаг 2

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

Печатайте каждую букву по отдельности. У вас должно получиться что-то вроде этого:

Нам нужно сделать бекап этого текста, прежде чем мы будем с ним что-то делать.

Поэтому сгруппируйте буквы и сделайте копию группы. Конвертируйте дубликат в смарт объект и примените к нему стиль “Наложение цвета” со значением цвета темной морской воды. На примере использовано значение #005154.

Шаг 3

Теперь нам надо превратить это в 3D: 3D -> Extrude from layer. Используйте данные настройки:

Не забудьте нажать кнопку “Render” и повторить этот процесс пару раз, прежде чем вы начнете делать что-то другое.

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

Теперь выберите слой (CTRL+клик на слой) и сожмите его на 30 пикселей (Select -> Modify -> Contract), а затем сгладьте еще на 30 пикселей (Select -> Modify -> Smooth). Инвертируйте выделение (CTRL+SHIFT+i) и нажмите бэкспейс.

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

Мы будем использовать маски, чтобы скрыть нежелательные области. Это довольно просто, нужно лишь выбрать слой с водой и применить его на слои с текстом. Уменьшите непрозрачность нижнего слоя до 80% и измените режим на Multiply, чтобы было видно воду.

Теперь конвертируем 3D слои в смарт объекты. Сначала выберите 3D слои сделайте их дубликаты, а только потом конвертируйте.

Шаг 4

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

Прогуглите текстуру потресканной земли, внесите ее в Photoshop и, поставив режим Overlay, поместите ее над верхней частью текста. Затем ALT+Click между слоями, чтобы установить эту текстуру как Clipping Mask. Уменьшите непрозрачность до 80-90%.

Повторите то же самое и с нижней частью текста, применив текстуру подводного камня.

Сделайте дубликат слоя с водой и поместите копию под оригиналом. Теперь подвигайте его немного и сделайте Edit -> Puppet Wrap. Поиграйте с этим и постарайтесь сделать воду натуральнее.

Когда закончите, пройдите Image -> Hue/Saturation и придайте оттенок -160, чтобы вода стала оранжевой.

Шаг 5

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

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

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

Добавим облака. Найдите панорамное изображение облаков и разместите его поверх слоя с пустыней, установив режим Linear Burn и непрозрачность 60%. Затем CTRL+U и поиграйте с колоризацией.

Добавим еще некоторые элементы.

Шаг 6

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

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

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

1. Поэкспериментируйте с трубами

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

2. Сфокусируйтесь на текстурах

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

3. Не бойтесь играть с цветами

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

4. Моделируйте в C4D и Vray

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

Когда вы увидели название этого урока то, скорее всего, сказали: «Это невозможно!» Но это не совсем так. Текст, да и любой другой объект в фотошопе можно эструдировать (сместить/вдавить), создав 3D эффект, даже без специальной команды как в Photoshop CS 4 и CS 5. В процессе «выдавливания» можно настроить глубину, направление пути и многие другие свойства. А по времени это займете не более пяти минут. Звучит довольно заманчиво, да? Вы думаете что создание 3D текста в Photoshop CS3 невозможно? Вы глубоко ошибаетесь, так как с помощью стандартных инструментов и нескольких приемов это можно сделать очень быстро.

Шаг 1

Итак для начала создайте новый документ с помощью команды File> New … размером 2000 x 2000 пикселей в цветовом режиме RGB:

Шаг 2

Теперь пришло время добавить сам текст. Для этого активируйте инструмент Horizontal Type Tool (T), и добавьте текст по всей ширине документа:

Шаг 3

Обязательно сделайте дубликат этого слоя (CTRL + J). Выберите оригинальный слой, и измените цвет текста, затем на палитре Layers (слоев) кликните правой кнопкой мыши в том месте, где показано на рисунке ниже. После этого откроется плавающее меню в котором выберите пункт «Rasterize Type»:

Шаг 4

Нажмите CTRL + T, чтобы войти в режим свободного трансформирования (Free Mode Transform). На панели со свойствами инструмента введите значение «99,5%» в полях Set horizontal scale и Set vertical scale, после чего нажмите Enter на клавиатуре:

Шаг 5

Снова продублируйте этот слой (CTRL + J). Выделите его и повторите шаг 4:

Шаг 6

Выделите все слои, кроме самого верхнего и «фонового», кликая по ним с зажатой клавишей Shift и нажмите CTRL + E, чтобы превратить их в один единственный слой. Нажмите кнопку «FX» на палитре Layers (слоев) и в открывшемся меню выберите пункт «Blending Options». Настройте свойства «Blending Options» как показано ниже:

Шаг 8

Самому верхнему слою так же добавьте эффект «Blending Options» и настройте его так, как показано ниже:

%d1%86%d0%b8%d1%84%d1%80%d1%8b пнг образ | Векторы и PSD-файлы

Мемфис дизайн геометрические фигуры узоры мода 80 90 х годов

4167*4167

аудиокассета изолированные вектор старая музыка ретро плеер ретро музыка аудиокассета 80 х пустой микс

5000*5000

80 основных форм силуэта

5000*5000

диего марадона d10s

1875*1875

80 летний юбилей дизайн шаблона векторные иллюстрации

4083*4083

Мультяшный милый ребенок детство ребенок классики памяти родился в 80 х

2000*2000

скейтборд в неоновых цветах 80 х

1200*1200

Номер 80 процентов от 3d золотой

5000*5000

непрерывный рисунок одной линии старого телефона винтаж 80 х 90 х годов стиль вектор ретро дизайн минимализм с цветом

3967*3967

число 80

2000*2000

Минимализм Супер Продажа до 80 ramadan label

2000*2000

3d Изометрические номера 76 80

1200*1200

3d визуализация текста 80 процентов от большой продажи

1200*1200

Кокосовый череп ретро векторные иллюстрации

5000*5000

flamingo летние вибрации векторные иллюстрации

5000*5000

80 е в стиле ретро ​​мода цвет градиент арт дизайн

1200*1200

распродажа 80 специальное предложение

5000*5000

Ретро цвет градиента 80 х годов партия тема искусства слова

1200*1200

Бигфут бегущий ретро векторные иллюстрации

5000*5000

бумбокс с разноцветными музыкальными нотами

1200*1200

аудио кассета плоский дизайн

1200*1200

Эпидемическая профилактика пневмонии медикаменты

2000*2000

С Днем Пасхи 2021 84

1300*1300

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

4000*4000

мопс голова собаки красочные векторная иллюстрация

5000*5000

синий сияющий глаз красоты

1000*1000

3d золотой номер восемьдесят шесть прозрачный фон png клипарт

2300*2300

Градиент 80 х Американское слово ретро арт

1200*1200

80 х годов в стиле ретро арт дизайн

1200*1200

Черный красный 80 большой рекламный плакат со скидкой

1200*1200

голова льва ретро очки векторная иллюстрация король лев

5000*5000

80 летний юбилей дизайн шаблона векторные иллюстрации

4083*4083

ретро аудио кассета вектор

5000*5000

Мемфис бесшовные модели 80 х 90 х стилей

4167*4167

скидка 40 золотых и синих

2000*2000

абстрактный вектор 3d рендеринг цифра 86 номер редактируемый с прозрачным фоном

1200*1200

80 летняя лента годовщина

5000*3000

губы жвачки

1200*1200

скидка 80 от вектор дизайн шаблона иллюстрация

4083*4083

милая ретро девушка 80 х 90 х годов

800*800

Знаки зодиака ретро векторные иллюстрации

5000*5000

Мемфис шаблон 80 х 90 х годов стилей фона векторные иллюстрации

4167*4167

универсальный джойстик старой школы

1200*1200

диско дизайн в стиле ретро 80 х неон

5556*5556

Мемфис бесшовные модели 80 х 90 х стилей

4167*4167

3d золотой номер восемьдесят прозрачный фон png клипарт

2300*2300

лейбл онлайн трансляций с ярко синими розовыми неоновыми цветами и современным дизайном

1200*1200

мемфис бесшовной схеме 80s 90 все стили

4167*4167

Неоновый эффект 80 х годов Ретро вечеринка арт дизайн

1200*1200

yeti играет на сноуборд векторные иллюстрации

5000*5000

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

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

Добавляем текст

Для начала рассмотрим, как вставить надпись в Photoshop, чтобы затем заниматься её обработкой. Последовательность действий такова:

1. Создаём новый рисунок или открываем тот, на который хотим добавить надпись.
2. Кликаем по иконке «Т» в левой панели инструментов.
3. Выбираем, в каком направлении будет идти надпись – горизонтально или вертикально.
4. Пишем желаемый текст.
5. Растягиваем поле до желаемых размеров, перемещаем на нужное место.

Редактируем надпись

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

Отредактировать надпись можно по следующему алгоритму:

1. Выделяем слой, который содержит символы, и нажимаем на «Т» в панели инструментов.
2. Нажимаем на выпадающий список в левом верхнем углу. В нём будут отражены те шрифты, которые установлены в системе. Если системные шрифты не подходят, можно скачать дополнительные. Для этого нужно найти интересующий в Интернете в формате TTF или OTF, после чего вставить его в папку «Шрифты» в «Панели управления».
3. Выделяем текст и нажимаем на прямоугольник сверху для того, чтобы сменить оттенки. Оттенок можно выбрать вручную с использованием палитры. Если есть заранее подготовленные параметры, то их нужно ввести в соответствующее поле.
4. Для переворота строки необходимо кликнуть по «Т» со стрелками.
5. Изменить начертание можно посредством выделения надписи и выбора интересующих пунктов. В этом же меню можно настроить параметры сглаживания – плавное, жёсткое, насыщенное, чёткое.

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

Эффекты

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

Пример работы с эффектами:

1. Нажимаем правой кнопкой на слое со знаками.
2. Переходим в «Параметры наложения».
3. В появившемся списке жмём на «Создать обводку».
4. Задаём параметры рамки – её оттенок, ширину, расположение, прозрачность и т. д.
5. Нажимаем на «Тип», чтобы поменять фактуру. Доступны «Цвет», «Узор» и «Градиент». Градиент, к примеру, позволяет создавать многоцветный текст.

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

Объём и деформация

Photoshop позволяет создавать из знаков объёмные фигуры. Для этого:

1. Выбираем слой и нажимаем на «3D».
2. Переходим в меню «Новая сетка из градаций серого» и выбираем интересующие характеристики.
3. Используем параметр «Новая структура» для изменения слоя. К выбору доступна «пирамида», «куб», «шар» и другие фигуры.

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

Готовые стили

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

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

Видеоинструкция

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

Заключение

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

В Adobe Photoshop CS6 можно не только создавать рисунки или ретушировать фотографии. В нём доступна работа с текстом. И не с обычными символами, которые есть и в Microsoft Word. Фотошоп ведь графический редактор — в нём можно сделать надпись с оригинальным дизайном. Хотя стандартные печатные знаки в утилите тоже есть. Разберитесь, как повернуть текст в Фотошопе, добавить к нему эффекты или текстуры, выбрать размер, форму. И вообще, как взаимодействовать с символами в данной программе.

В Фотошопе часто приходится сталкиваться с работой с текстом

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

Обычный текст

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

1. Создайте новый рисунок. Или откройте картинку, к которой хотите добавить подпись.
2. На панели слева найдите кнопку в виде заглавной буквы «T». Если навести на неё курсор, появится всплывающая подсказка «Горизонтальный» или «Вертикальный».
3. Щёлкните по ней правой кнопкой мыши. Выберите направление надписи.
4. Кликните на место, куда надо добавить символы. Или выделите область, в которой они должны располагаться.
5. Следует написать то, что вам нужно.
6. Если вы щёлкнули в произвольном месте, границы текста будут «растягиваться» по мере ввода. Можете переносить строки, нажимая Enter. Если выделяли область, придётся менять размеры рамки вручную.
7. Чтобы расширить поле для печати, «потяните» мышью за маркеры на этой границе. Они будут активны, если нажата кнопка «T».
8. Чтобы переместить блок с текстом, нажмите на пиктограмму в виде чёрного курсора и перекрестья. Она находится на панели слева. Обычно в самом верху. После этого просто перетащите объект. Это аналогично перемещению ярлыков в Windows.

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

Редактирование

В Photoshop CS6 есть средства для редактирования надписей. Можно выбрать красивый шрифт, способ начертания, размер, цвет, выравнивание. Настройки появятся на верхней панели, если выделить слой с буквами и нажать на «T».

• Чтобы изменить каллиграфию, кликните на выпадающий список слева вверху. Появятся все шрифты, которые есть у вас на компьютере. Рядом с названием находится пример того, как будут выглядеть знаки. Можете скачать новые наборы символов, если не хватает предустановленных. Их надо вставить в папку «Шрифты», в которую можно войти через Пуск — Панель управления. И при следующем запуске Photoshop они появятся в списке. Каллиграфия имеет формат .TTF или .OTF.
• Чтобы поменять оттенок знаков, надо их выделить и нажать на прямоугольник вверху. Он того же цвета, что и текст. Эта кнопка открывает палитру. Можно задать оттенок вручную, перемещая ползунок по шкале и подбирая яркость. Можно ввести параметры в виде цифр. А можно сразу написать название цвета, если оно вам известно. Оно выглядит, как код из цифр и латинских символов. Для акцентирования внимания на надписи создайте обводку другого оттенка.
• Чтобы перевернуть строку, нажмите ни иконку в виде буквы «T» с маленькими стрелочками. Она тоже находится наверху.
• Размер задаётся в выпадающем списке, в котором отображены числа с припиской «пт» (этот параметр измеряется в пикселях или пунктах — сокращённо «пт»).
• Для выстраивания по линии используйте кнопки «Выключка слева», «Выключка справа», «Выключка по центру». Это аналог опций «Выравнивание по левому краю», «Выравнивание по правому краю».
• Чтобы изменить начертание, выделите фрагмент надписи и кликните по нему правой кнопкой мыши. В контекстном меню будут пункты «Псевдополужирный» и «Псевдокурсивный».
• Там же можно настроить сглаживание: чёткое, насыщенное, плавное, жёсткое.

Чтобы применить изменения нажмите на галочку на верхней панели. Чтобы вернуть изначальное форматирование — на зачёркнутый круг.

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

Деформация

На верхней панели есть кнопка «Деформация». Она отображена в виде искривлённой буквы «T» и полукруга. К этой же настройке можно перейти, если нажать правой кнопкой мыши на имя слоя. В выпавшем меню будет строчка «Деформировать текст».

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

Эффекты

Самое сложное и разнообразное меню — это «Эффекты». В нём можно задать огромное число параметров. Настройки подробные — доступны даже незначительные детали. Веб-дизайнеры, используя эти опции, создают уникальные и удивительные творения.

Покажем возможности эффектов на конкретном примере. Вот как сделать обводку текста в Фотошопе CS6:

1. Кликните на слой с надписью правой кнопкой мыши.
2. Выберите «Параметры наложения».
3. В списке слева найдите пункт «Создать обводку» или что-то подобное. Нажмите на него и отметьте его маркером.
4. Там можно задать оттенок рамки, ширину, положение (снаружи, внутри, из центра), прозрачность, режим наложения.
5. Чтобы изменить фактуру нажмите на список «Тип». Будет выбор между «Цвет», «Градиент» и «Узор».
6. Градиент — это несколько оттенков. Изображение с ним переходит из одного цвета в другой. То есть в одной части рисунка будет насыщенный синий, в другой — светло-фиолетовый. Можно даже оформить обводку в виде радуги.
7. Узор — это текстура. Перейдите к данному пункту — появится пример рисунка. Нажмите на стрелочку рядом с ним, указывающую вниз — там буде выбор между разными изображениями. В появившемся меню кликните на ещё одну стрелочку, направленную вбок. Откроется меню, в котором можно выбрать наборы стилей — в каждом своя коллекция текстур. Доступна загрузка новых узоров — они должны иметь формат .PAT.

Написать предложение и добавить к нему рамку — это самое простое. В меню эффектов можно наложить градиент и узор на сам текст, добавить к нему глянец, тиснение, освещение, тень. У каждой функции много внутренних параметров. К примеру, в разделе «Тень» есть размер, угол наклона, смещение и даже эффект шума (похож на телевизионную рябь).

Можете поэкспериментировать с настройками. При изменении какой-то опции результат сразу отобразиться на картинке. В утилите есть список уже готовых эффектов. Он находится во вкладке «Стили». В них все параметры уже выставлены.

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

Объём

Написать красивый текст можно и по-другому. Создать из него объёмные фигуры.

1. Выберите слой. Не выделяйте область с надписью.
2. Нажмите на «3D» в строке меню.
3. Если у вас есть какая-то модель в виде 3D-файла, можете загрузить её и использовать.
4. Чтобы сделать объёмный объект из самой надписи, наведите курсор на «Новая сетка из градаций серого». В данном меню очень скудный выбор характеристик.
5. Параметр «Новая структура из слоя» преобразует весь слой. Он складывается в фигуру, как лист бумаги. В этом разделе много объектов: пирамида, конус, цилиндр, шар, куб и тому подобное.

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

Готовые эффекты

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

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

Стили распространяются в файлах .psd (их часто упаковывают в архивы RAR или ZIP). Это не надстройка или плагин, а изображения, которые можно редактировать. Там уже настроены все нужные цвета и эффекты. Достаточно открыть рисунок в Фотошопе и вставить свой текст. Копируйте и добавляйте его в другие картинки.

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

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

Можно понять, как написать текст в Фотошопе и отредактировать его. Однако в утилите множество разнообразных текстур, стилей, эффектов, числовых параметров, в которых легко запутаться. Чтобы изучить программу и запомнить все её функции потребуется время. Но сделать интересную и необычную подпись сможет каждый. Для этого не надо досконально разбираться в Photoshop. Также в сети доступны уже готовые стили. В них эффекты уже расставлены. Достаточно вписать свой текст.

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

В Photoshop есть целая группа текстовых инструментов. Работа с текстом в Photoshop происходит на особом виде слоя — текстовом.

Откройте в Photoshop изображение, на котором хотите сделать надпись. Подведите курсор к панели инструментов и щёлкните правой клавишей мыши по пиктограмме с буквой Т. Раскроется группа текстовых инструментов. Если вы на клавиатуре нажмёте T(англ.), то автоматически выберите текстовый инструмент, который в группе стоит первым по умолчанию.

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

Выбрав текстовый инструмент нужного направления, щёлкните по изображению в том месте, где нужно сделать надпись. Сразу появится новый слой с пометкой Т, то есть текстовый слой. На изображении вы увидите мигающий курсор, а на панели управления — настройки текста. Они такие же, как в привычных нам всем текстовых редакторах типа Word. Здесь можно подобрать шрифт, размер, способ начертания (жирный, курсивный и так далее), задать цвет и выравнивание текста, абзац, то есть всё, что может быть нужно для написания текста.

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

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

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

Вот наглядный пример сглаживания Windows (слева) и «Плавное»/Smooth (справа).

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop CC. Основы».

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

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

Раскрыв следующий атрибут, вы обнаружите, что почти все предыдущие собраны здесь. Кроме того, в нём можно задать межстрочный и межбуквенный интервал, отступ для абзаца и всё, что может вам понадобиться для написания текста. Это вы наверняка умеете, поскольку все мы хоть раз пользовались Microsoft Word. Поэтому не будем заострять на этом моменте внимание.

Итак, сделаем нашу первую запись. Далее разберём, как её повернуть, переместить, задать тень и обводку.

Выбираем инструмент «Горизонтальный текст», щёлкаем по месту на изображении, где нужна надпись. Выбираем шрифт, цвет и размер. При изменении размера шрифта будет меняться высота мигающего курсора. Это поможет вам понять, какого размера у вас получится текст. Напишите задуманную фразу. Если написание завершено, нажмите Enter в цифровой части клавиатуры (справа). Вы заметите, что имя текстового слоя изменилось на внесённую вами фразу. Если нужно исправить текст, изменить цвет полностью или отдельного символа, то, используя тот же текстовый инструмент, стоя на слое с текстом, щёлкните по нему. У вас снова замигает курсор. Текст можно выделять, удалять символы (стирать) так же, как в Word или другом текстовом редакторе. Переносить строку нужно клавишей Enter на буквенной части клавиатуры.

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

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

Чтобы повернуть текст, станьте на слой с ним и нажмите Ctrl+T. Это работает так же, как в случае с поворотом обычного слоя. Когда появится рамка с вершинами, подведите курсор к угловой. Как только на курсоре появится закруглённая стрелка, начните вращать изображение в нужную сторону. По завершении нажмите Enter.

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

В диалоговом окне справа выбрать пункт «Обводка»/Stroke, либо «Тень»/Shadow. В правой части окна подобрать нужный размер, цвет и, по завершении, нажать Ok.

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

Напишите текст. Курсор должен мигать в ожидании ввода следующего символа. Теперь на панели инструментов кликаем по пиктограмме буквы Т, стоящей на дуге. Выбираем в списке «Текст дугой»/Wave.

Значения «Искажения по горизонтали»/Horizontal Distortion и «Искажения по вертикали»/Vertical Distortion оставьте в позиции 0. «Изгиб»/Bend отведите максимально вправо. По окончанию нажмите Ok.

Второй способ. Выбираем инструмент «Эллипс». Рисуем вокруг чашки круг такого же диаметра.

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

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

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

Как и было обещано в начале статьи, сделать текст в Фотошопе так же просто, как в любом текстовом редакторе. Желаем вам новых идей!

Как сделать в фотошопе объемный логотип

Создаём 3D анимацию логотипа в Фотошоп

В этом уроке вы узнаете, как сделать объёмным плоский логотип с помощью 3D инструментов и оживить его, используя новую Шкалу времени (Timeline) в Photoshop CS6.

Детали урока.

Программа: Adobe Photoshop CS6 Extended Сложность: средняя Предполагаемый срок завершения: 1 час + время рендеринга Финальный результат

Материалы для урока:

логотип ресурса Envato.

Архив

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

Шаг 1

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

Шаг 2

Выберите инструмент Рамка (Crop Tool) и расширьте верх и низ документа, чтобы увеличить пространство для нашей сцены. Нажмите Enter, чтобы принять изменения.

Инструментом Прямоугольная область (Rectangular Marquee Tool) выделите текст Envato, исключая листик логотипа и внизу палитры слоёв нажмите кнопку Добавить слой маску (Add Layer Mask). Это действие позволит выделить только текст.

Шаг 3

Чтобы облегчить задачу, автор переименовал слой с видимым текстом на Text. Создайте копию этого слоя, переименуйте её в Leaf и сделайте активной маску слоя. После этого мы сможем её редактировать. Теперь нажмите комбинацию клавиш Ctrl + I, чтобы инвертировать маску. Таким образом, на этом слое будет виден только лист, а текст будет исключен. Результат должен выглядеть идентично оригиналу изображения с логотипом, которые мы открыли в начале урока.  Разница лишь в том, что текст и значок листика в настоящее время на отдельных слоях.

Делаем активным слой с листиком Leaf и идём в меню Слои – Слой маска – Применить( Layer > Layer Mask > Apply). Это действие позволит удалить все пиксели, которые были скрыты под маской.

Теперь идём в меню 3D и выбираем пункт Новая 3D-экструзия из выделенного слоя (3D > New 3D Extrusion From Selected Layer). После этого вы будете автоматически перемещены в 3D пространство, где будете работать с 3D сценой. Если этого не произошло, вы можете самостоятельно включить его в меню Окно – Рабочая среда — 3D (Window> Workspace> 3D). Обратите внимание, что теперь слой с листиком является 3D слоем в палитре слоёв.

Шаг 4

Перейдите в 3D палитру, выделите объект Leaf (обозначается значком звезды) и включите палитру Свойства (Properties). В настройках палитры установите Глубину экструзии (Extrusion Depth) на 35 и снимите флажки с опций Захват тени (Catch Shadows) и Наложить тени (Cast Shadows).

Теперь нам нужно переместить объект Leaf точно в центр сцены. Прежде чем мы это сделаем, для удобства изменим вид нашей камеры. Выделите Текущий вид (Current View) в 3D палитре и выберите настройку Сверху (Top) для опции Вид (View) в палитре Свойства (Properties).

Используя экранные рычаги управления 3D объектом, переместите листик точно в центр сцены, который обозначается пересечением красной и синей линиями.

Примечание переводчика: для того чтобы элементы управления стали видимыми, щёлкните курсором по 3D объекту.

Шаг 5

В настоящее время наш документ имеет вид сверху. Для изменения и сброса вида камеры в палитре Свойства (Properties) установите вид По умолчанию (Default Camera). Обратите внимание, что 3D объект Leaf не окажется в правильном положении.  Мы исправим это в следующем шаге.

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

Шаг 6

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

Теперь мы готовы к создании анимации. Откройте Шкалу времени (Timeline) и нажмите кнопку Создать временную шкалу для видео (Create Video Timeline). Если вы не видите в рабочем пространстве программы шкалу времени, вы можете её открыть в меню Окно – Шкала времени (Window > Timeline).

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

Шаг 7

Так как нужно анимировать листик, нам необходимо получить доступ к его свойствам в шкале времени. Чтобы раскрыть список свойств, которые могут быть анимированы, щёлкните по маленькой стрелке напротив названия видео-слоя. Для этой анимации мы сосредоточимся на опции Положение 3D сцены (3D Scene Position).

Щёлкните по иконке секундомера чтобы Включить анимацию ключевых кадров (Enable Keyframe Animation). Это действие добавит первый ключевой кадр в шкале времени, обозначенный жёлтым ромбиком.

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

Шаг 8

Вернитесь в 3D палитру активируйте слой Сцена (Scene) и перейдите в палитру Свойства (Properties). Щёлкните иконку Координаты (Coordinate) и измените на оси Y значение угла на 360 градусов. Это будет вращать сцену вокруг ее Оси Y на 360 градусов.

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

Шаг 9

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

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

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

На этот раз нужно очистить первую часть нашей анимации. Для этого нужно найти точку, в которой объект листик поворачивается на одну четверть. Активируйте видео- слой Leaf в Шкале времени (Timeline) и перетащите его конец к красной линии как показано на скриншоте.

Наконец сдвиньте видео-слой с копией листика к новой красной линии. Убедитесь, что ваша анимация проходит гладко.

Шаг 10

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

Шаг 11

Наша работа с подготовкой анимации завершена и нам пора заняться её сохранением в формате GIF. Рассмотрим два варианта. Первый – быстрое сохранение с низким качеством.  Второй вариант займет больше времени, но позволит нам сохранить высококачественный GIF. Вариант 1 – идём в меню Файл – Сохранить для Web (File > Save for Web). Эта опция пропускает процесс рендеринга и сохранит кадры, какие они есть в нашем документе. Идем дальше, и изменяем настройки по своему усмотрению.  Нажмите кнопку Сохранить, когда закончите.

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

Шаг 12

Вариант 2 – требует рендеринга нашей сцены. Это настоятельно рекомендуется для улучшения качества конечного продукта. Идём в меню Файл – Экспортировать – Просмотреть видео (File > Export > Render Video) и внесите изменения, как показано на скриншоте. Убедитесь, что у вас установлен параметр  Последовательность изображений Photoshop (Photoshop Image Sequence) для выхода и Окончательная трассировка лучей (Ray Traced Final). Этот метод сделает нашу сцену в виде отдельных кадров.

После того как все кадры пройдут рендеринг, мы сможем открыть их как анимацию. Идём в меню Файл – Открыть как (File > Open As) и перейдите к папке, которую вы создали для обработанных кадров. Выберите первый кадр и внизу окна поставьте флажок на опции Последовательность изображений (Image Sequence). Теперь нажмите кнопку Открыть (Open ) и в следующем диалоговом окне подтвердите ОК.

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

Финальный шаг. Чтобы сохранить анимацию в формате GIF, просто повторите Шаг 11, и все готово!

Автор: Stephen Petrany

Красивый 3D логотип в фотошопе

Из названия урока всё ясно — сегодня я расскажу как в фотошопе нарисовать красивый логотип, но не обычный, а объёмный, 3D.

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

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

Красивый логотип в фотошопе

1. Создаём новое изображение размером 460×438 px, создаём новый слой и заливаем его любым цветом (с помощью инструмента Paint Bucket Tool):

2. Теперь раскрасим наш слой, который будет служить нам фоном. Для этого кликаем по слою правой клавишей (на панеле слоёв) и выбираем пункт Blending Options, в нём переходим на вкладку Gradient Overlay и выставляем следующие параметры (красными цифрами я указал шестнадцатеричные коды цветов):

Жмём Ok и получаем такой-вот приятный фон:

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

4. Непрозрачность (Opacity) слоя с буквой поставьте равной 85% (непрозрачности всех последующих слоёв, относящихся к нашей объёмной букве, тоже сделайте равными 85%). Заходим в Blending Options слоя с буквой и на вкладке Inner Shadow (внутренняя тень) выставим следующие параметры:

5. Теперь переходим на вкладку Inner Glow (внутреннее свечение) и там сделаем так:

6. А на вкладке Gradient Overlay сделаем вот-так:

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

7. А сейчас откроем последнюю вкладку — Stroke, и там сделаем так как у меня:

Жмём Ok и получаем такую-вот букву:

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

9. Узнаёте первые очертания объёмной буквы — а скоро я постараюсь превратить их в довольно красивый логотип… А чтобы сделать фигуру ещё более объёмной, давайте соединим вершины обеих букв белыми линиями. Для этого выберем инструмент Line Tool и белым цветом нарисуем такие-вот линии:

10. Вы можете подумать что это всё, а вот и нет… У нашей объёмной буквы есть только фронтальная и задняя стороны. Давайте устраним этот недостаток. Зажмите клавишу Ctrl и кликните по слою с фронтальной стороной буквы:

11. А сейчас, не отпуская Ctrl, зажмите ещё и Alt и кликните по слою с задней стороной нашей объёмной буквы:

12. Некоторые уголки фигуры остались невыделенными. Для этого выберем Polygonal Lasso Tool и выделим незатронутые уголки (чтобы прошлое выделение не исчезло, зажмите клавишу Shift):

13. Хорошо. Теперь создадим новый слой между слоями с задней и фронтовой (передней) частями фигуры и зальём выделение любым цветом:

14. Теперь применим к только что созданному нами слою те же эффекты, что мы применили к слоям с фронтовой и задней сторонами буквы. Это делается очень просто. Кликните правой клавишеё по слою с задней стороной объёмной фигуры и выберите пункт Copy Layer Style, затем кликните правой клавишей по слою, к которому мы хочем применить эффекты, и выберите пункт Paste Layer Style:

15. Это мы создали левую сторону будущего объёмного логотипа. Нужно теперь создать и правую… Что мы делаем: зажимаем Ctrl и кликаем по слою с задней стороной фигуры, потом зажимаем в добавок к Ctrl ещё и Alt и кликаем по слою с передней стороной фигуры:

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

17. Добавим к только что нарисованной правой стороне фигуры те же эффекты, что мы добавляли к другим сторонам (кликаем на слое правой клавишей и выбираем Paste Layer Style):

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

19. Применим к этой плоскости те же эффекты, что и ранее:

20. Вот мы и нарисовали объёмную фигуру (или логотип — называйте как хитите).

Давайте сделаем отражение. Для этого отключим слой с фоном (на панеле слоёв, слева от слоя, есть иконка ввиде глаза — кликните по ней, чтобы она исчезла). Сейчас выделим всю рабочую область (Ctrl + A или в меню Select —> All) и скопируем видимое изображение (Shift + Ctrl + C или в мень Edit —> Copy Merged), затем вставим скопированное изображение (Ctrl + V или Edit —> Paste) и поместим его под слоем с нижней стороной буквы. Отразим изображение по вертикали (в меню Edit —> Transform —> Flip Vertical) и разместим следующим образом:

21. Размоем отражение (в меню Filter —> Blur —> Gaussian Blur…) с радиусом размытия в 5 пикселей:

22. Получится должно что-то такое:

23. Сделаем отражение более реальным. Добавим к слою с отражением маску — для этого выберем слой с отражением (кликним по нему левой клавишей — на панеле слоёв) и кликнем на третьей слева иконке (ввиде тёмного прямоугольника и светлого круга в центре — на панеле слоёв) или же через меню: Layer —> Layer Mask —> Reveall All. Теперь выбираем инструмент Gradient Tool, выбираем чёрный цвет и заливаем отражение снизу вверх:

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

24. Сейчас сделаем наш логотип ещё более объёмным — добавим блики. Для этого выделим слой с лицевой стороной фигуры (зажимаем Ctrl и кликаем на том слое, который нам нужен) и исключим часть выделения (выбираем инструмент Elliptical Marque Tool, зажимаем Alt и выделяем нужную часть). Выделение должно получиться таким:

25. Создадим новый слой и разместим его выше всех слоёв. Зальём выделение белым цветом (с помощью Paint Bucket Tool):

26. Изменим параметр Normal данного слоя на Soft Light (он находится на панеле слоёв, сверху). Затем добавим к этому слою маску и зальём градиентом сверху вниз (тем же способам, что и при создании отражения):

27. Теперь выделим часть правой стороны:

И примени к ней такой же эффект:

28. Выберем набор кисточек с названием Assorted Brushes, в данном наборе выберем кисточку ввиде блеска (незнаю как правильно назвать — смотрите ниже) и нарисуем вот так:

29. Под слоем с буквой создадим ещё один слой, непрозрачность слоя (Opacity) поставим примерно 70% (по вкусу) и белым цветом, понравившейся нам кисточкой, что-нибудь нарисуем :

30. Сейчас создадим ещё один слой, но уже над фигурой, и тоже что-нибудь на нёи нарисуем:

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

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

Логотип 3D в программе Photoshop

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

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

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

Шаг 1

Сначала нам нужно создать новый файл размером 600px 400px в ширину и в высоту с разрешением 72 точки на дюйм.

Шаг 2

Создайте новый слой orb . Выберем цвет # 77d7ff и создадим довольно большой круг в центре холста.

Шаг 3

Выбираем цвета # 000000 и # 77d7ff. Дважды щелкните на слой круга, чтобы открыть окно параметров наложения. Установите флажок наложение градиента а затем измените параметры, как показано на картинке.

Шаг 4

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

Шаг 5

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

Залить новый путь цветом #008aff.

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

Шаг 6

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

Шаг 7

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

Заливаем новый путь цветом # 008aff и выполняем действия шага 5. Смотрите ниже для ясности.

Шаг 8

Настройки в параметрах наложения:

Результат.

Шаг 9

Нам нужно добавить градиент для этой части кривой, поэтому, убедившись, что цвет переднего плана # 008aff и ваш фон # 00000, в параметрах наложения выбираем наложение градиента. Используйте настройки, показанные ниже, и нажмите OK.

Изогнутая часть слоя orb теперь будет выглядеть более объёмной.

Шаг 10

Создайте маленький кружок в центре слоя orb . Убедитесь, что он не касается краев кривых. Заливаем круг цветом # 77d7ff. Это будет ваш отступ.

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

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

Шаг 11

На новом слое создадим меньший круг в середине. Заливаем цветом # ff6c00.

Шаг 12

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

Вот так orb должен выглядеть.

Шаг 13

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

Для поля Тень используйте настройки, описанные ниже.

Наш слой мини-orb должен выглядеть 3D.

Шаг 14

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

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

Шаг 15

Создаем новый слой и установите цвет переднего плана на # ffcb17, используйте лассо для создания лицевой стороны платформы.

Шаг 16

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

Шаг 17

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

Измените непрозрачность 50% и размыть в 8px.

Шаг 18

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

Шаг 19

Создайте новый слой и сделать небольшое кольцо в центре мини-orb. Добавить рамку 2px и залить цвет # ff6305.

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

Шаг 20

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

В заключение

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

Создаём 3D анимацию логотипа в Фотошоп

В этом уроке вы узнаете, как сделать объёмным плоский логотип с помощью 3D инструментов и оживить его, используя новую Шкалу времени (Timeline) в Photoshop CS6.

Детали урока.

Программа: Adobe Photoshop CS6 Extended Сложность: средняя Предполагаемый срок завершения: 1 час + время рендеринга Финальный результат

Для прохождения урока загрузите логотип ресурса Envato.

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

Шаг 1

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

Шаг 2

Выберите инструмент Рамка (Crop Tool) и расширьте верх и низ документа, чтобы увеличить пространство для нашей сцены. Нажмите Enter, чтобы принять изменения.

Инструментом Прямоугольная область (Rectangular Marquee Tool) выделите текст Envato, исключая листик логотипа и внизу палитры слоёв нажмите кнопку Добавить слой маску (Add Layer Mask). Это действие позволит выделить только текст.

Шаг 3

Чтобы облегчить задачу, автор переименовал слой с видимым текстом на Text. Создайте копию этого слоя, переименуйте её в Leaf и сделайте активной маску слоя. После этого мы сможем её редактировать. Теперь нажмите комбинацию клавиш Ctrl + I, чтобы инвертировать маску. Таким образом, на этом слое будет виден только лист, а текст будет исключен. Результат должен выглядеть идентично оригиналу изображения с логотипом, которые мы открыли в начале урока.  Разница лишь в том, что текст и значок листика в настоящее время на отдельных слоях.

Делаем активным слой с листиком Leaf и идём в меню Слои – Слой маска – Применить( Layer > Layer Mask > Apply). Это действие позволит удалить все пиксели, которые были скрыты под маской.

Теперь идём в меню 3D и выбираем пункт Новая 3D-экструзия из выделенного слоя (3D > New 3D Extrusion From Selected Layer). После этого вы будете автоматически перемещены в 3D пространство, где будете работать с 3D сценой. Если этого не произошло, вы можете самостоятельно включить его в меню Окно – Рабочая среда – 3D (Window> Workspace> 3D). Обратите внимание, что теперь слой с листиком является 3D слоем в палитре слоёв.

Шаг 4

Перейдите в 3D палитру, выделите объект Leaf (обозначается значком звезды) и включите палитру Свойства (Properties). В настройках палитры установите Глубину экструзии(Extrusion Depth) на 35 и снимите флажки с опций Захват тени (Catch Shadows) и Наложить тени (Cast Shadows).

Теперь нам нужно переместить объект Leaf точно в центр сцены. Прежде чем мы это сделаем, для удобства изменим вид нашей камеры. Выделите Текущий вид (Current View) в 3D палитре и выберите настройку Сверху (Top) для опции Вид (View) в палитре Свойства (Properties).

Используя экранные рычаги управления 3D объектом, переместите листик точно в центр сцены, который обозначается пересечением красной и синей линиями.

Примечание переводчика: для того чтобы элементы управления стали видимыми, щёлкните курсором по 3D объекту.

Шаг 5

В настоящее время наш документ имеет вид сверху. Для изменения и сброса вида камеры в палитре Свойства (Properties) установите вид По умолчанию (Default Camera). Обратите внимание, что 3D объект Leaf не окажется в правильном положении.  Мы исправим это в следующем шаге.

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

Шаг 6

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

Теперь мы готовы к создании анимации. Откройте Шкалу времени (Timeline) и нажмите кнопку Создать временную шкалу для видео (Create Video Timeline). Если вы не видите в рабочем пространстве программы шкалу времени, вы можете её открыть в меню Окно – Шкала времени (Window > Timeline).

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

Шаг 7

Так как нужно анимировать листик, нам необходимо получить доступ к его свойствам в шкале времени. Чтобы раскрыть список свойств, которые могут быть анимированы, щёлкните по маленькой стрелке напротив названия видео-слоя. Для этой анимации мы сосредоточимся на опции Положение 3D сцены (3D Scene Position).

Щёлкните по иконке секундомера чтобы Включить анимацию ключевых кадров (Enable Keyframe Animation). Это действие добавит первый ключевой кадр в шкале времени, обозначенный жёлтым ромбиком.

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

Шаг 8

Вернитесь в 3D палитру активируйте слой Сцена (Scene) и перейдите в палитру Свойства (Properties). Щёлкните иконку Координаты (Coordinate) и измените на оси Y значение угла на 360 градусов. Это будет вращать сцену вокруг ее Оси Y на 360 градусов.

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

Шаг 9

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

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

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

На этот раз нужно очистить первую часть нашей анимации. Для этого нужно найти точку, в которой объект листик поворачивается на одну четверть. Активируйте видео- слой Leaf вШкале времени (Timeline) и перетащите его конец к красной линии как показано на скриншоте.

Наконец сдвиньте видео-слой с копией листика к новой красной линии. Убедитесь, что ваша анимация проходит гладко.

Шаг 10

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

Шаг 11

Наша работа с подготовкой анимации завершена и нам пора заняться её сохранением в формате GIF. Рассмотрим два варианта. Первый – быстрое сохранение с низким качеством.  Второй вариант займет больше времени, но позволит нам сохранить высококачественный GIF. Вариант 1 – идём в меню Файл – Сохранить для Web (File > Save for Web). Эта опция пропускает процесс рендеринга и сохранит кадры, какие они есть в нашем документе. Идем дальше, и изменяем настройки по своему усмотрению.  Нажмите кнопку Сохранить, когда закончите.

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

Шаг 12

Вариант 2 – требует рендеринга нашей сцены. Это настоятельно рекомендуется для улучшения качества конечного продукта. Идём в меню Файл – Экспортировать – Просмотреть видео (File > Export > Render Video) и внесите изменения, как показано на скриншоте. Убедитесь, что у вас установлен параметр  Последовательность изображений Photoshop (Photoshop Image Sequence) для выхода и Окончательная трассировка лучей (Ray Traced Final). Этот метод сделает нашу сцену в виде отдельных кадров.

После того как все кадры пройдут рендеринг, мы сможем открыть их как анимацию. Идём в меню Файл – Открыть как (File > Open As) и перейдите к папке, которую вы создали для обработанных кадров. Выберите первый кадр и внизу окна поставьте флажок на опции Последовательность изображений (Image Sequence). Теперь нажмите кнопку Открыть(Open ) и в следующем диалоговом окне подтвердите ОК.

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

Финальный шаг. Чтобы сохранить анимацию в формате GIF, просто повторите Шаг 11, и все готово!

Источник: photoshop-master.ru

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

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

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

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

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

01. Найдите вдохновение

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

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

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

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

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

03. Начните уточнение штрихового рисунка.

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

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

04. Выберите цветовую палитру.

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

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

05. Раскрасьте штриховой рисунок.

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

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

06. Проявите детали лица

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

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

07. Раскрасьте лицо

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

Я уточняю цвета лица, используя принципы теории теплых цветов. На этом изображении я рисую яркими живыми цветами: тени оранжевые, а свет более холодный. Иногда бывает сложно сделать все сразу. Одно из решений — сначала нарисовать лицо нейтральным цветом кожи, используя техники затенения, а не просто заливать лицо одним тоном, затем создать новый слой, установить для него Hard Light или Soft Light и добавить оранжевый в цвет. тени и светло-фиолетовый для более светлых участков.

08. Используйте режимы наложения

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

Я часто использую несколько режимов наложения: Мягкий свет, Жесткий свет, Наложение, Умножение и Цвет. Все они (кроме Multiply) помогают мне создавать яркие, насыщенные цвета. Попробуйте создать новый слой и установить режим наложения «Мягкий свет». Затем выберите большую мягкую кисть, выберите светлый цвет и поэкспериментируйте на холсте.

09. Не забывайте тени

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

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

10. Добавьте волосы и крылья

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

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

11. Найдите время, чтобы создать эффективное рабочее пространство.

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

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

Чтобы настроить рабочее пространство, выберите «Окно> Упорядочить> Новое окно для… (имя вашего файла)», один раз для уменьшенной версии и второй раз для черно-белого. Чтобы настроить черно-белое окно, перейдите в «Просмотр»> «Настройка цветопробы»> «Пользовательское»> «Устройство для моделирования> sGrey». Затем нажмите ctrl + Y , когда активно черно-белое окно.

12. Понять, как работает лицо.

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

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

13. Создайте одежду

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

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

14. Внесите последние изменения.

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

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

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

Подробнее:

Создание трехмерного текста в Photoshop: пошаговое руководство

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

Первая часть этого урока проходит в 3D-среде Photoshop CC, что означает, что вам придется работать с тремя разными панелями почти одновременно. Панель «Слои» — это место, где вы размещаете и создаете трехмерный текст. На панели 3D вы получаете доступ к командам 3D, а на панели свойств вы применяете эффект выдавливания, искажаете и применяете различные материалы для добавления реализма. Работать в трехмерном пространстве довольно легко, но на это нужно обращать пристальное внимание.

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

01. Создание фона

Переключитесь в рабочее пространство 3D и загрузите фоновое изображение

Сначала измените рабочее пространство. Перейдите в Window> Workspace> 3D. Теперь создайте новый пустой холст ( cmd / ctrl + N) . Назовите его 3D Text, установив ширину на 1500 пикселей, высоту на 620 пикселей, разрешение на 300 пикселей на дюйм и затем нажмите OK.Перейдите в File> Place Embedded ‘pix_117004_background.jpg’, отрегулируйте размер и нажмите return / enter .

02. Загрузите новый шрифт.

Загрузите нужный шрифт перед тем, как продолжить.

Перейдите на сайт dafont.com и загрузите шрифт South Afirkas 2100 от zanatlija. Разархивируйте файл и установите его в вашей системе. Возьмите инструмент «Текст» ( T ). В разделе «Параметры» выберите «Тип шрифта: Южная Африка», размер: 70 пунктов, а затем введите слово «САФАРИ».

03. Добавить текстуру

Придайте тексту немного текстуры

Перейдите в меню «Файл»> «Поместить встроенное» pix_2068284_texture1.jpg ‘. Поместите поверх текста и затем обрежьте слои, нажмите cmd / ctrl + opt / alt + G . Удерживая Shift , щелкните слой Safari. Когда оба слоя активны, нажмите cmd / ctrl + E для объединения. Переименуйте слой Safari_texture.

04. Создайте 3D-слой.

Теперь вы можете выдавить текст в 3D.

Перейдите в 3D> Новое 3D-выдавливание из выбранного слоя. На панели «Свойства» щелкните «Сетка», выберите «Отображение текстуры: масштаб» и установите для параметра «Глубина выдавливания» значение 10 мм.На панели 3D нажмите Safari_Texture Front Inflation Material, установите Roughness на 80% и Bump на 100%.

05. Добавьте больше текстур

Другая текстура улучшает внешний вид вашего 3D-текста

На панели «3D-слой» щелкните Safari_Texture Extrusion Material. Теперь на панели «Свойства» щелкните значок «Рассеивание» и выберите «Заменить текстуру», найдите «pix_2068284_texture2.jpg» и откройте. Установите Шероховатость на 80% и Наращивание на 100%.

06. Редактирование свойств UV

Настройте текстуру, отредактировав ее свойства UV

Теперь мы собираемся редактировать текстуру выдавливания.В свойствах снова откройте значок Diffuse и выберите Edit UV Properties. Установите Масштаб U / X на 65% и Масштаб V / Y на 50%, а затем нажмите OK.

07. Эффект скоса

Отредактируйте слой Safari_Texture, чтобы придать ему эффект скоса

На панели 3D щелкните слой Safari_Texture. Теперь на панели свойств щелкните Cap. Установите стороны на передний план, ширину скоса на 35% и измените контур на конус_инвертированный.

08. Перемещение трехмерного текста

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

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

09. Регулировка света

Получите более эффектный вид, отрегулировав свет

На панели 3D нажмите «Бесконечный свет». С помощью контроллера на изображении отрегулируйте свет, поместив его перед трехмерным текстом и переместив на 75 градусов в верхний левый угол.Выполните рендеринг изображения, перейдя в 3D> Render 3D Layer.

10. Создайте маску слоя.

Используйте маску слоя и кисть Dune Grass, чтобы смешать с травой.

На панели «Слои» нажмите cmd / ctrl + J , чтобы продублировать слой Safari_Texture. Перейдите в Layer> Rasterize> 3D. (Скройте исходный слой 3D Safari_Texture.) Добавьте маску слоя. Возьмите инструмент «Кисть». Нажмите F5 и выберите кисть Dune Grass, настройте Shape Dynamics и Scattering, затем закрасьте маску, смешивая траву.

11. Внесите корректировки

Повысьте резкость изображения и настройте тона

Во-первых, давайте немного увеличим резкость изображения. Щелкните эскиз Safari_Texture. Перейдите в Filter> Sharpen> Sharpen More. Теперь отрегулируйте тона. Перейдите в Layer> New Adjustment Layer> Levels. Установите Inputs на 0, 1.15, 215 и обрежьте слои.

12. Поместите льва

Пора добавить немного дикой природы

Перейдите в Файл> Поместить встроенный ‘pix_1236169_lion.jpg’. Возьмите инструмент «Быстрое выделение» ( W ) и выберите льва.Перейдите в Select> Select and Mask. Измените режим просмотра на Overlay. Установите Радиус обнаружения края на 15 пикселей, установите флажок «Умный радиус» и используйте инструменты для улучшения выделения. Вывод на «Новый слой с маской слоя».

13. Дополнительные корректировки

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

Возьмите кисть Dune Grass и закрасьте маску, чтобы скрыть лапы и хвост за кустами. Теперь перейдите в Filter> Sharpen> Sharpen. Затем перейдите в Слой> Новый корректирующий слой> Уровни.Установите Inputs на 0, 0.95, 245 и обрежьте слои.

Добавьте слона и с помощью инструмента «Перо» вырежьте его.

Перейдите в меню «Файл»> «Поместить встроенный» pix_602530_elephant.jpg. Возьмите инструмент «Перо» ( P ) и нарисуйте путь вокруг слона. В разделе «Параметры» нажмите «Сделать: выбор», а затем нажмите «ОК». Перейдите в Layer> Layer Mask> Reveal Selection. Нажмите cmd / ctrl + T и отрегулируйте размер.

15. Добавьте дополнительные настройки

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

Перейдите в Слой> Новый корректирующий слой> Яркость / Контрастность.Установите Яркость на 30, Контрастность на 15, обрежьте слои и нажмите ОК. Теперь сделайте быструю цветокоррекцию. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Deep Yellow, установите Density на 30%, обрежьте слои и нажмите OK.

16. Принесите страуса

Пора немного больше дикой природы

Перейдите в Файл> Поместить встроенный ‘pix_341989_ostrich.jpg’. Возьмите инструмент «Быстрое выделение» ( W ) и выберите изображение. В разделе «Параметры» нажмите «Выбрать и замаскировать».Используйте инструмент Refine Edge Brush ( R ) или Brush tool ( B ), чтобы улучшить маску, затем нажмите OK. Измените размер изображения и поместите страуса рядом со слоном.

17. Корректировка кривых

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

Теперь давайте применим корректировку Кривые для коррекции тонов. Перейдите в Layer> New Adjustment Layer> Curves. Поместите курсор мыши в центр и потяните немного вниз или установите Input на 45 и Output на 40, обрежьте слои и нажмите OK.

18. Поместите больше изображений

Хорошо, давайте обезьяну …

Перейдите в меню «Файл»> «Поместить встроенный» pix_1224295_monkey.jpg. Используйте инструмент «Быстрое выделение», чтобы выбрать изображение, и команду «Выделение и маска», чтобы уточнить выделение. Измените размер изображения и поместите его над буквами. Используйте настройку «Кривые», чтобы скорректировать тона.

19. Добавьте жирафа

… и жирафа. Что возможно могло пойти не так?

Поместите pix_927281_giraffe.jpg. Выберите и замаскируйте жирафа.Добавьте новый слой поверх него и обрежьте слои ( cmd / ctrl + opt / alt + G ). Измените режим наложения на Мягкий свет, возьмите инструмент «Кисть» и, используя светло-желтый цвет, закрасьте тело, чтобы осветлить тени.

20. Коррекция цвета

Добавьте фильтр потепления для последнего тонального штриха

Поместите новый корректирующий слой поверх стопки слоев. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Warming Filter (85), установите плотность на 25% и нажмите OK.

21. Создайте снимок

Последняя корректировка, и все готово.

Нажмите shift + cmd / ctrl + opt / alt + E , чтобы создать снимок. Теперь сделайте окончательную настройку. Перейдите в Фильтр> Фильтр Camera Raw. Установите Exposure на +0.25, Highlights на -30, Clarity: +10 и Saturation: +5, затем нажмите OK.

Эта статья впервые появилась в 152 выпуске Photoshop Creative. Подпишитесь здесь .

Статьи по теме:

Создание простого трехмерного текста в Photoshop

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

В этом уроке Photoshop по текстовым эффектам мы узнаем, как создать простой трехмерный текст:

Последний эффект трехмерного текста.

Приступим!

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

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

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

Создайте новый документ Photoshop, используя диалоговое окно «Новый документ».

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

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

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

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

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

.

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

Шаг 4. Выберите цвет текста

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

Измените цвет текста, щелкнув образец цвета на панели параметров.

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

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

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

Шаг 5. Добавьте текст в документ

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

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

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

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

Если мы посмотрим на нашу палитру слоев, мы увидим, что Photoshop удобно разместил наш текст на своем собственном слое над фоновым слоем.Это то, что позволит нам работать с текстом независимо от белого фона за ним:

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

Шаг 6. При необходимости измените размер шрифта

Если вы обнаружите, что текст слишком маленький (или слишком большой), мы можем легко исправить это с помощью команды Photoshop Free Transform . Во-первых, убедитесь, что ваш текстовый слой выбран в палитре слоев (выбранные слои выделены синим цветом). Затем перейдите в меню Edit вверху экрана и выберите Free Transform .Вы также можете выбрать команду «Свободное преобразование» с помощью сочетания клавиш Ctrl + T (Win) / Command + T (Mac):

Выберите «Свободное преобразование» в меню «Правка».

Вы увидите поле «Свободное преобразование», а вокруг текста в документе появятся маркеры. Чтобы изменить размер текста, удерживайте нажатой клавишу Shift , затем щелкните любой из угловых маркеров (маленькие квадраты) и перетащите угол внутрь, чтобы сделать текст меньше, или наружу, чтобы сделать его больше.Удерживание клавиши Shift при перетаскивании ограничивает соотношение сторон, чтобы вы случайно не исказили форму текста при изменении его размера. Я собираюсь немного увеличить текст, перетащив ручку в правом нижнем углу наружу. Вы также можете переместить текст, если вам нужно, щелкнув в любом месте внутри поля Free Transform и перетащив текст в новое место внутри документа:

Измените размер и переместите текст по мере необходимости с помощью Free Transform.

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменение и выйти из команды Free Transform.

Шаг 7. Преобразование текста в форму

Чтобы создать наш 3D-эффект, нам нужно изменить перспективу нашего текста. Но есть только одна проблема. Photoshop не позволяет нам изменять перспективу текста (видите, как это может быть проблемой?). Чтобы показать вам, что я имею в виду, убедитесь, что у вас все еще выделен текстовый слой, затем перейдите в меню Edit вверху экрана и выберите Transform из списка. Появится вторичное меню, показывающее все различные способы преобразования содержимого текущего выбранного слоя.Обратите внимание, как параметры Distort и Perspective неактивны? Это означает, что они в настоящее время недоступны для нас, и это потому, что Photoshop не может выполнять ни один из этих двух типов преобразований текста.

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

Не снимая выделения с текстового слоя, перейдите в меню Layer вверху экрана, выберите Type , а затем выберите Convert to Shape :

Перейдите в Layer> Type> Convert to Shape.

Если мы посмотрим на палитру «Слои», то увидим, что текстовый слой теперь выглядит совершенно по-другому, и это потому, что это больше не текстовый слой.Photoshop преобразовал его в слой-фигуру, что означает, что теперь мы можем применить к нему преобразование перспективы и создать эффект 3D-текста:

Текстовый слой преобразован в слой-фигуру.

Шаг 8: Измените перспективу

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

Перейдите в меню «Правка»> «Трансформировать контур»> «Перспектива».

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

Щелкните ручку в правом нижнем углу и потяните вниз.

Когда вас устраивает сдвиг перспективы, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование. Теперь ваш текст должен выглядеть примерно так:

Теперь текст отображается в трехмерной перспективе.

Шаг 9: Создайте несколько копий слоя формы, каждая из которых смещена немного вправо

Следующий шаг — самое интересное.Мы собираемся очень быстро создать несколько копий нашего слоя с фигурой, каждая из которых будет перемещена на один пиксель вправо от предыдущей. Это придаст глубине нашим буквам. Сначала выберите Move Too l на палитре инструментов или просто нажмите на клавиатуре букву V , чтобы выбрать его с помощью ярлыка. Этот трюк работает только с выбранным инструментом «Перемещение»:

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

Выбрав инструмент «Перемещение» и слой-фигуру, выбранный в палитре «Слои», удерживайте нажатой клавишу Alt (Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на клавиатуре.Затем нажмите еще раз. Тогда снова. И опять. Обратите внимание на то, что происходит? Каждый раз, когда вы нажимаете клавишу со стрелкой вправо с зажатой клавишей Alt / Option, вы создаете новую копию слоя-фигуры и перемещаете новую копию на один пиксель вправо. Удерживая нажатой клавишу Alt / Option, Photoshop каждый раз создает новую копию формы, а не просто перемещает существующую форму. Чем чаще вы нажимаете клавишу со стрелкой вправо, тем больше копий слоя вы создаете и тем большую глубину мы придаем нашим буквам.

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

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите клавишу «Стрелка вправо» несколько раз, чтобы задать глубину букв.

Шаг 10: переместите слой с исходной фигурой в верхнюю часть стопки слоев на палитре слоев

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

Нам нужно переместить исходный слой на самый верх стопки, и есть простой способ сделать это. Сначала щелкните исходный слой в палитре слоев, чтобы выбрать его. Затем нажмите Ctrl + Shift +] (Win) / Command + Shift +] (Mac). Это правая скобка («]»), если вам интересно. Этот удобный ярлык мгновенно переместит текущий выбранный слой прямо на верх стека слоев:

Исходный слой-фигура теперь отображается над другими слоями в палитре «Слои».

Шаг 11. Объедините все копии вместе

Теперь, когда наш исходный слой находится на самом верху стека слоев, нам нужно объединить все эти копии слоя-фигуры в один слой. Щелкните слой непосредственно под исходным слоем в палитре слоев (другими словами, второй слой сверху). Затем используйте полосу прокрутки справа от палитры «Слои», чтобы прокрутить вниз до слоя, расположенного непосредственно над фоновым слоем. Не просто щелкайте по нему, чтобы выбрать его, потому что это отменит выбор слоя, который вы только что выбрали вверху.Вместо этого, удерживая нажатой клавишу Shift на клавиатуре и , затем щелкните слой, чтобы выбрать его. Это выберет оба слоя одновременно, а также все слои между ними. Все эти слои будут выделены синим цветом в палитре слоев.

Теперь, когда все наши скопированные слои выделены, перейдите в меню Layer вверху экрана и выберите Merge Layers внизу в нижней части списка. Или для более быстрого способа нажмите сочетание клавиш Ctrl + E (Win) / Command + E (Mac):

Перейдите в Layer> Merge Layers.

Photoshop объединит все выбранные слои в один слой. Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас всего три слоя. Фоновый слой находится внизу, исходный слой формы — вверху, а между ними находится наш недавно объединенный слой:

Все копии слоя-фигуры были объединены в один слой.

Шаг 12. Добавьте градиент от черного к белому к объединенному слою

Чтобы придать нашим буквам по-настоящему трехмерный вид, давайте завершим все, добавив простой световой эффект.Или, по крайней мере, то, что выглядит как световой эффект. Щелкните объединенный слой в палитре слоев, чтобы выбрать его, если он еще не выбран. Затем щелкните значок Layer Styles внизу палитры слоев. Появится список всех доступных стилей слоя. Щелкните Gradient Overlay , чтобы выбрать его:

Выберите стиль слоя «Наложение градиента» в нижней части палитры «Слои».

Это вызовет диалоговое окно Photoshop Layer Style , в котором в среднем столбце установлены параметры Gradient Overlay.Мы хотим использовать градиент от черного к белому для нашего эффекта искусственного освещения. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран какой-либо другой градиент, щелкните область предварительного просмотра градиента посередине параметров:

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

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

Выберите черный, белый градиент.

Вернувшись к основным параметрам наложения градиента, вы увидите область предварительного просмотра градиента, в которой теперь отображается градиент от черного к белому (если это еще не было).Ниже приведены несколько важных опций. Убедитесь, что для параметра Style установлено значение Linear , а для градиента Angle установлено значение 90 ° :

Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для параметра «Угол» установлено значение 90 °.

Нажмите OK , когда вы закончите, чтобы выйти из диалогового окна Layer Style, и все готово! Photoshop применяет градиент от черного к белому к объединенному слою, создавая эффект тени на буквах и завершая наш простой эффект трехмерного текста:

Последний эффект трехмерного текста.

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

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

5 способов создания «мягких световых эффектов» в Daz Studio и Photoshop

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

В этом уроке мы сосредоточимся на смягчающих эффектах, которые мы получаем от камеры, освещения и атмосферы. Мы достигаем этих эффектов частично в Daz Studio и частично в Photoshop. Мы будем использовать композицию ниже, чтобы проиллюстрировать различные эффекты. Фоном является Sacelleum of Corlyk, волосы — Sapphire Hair, а наряд — Novariens Holy для V4.

5 способов создания «мягких световых эффектов» в Daz Studio и Photoshop

1. Глубина резкости

Один из самых простых способов смягчить изображение в Daz Studio — добавить эффекты глубины резкости.Это эффект камеры, который сохраняет резкими объекты в фокусе и размывает все остальное в зависимости от расстояния. Например, на изображении ниже у нас включена глубина резкости камеры с параметром F / Stop , установленным на 32. Мы устанавливаем точку фокусировки камеры между глазами нашей фигуры. Обратите внимание, что на основе этих настроек наша фигура резкая, в то время как фоновые элементы размыты.

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

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

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

Один очень простой способ правильно установить глубину резкости камеры в Daz Studio — использовать инструмент кадрирования. В этом отличном руководстве от Flipmode рассказывается, как это можно сделать.

Обратите внимание, что для получения более точных эффектов глубины резкости я добавляю нулевую точку в свою сцену ( Create> New Null ), создаю родительскую точку для головы моей фигуры и помещаю ее прямо между глазами фигуры. Затем я могу использовать эту нулевую точку в качестве точки кадрирования камеры.

2. Сетчатые светильники

Другой способ смягчить освещение — использовать сеточные светильники вместо прожекторов. Вот быстрый и простой способ превратить прожектор Daz Studio в сетчатый свет.

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

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

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

3. Объемное освещение

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

Объемное освещение — это метод, используемый в трехмерной компьютерной графике для добавления световых эффектов к визуализированной сцене. Это позволяет зрителю видеть лучи света, проходящие сквозь окружающую среду; солнечные лучи, текущие через открытое окно, — это пример объемного освещения, также известного как сумеречные лучи.
~~ [Википедия]

Фэнтези-арт «Падший ангел» с объемным светом, визуализированным с помощью камер атмосферных эффектов AoA для DAZ Studio. 3D-рендеринг.

В 3Delight я могу получить объемные световые эффекты, используя камеры атмосферных эффектов Age of Armour для DAZ Studio. Объёмная камера Volumetric Camera в этом пакете позволяет мне выбирать источники света для визуализации атмосферных эффектов. Это просто в использовании, быстро, и мне нравятся результаты, которые я получаю. На изображении выше используется камера AoA для визуализации луча света (от прожектора), падающего на падшего ангела.В комплекте также есть противотуманная камера , которая полезна для добавления атмосферы к нашим изображениям. Обратите внимание, что эти камеры AoA работают только в 3Delight.

В Daz Studio Iray я получаю объемные световые эффекты с помощью AtmoCam для Iray от Marshian. Поскольку Iray является физически основанным средством визуализации, нам нужно фактически смоделировать наш объем воздуха с помощью эффектов рассеяния. Пакет Marshian поставляется с большой объемной опорой, которую мы используем для инкапсуляции нашей сцены, а также набором материалов для получения различных эффектов рассеивания и цветов.Хотя это упрощает для нас часть настройки объемного света, его не так просто использовать, как атмосферные камеры AoA (только в 3Delight) .

Белый ангел, темные щупальца, фэнтези-арт. Выполнено в Daz Studio Iray с использованием AtmoCam Маршиана для Iray.

Некоторые вещи, о которых следует помнить при настройке AtmoCam Маршиана —

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

О чем следует помнить при настройке AtmoCam Маршиана.

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

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

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

На рендеринг объемных источников света, основанных на физике, может потребоваться много времени, поэтому я обычно останавливаю его перед полным схождением. Затем я могу удалить большую часть шума в Photoshop, выполнив Filter> Noise> Despeckle. Я повторяю эту операцию, пока не получу желаемый результат.

Более дешевый, но менее точный способ получения световых лучей в Daz Studio — использование реквизита, например реквизита Simple Godrays для 3Delight или реквизита Expanded Godrays Iray для Iray. Они будут отображаться быстрее, но поскольку они всего лишь реквизиты, образцы света и тени могут не соответствовать реалистичным объектам в сцене.

Еще один способ добавить световые лучи или туман в наши изображения — это сделать это в постобработке, например, с помощью кистей Photoshop.Однако нам нужно будет убедиться, что наши добавленные 2D-лучи света правильно совпадают с 3D-освещением в нашей сцене, что может быть проблемой.

Вот почему мой предпочтительный метод добавления объемных световых эффектов в Daz Studio — визуализировать его либо через камеру AoA (3Delight), либо через AtmoCam Маршиана (Iray). Это даст нам реалистичный свет и тени в соответствии с нашей сценой.

Я предпочитаю добавлять эффекты световых лучей в Iray с помощью объемной опоры, например, с AtmoCam для Iray.

4. Свечение

Я добавляю свечение своим изображениям в Photoshop. В этом более раннем руководстве дается подробное объяснение того, как я добавляю и контролирую уровень свечения в изображениях Daz Studio.

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

Мы также можем получить эффекты свечения от рендерера Daz Studio Iray, включив Bloom Filter.

Для этого

Как включить фильтр Блума в Daz Studio Iray, чтобы получить эффекты свечения.

1. Перейдите в Настройки рендеринга> Редактор> Фильтрация.
2. Нажмите Включить фильтр Блума. Это откроет больше возможностей для контроля силы и площади цветения.

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

5. Мягкий свет и размытие по Гауссу

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

Как смягчить изображение с помощью Soft Light и Gaussian Blur в Photoshop.

1. Создайте составной снимок текущего изображения, выполнив Ctrl + Shift + Alt + E в Photoshop. Это создаст объединенное изображение всех наших текущих видимых слоев.
2. Выберите наш объединенный слой и измените режим наложения на Soft Light.
3. Перейдите в Фильтр> Размытие> Размытие по Гауссу. Я обычно устанавливаю радиус размытия 80 во всплывающем окне. Однако это будет зависеть от размера изображения и личных предпочтений.Поиграйте с этим значением, пока не найдете то, что вам нравится.
4. Чтобы еще больше усилить смягчающий эффект этого слоя, мы можем изменить наш режим наложения на Overlay.
5. Наконец, мы точно настраиваем силу нашего смягчающего эффекта, изменяя непрозрачность нашего объединенного слоя.

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

На изображении справа для нашего объединенного слоя установлен режим наложения Overlay, радиус размытия по Гауссу — 50 и непрозрачность — 100%.

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

Unicorn Princess Fantasy Art с очень мягкими световыми эффектами.

Статьи по теме

Освещение Daz Studio — от новичка до настоящего момента

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

Как создать тень в Photoshop (простой шаг за шагом)

Как создать тень в Photoshop (простой шаг за шагом) Вопросы по фотографии Обработка в Photoshop Саймон Бонд Дженн Мишра

Подпишитесь ниже, чтобы сразу загрузить статью

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

Добавление теней к фотографии жизненно важно для заземления объекта в сцене при создании составного изображения.

В этой статье вы увидите, как создать тень в Adobe Photoshop. Как на белом фоне, так и на естественном ландшафте.

Давайте начнем с этого простого урока Photoshop.

Фото Льюиса Берроуза из Pexels

[ Примечание: ExpertPhotography поддерживается читателями. Ссылки на продукты на ExpertPhotography являются реферальными. Если вы воспользуетесь одним из них и что-то купите, мы заработаем немного денег. Нужна дополнительная информация? Посмотрите, как это все работает. ]

Как добавить тени на белый фон

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

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

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

Красная ваза на белом фоне

Создание тени

Первый шаг — создать тень. Это довольно простая задача.

1. Вырежьте ваш объект из другого изображения. Это должно быть проще, если у вас есть фотография продукта, уже сделанная на белом фоне. Используйте инструмент выбора объекта (сочетание клавиш W), чтобы упростить выделение.
2. Импортируйте изображение в пустой документ Photoshop. В этом документе Photoshop вам понадобится новый фоновый слой белого цвета и слой для размещения вашего объекта.
3. В слое с вашим объектом нажмите «Эффекты слоя». Найдите это в нижней части окна слоев.Там написано «fx». Выберите вариант создания тени. Теперь вы можете управлять эффектом. Вы можете изменить цвет тени (по умолчанию — черный), а также прозрачность, угол, размер и расстояние.

Фотография продукта: красная ваза с сильной тенью.

Вот настройки в диалоговом окне «Эффекты слоя».

Скриншот диалогового окна отбрасывания тени.

Тень нужно растянуть, чтобы она выглядела более реалистичной.

Сделайте тень реалистичной

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

1. На слое, содержащем вашу тень. Щелкните правой кнопкой мыши появившийся символ fx. Выберите «Создать слой». Должен появиться новый слой, содержащий только тень.
2. Теперь вам нужно изменить направление тени. В раскрывающемся меню выберите Edit> Transform> Skew . Используйте две верхние опорные точки, чтобы растянуть тень.В этом примере я перетащу тень вправо. Вы можете настроить, насколько сильно тень должна исходить сбоку. В этом случае я буду тянуть примерно до 45 градусов.
3. Тень теперь очень длинная, так что вы также можете отрегулировать ее. Перейдите в Edit> Transform> Scale . Теперь вы можете изменить длину тени, перетащив верхний якорь вверх или вниз. В этом случае длина тени была сокращена.
4. Наконец, вам нужно деформировать тень, чтобы она по-прежнему соответствовала объекту, который ее отбрасывает.Вам нужно убедиться, что основание тени все еще соприкасается с основанием объекта. Выберите Edit> Transform> Warp. Перетащите опорные точки, чтобы убедиться, что тень находится в правильном положении.

Окончательное изображение показывает градацию тени.

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

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

1. Выберите слой с тенью и перейдите в Слой > Дублировать слой (Ctrl или ⌘J).Теперь у вас есть копия.
2. Щелкните первый слой тени. Введите 90% в поле «Заливка» в верхней части окна слоев. Это самая темная часть вашей тени. Теперь щелкните копию слоя и введите 40% в поле «Заливка». Это ваша светлая тень. Снимите выделение со значка глаза слева от слоев, чтобы увидеть изменение силы теней.
3. Теперь настройте резкость тени. Чем дальше от объекта он становится, тем более рассеянным он должен быть. Для этого вам нужно добавить размытие по Гауссу.Щелкните слой с легкой тенью. Перейдите в Filters> Blur> Gaussian Blur. В диалоговом окне установите радиус в пикселях около 25. Щелкните по темной тени и добавьте примерно 5 пикселей размытия. Вы можете сделать тень более резкой или более рассеянной, настроив радиус пикселя по своему вкусу.
4. Последняя задача — применить градацию, чтобы ваша тень плавно переходила от темной к светлой. Сначала примените маску белого слоя к темной тени. Вы можете сделать это, щелкнув инструмент Layer Mask в нижней части окна слоев.Это похоже на прямоугольник с кругом внутри. Или вы можете выбрать Layer> Layer Mask> Reveal All .
5. Теперь выберите инструмент градиента в левом меню. Убедитесь, что фон установлен на белый цвет, а передний план — на черный. Выберите точку на полпути сквозь тень и перетащите градацию назад через объект, отбрасывающий тень. Более темная часть тени должна быть ближе к объекту. Чем более градуированной вы хотите тень, тем длиннее должна быть линия.Скопируйте маску слоя на слой светлых теней, нажав клавишу выбора и перетащив маску слоя. Инвертируйте копию маски слоя, выбрав Image> Adjustments> Invert (Ctrl или I).

Готово! Ваша тень должна выглядеть естественно — как если бы она была всегда.

Как добавить тени к пейзажной сцене

Ищите источник света

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

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

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

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

Вставьте объект в сцену

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

1. Создайте новый слой в Photoshop и затем вставьте объект или человека в сцену.
2. Измените размер объекта по размеру сцены. Для этого перейдите в Edit> Free Transform (Ctrl или ⌘T) . Теперь перетащите точки привязки, чтобы настроить размер объекта. Удерживайте клавишу Shift, чтобы все было пропорционально. В моем примере я использовал забор как ориентир для роста модели.
3. Используя инструмент перемещения, поместите объект или человека в сцену.

Совместите размер с другими объектами на фотографии.

Придайте форму своей тени

1. На слое с вашим объектом добавьте эффект тени (значок fx). Измените цвет, непрозрачность, угол, размер и расстояние тени, чтобы они имели смысл на вашем изображении.Если у вас есть изображение с существующими тенями, сопоставьте их цвет при создании новой. Используйте для этого пипетку.
2. Щелкните правой кнопкой мыши символ fx, который теперь появился на вашем слое, и выберите «Создать слой». Должен появиться новый слой, содержащий только тень.
3. Используйте описанные выше инструменты преобразования (наклон, масштаб и деформацию), чтобы настроить тень, чтобы она имела смысл в изображении. На этот раз я хотел вывести тень вперед, так как основной источник света исходит из-за бамбукового леса.На этой фотографии я удерживаю тень в кадре и слегка сдвигаю ее влево. Возьмитесь за верхний якорь и перетащите его вперед, а затем удлините тень по своему вкусу. Возможно, вам снова понадобится использовать функцию деформации в преобразовании, чтобы убедиться, что тень все еще связана с моделью.
4. Если источник света находится за объектом, вы можете сначала отразить тень по вертикали, перейдя в Edit> Transform> Flip Vertical.

Создайте свою тень и разместите ее на фотографии.

Смягчите тень

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

Ключевое отличие здесь в том, что на этой фотографии тень будет более размытой. В диалоговом окне «Размытие по Гауссу» для более темной тени радиус пикселей установлен на 25, а для более светлой тени — на 50.

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

Заключение

Добавить эффект слоя «Тень» в Photoshop очень просто. Хитрость заключается в том, чтобы настроить эффект, чтобы он выглядел естественно.

Есть три основных этапа:

• Добавьте новый слой с эффектом слоя.
• Отрегулируйте размер и форму слоя, чтобы сделать тень более реалистичной.
• Используйте инструмент «Градиент», чтобы растушевать тень.

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

Вы ищете больше отличных советов по Photoshop? Почему бы не ознакомиться с нашим новым постом об использовании Photoshop warp tool next! Чтобы узнать все, что вам нужно знать о Lightroom, попробуйте наш курс «Легкое редактирование»!

Об авторах

Дженн Мишра

Дженн Мишра — арт-путешественник и фотограф-пейзажист из Санкт-Петербурга.Район метро Луи. Дженн — активный преподаватель фотографии, ее приглашали выступать на таких конференциях, как Out of Chicago. Ее фотографии были представлены на нескольких персональных выставках. Ее студия — Wits End Photography. Вы можете увидеть больше фотографий Дженн на сайте www.jennifermishra.com или посетить ее Instagram @jennatwitsend

. Еще от: Jenn Mishra>

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

26 уроков по манипуляциям в Photoshop в стиле фэнтези и научной фантастики

Уроки

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

Уроки

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

1. Photoshop для создания дезинтегрирующих человеческих эффектов

Ссылка на учебник: Как создать дезинтегрирующие человеческие эффекты в Photoshop

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

2. Photoshop для создания абстрактного научно-фантастического эффекта

Ссылка на учебник: Создание абстрактной научно-фантастической сцены с помощью Photoshop

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

3.Adobe Photoshop для создания фантастического научно-фантастического портрета с фотоманипуляцией

Ссылка на учебное пособие: Как создать фантастический научно-фантастический портрет с портретной манипуляцией в Adobe Photoshop

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

4. Adobe Photoshop для создания эффекта резинового штампа

Ссылка на руководство: Как создать эффект резинового штампа в Adobe Photoshop

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

5. Photoshop для создания эффекта акварели

Ссылка на учебное пособие: Краткое резюме — реалистичный эффект рисования в Photoshop

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

6. Урок Photoshop для создания фантазийной комнаты, заполненной водой

Ссылка на учебное пособие: Учебное пособие по работе с Photoshop для комнаты, заполненной водой

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

7. Создание замороженного портрета в Photoshop

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

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

8. Photoshop для создания манипулируемой фотографии «Кубок фантазии»

Ссылка на учебник: Cup Fantasy — Digital Art

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

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

Ссылка на учебник: Создайте сказочную фотографию эмоциональной девушки с драматическим освещением в Photoshop

10.Учебное пособие по Photoshop для создания настоящего эффекта краски

Ссылка на руководство: Эффект реалистичной окраски с использованием Photoshop

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

11. Учебное пособие по Photoshop для создания настоящего искусства портала

Ссылка на учебное пособие: Как создать реалистичное искусство портала в Photoshop Учебное пособие

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

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

Ссылка на учебное пособие: Как создать удивительный световой эффект и трогательные манипуляции в Photoshop. Учебное пособие

Этот урок Photoshop учит драматическому эффекту света и прикосновения.

13. Учебное пособие по Adobe Photoshop для создания текстового эффекта в стиле стимпанк

Ссылка на руководство: Как создать текстовый эффект в стиле стимпанк в Adobe Photoshop

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

14. Photoshop для создания иллюзорного цифрового искусства через атаку океанского монстра

Ссылка на учебник: Создание сюрреалистического цифрового искусства атаки океанского монстра в Photoshop

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

15. Adobe Photoshop и Illustrator для создания ночного неба с облаками

Ссылка на руководство: Как создать ночное небо с облаками с помощью Adobe Illustrator и Photoshop

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

16. Уроки Photoshop для создания портретного эффекта для цифровой живописи

Ссылка на учебное пособие: Как создать эффект портрета в цифровой живописи в Photoshop Учебное пособие

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

17. Учебники по созданию реального водяного куба

Ссылка на учебник: Как создать реалистичный водный куб в Photoshop

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

18. Учебное пособие по Photoshop для обучения световым эффектам

Ссылка на учебное пособие: Учебное пособие по работе с Photoshop — Добавление световых эффектов в Photoshop

Изучите техники добавления световых эффектов; это может включать изменение фонового эффекта или создание эффекта дождя в Photoshop.

19. Создание комбинированного манипулирования сценой день / ночь в Photoshop

Ссылка на учебное пособие: Как создать манипуляции с фотографиями день / ночь в Photoshop

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

20.Создание великолепной фотоманипуляции: луна между рогами оленя

Ссылка на учебник: Deer Of Moon — Учебное пособие по работе с Photoshop

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

21. Photoshop для создания эффекта ретро

Ссылка на руководство: Простые 5 шагов для создания ретро-эффекта в Photoshop

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

22. Создание удивительного фото ангела в Photoshop

Ссылка на учебник: Как создать красивую фотографию ангела с помощью манипуляций в Photoshop

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

23.Уроки Photoshop для превращения безвкусных и размытых изображений в интересные и красочные

Ссылка на учебник: Как преобразовать тусклые, размытые изображения в яркие и красочные изображения в Photoshop

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

24. Учебники по созданию старого дома с захватывающей сценой восхода солнца.

Ссылка на учебник: Создание красивой сцены восхода солнца со старым домом

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

25. Создание эффекта диффузии пепла и углей в Adobe Photoshop

Ссылка на учебное пособие: Как создать действие рассеивания пепла и углей в Adobe Photoshop

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

26. Создание комиксов и эффекта поп-арта

Ссылка на руководство: Как сделать комикс, поп-арт, мультфильм из фотографии в Photoshop

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

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

Как редактировать видео в Photoshop CC и CS6

Скриншот Lexy Savvides / CNET

Знаете ли вы, что вы можете редактировать видео в программе редактирования изображений Adobe? Нет необходимости изучать все тонкости Premiere или Final Cut, когда Photoshop отлично справляется с некоторыми простыми изменениями и преобразованиями.

Редактирование видео было неотъемлемой частью Photoshop со времен CS3 Extended. Если вы используете более старую версию Photoshop, вот наше руководство о том, как вырезать видео с помощью CS5 Extended.

Photoshop CC и CS6 в основном одинаковы, когда речь идет о функциях видео. Photoshop может читать следующие основные форматы файлов и другие:

• .264

• AVI

• MPEG-4

• MOV (QuickTime)

• MTS

полный список ATS
поддерживаемые форматы файлов доступны на этой странице поддержки Adobe.

Начало работы

Откройте Photoshop и перейдите в меню «Окно». Убедитесь, что выбрана временная шкала, после чего появится панель инструментов видео в нижней части экрана. В качестве альтернативы перейдите в «Окно»> «Рабочая область»> «Движение», чтобы открыть весь набор элементов управления видео.

Теперь пора импортировать видео файл. Либо перетащите поддерживаемое видео в главное окно Photoshop, либо щелкните значок киноленты на шкале времени и выберите «Добавить мультимедиа».

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

Скриншот Lexy Savvides / CNET

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

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

Выберите правильное имя слоя и затем выберите «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект».

Фиолетовый клип означает, что слой был преобразован в смарт-объект. Скриншот Lexy Savvides / CNET

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

Внесение правок

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

В зависимости от комбинации камеры и объектива, используемой для съемки видео, вы можете применить фильтр коррекции объектива. Photoshop может автоматически определять, какой камерой было снято видео. Перейдите в Фильтр> Коррекция объектива, и Photoshop должен автоматически определить камеру.

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

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

Добавьте в это окно некоторые пользовательские корректировки объектива. Скриншот Lexy Savvides / CNET

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

Палитра настроек. Скриншот Lexy Savvides / CNET

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

Некоторые базовые фильтры будут доступны через палитру корректирующих слоев в рабочей области.

Доступные параметры: черно-белый, фотофильтр, кривые, экспозиция и регулировка яркости / контрастности.

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

Переключите настройки кривых, экспозиции и других параметров на палитре слоев (справа), чтобы увидеть эффект «До» и «После». Скриншот Lexy Savvides / CNET

Переходы

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

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

Список простых переходов, доступных в Photoshop CC. Скриншот Lexy Savvides / CNET

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

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

Текст и объекты

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

Скриншот Lexy Savvides / CNET

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

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

На своем веб-сайте Adobe есть подробная информация о работе с более сложным движением.

Экспорт

Когда ваш шедевр будет готов к работе, перейдите в меню «Файл»> «Экспорт»> «Визуализировать видео». Внесите любые изменения в Тип выходного файла или выберите одну из множества предустановок Adobe, чтобы создать короткометражный фильм для YouTube или Vimeo. Убедитесь, что выбран «Adobe Media Encoder», а не «Photoshop Image Sequence», иначе вы получите серию неподвижных изображений JPEG, а не видео.

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

.