Товаров: 0 (0р.)

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

Содержание

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

Объемный текст в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Простой 3D текст в Фотошоп

Из этого урока вы узнаете, как без особого труда создать 3D текст.

Шаг 1. Для начала откройте Фотошоп и создайте новый документ (Ctrl + N), установив размеры 10х10 дюймов и разрешение 300 пикс/дюйм.

Шаг 2. Разблокируйте фоновый слой, дважды кликнув по нему. Измените цвет на #333333, перейдите в меню Edit > Fill (Редактирование – Выполнить заливку) и в открывшемся окне в параметре «Использовать» выберите «Основной цвет».

Шаг 3. На панели инструментов перейдите к инструменту Horizontal Type Tool (T) (Горизонтальный текст) и установите следующие параметры: шрифт Myriad Pro Black, цвет #FFCC00. Теперь напишите слова SIX размером 286пт и Revisions размером 83пт. Настройки для текста вы можете выбрать на свое усмотрение, обязательно выбирайте жирный шрифт, в противном случае желаемый эффект не получится.

Шаг 4. Растрируйте текстовый слой, для этого нажмите по слою с текстом правой кнопкой мыши и из меню выберите команду Rasterize Type (Растрировать текст). Обратите внимание, что после растрирования, текст редактироваться не будет.

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

Шаг 6. Теперь к текстовому слою нужно применить некоторые эффекты. Для этого нажмите на значок Add a Layer Style (Добавить стиль слоя) внизу панели слоев и из списка выберите следующие стили:

Bevel and Emboss (Тиснение): цвет для подсветки #FFCC66, цвет для тени #DFA125. Остальные настройки смотрите ниже.

Satin (Глянец): цвет для эффекта #F3881F.

Gradient Overlay (Наложение градиента): в редакторе градиентов установите цвета слева #F7F3A7, справа #F3881F, остальные настройки смотрите ниже.

Шаг 7. На данном этапе мы приступим к созданию 3D эффекта. Для начала продублируйте (Ctrl + J) слой с текстом, у дублированного слоя удалите все примененные стили. Теперь измените цвет текста, для этого перейдите во вкладку Image > Adjustment > Curves (Изображение – Коррекция – Кривые) или нажмите (Ctrl + M) и изогните кривую, как показано ниже.

Цвет текста стал темнее. При помощи коррекции Hue/Saturation (Цветовой тон/Насыщенность) (Ctrl + U) немного снизьте насыщенность цвета.

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

Шаг 9. Объедините (Ctrl + E) все слои с темными буквами и примените к полученному слою стиль Gradient Overlay (Наложение градиента), предварительно установив для градиента черный и белый цвета.

Шаг 10. Нам осталось добавить тень от букв. Продублируйте слой с темными буквами и к копии примените фильтр Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) со значением радиуса 8 пикселей. После этого откройте окно кривых Ctrl + M и подкорректируйте кривую, чтобы затемнить тень. Настройки для кривых и для размытия смотрите на изображении ниже.

Шаг 11. При сильном увеличении букв можно увидеть, что боковые грани не совсем ровные. Чтобы это исправить, необходимо выделить неровную область инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо), а затем нажать Delete (Удалить). Таким образом, вы удалите все неровные области боковых граней.

Шаг 12. В этом шаге мы добавим еще тени. В нашем случае источник освещения расположен вверху слева, соответственно тени расположенные внизу справа должны быть темнее. Выберите инструмент Born Tool (O) (Затемнитель) и затемните те участки, где это необходимо. Но для начала инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо) создайте выделения в областях граней букв для получения резкого перехода между ними. Повторите те же действия для каждой буквы.

В панели параметров инструмента Born Tool (O) (Затемнитель) измените следующие настройки: диапазон – Highlights (Подсветка), Exposure (Экспонир) 50%, размер кисти 125 пикселей, жесткость 0%.

Так же добавьте тени в тех местах, где они падают с буквы на букву.

Шаг 13. При помощи инструмента Dodge Tool (O) (Осветлитель) добавьте блики. Используйте те же настройки, что и для затемнителя.

Блестящий объёмный 3D текст в Photoshop CC

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

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

ШАГ ПЕРВЫЙ: Для работы нам потребуется какой-либо округлый толстый шрифт, я воспользовался шрифтом Bell Bottom, скачать который Вы можете здесь. Как установить шрифт в Photoshop, рассказано здесь.

Создайте новый документ размером 1200 на 640 пикселей. Залейте фон не очень тёмным цветом, я воспользовался сине-голубым радиальным градиентом, возьмите инструмент “Текст” (Type Tool) и введите какое-нибудь слово, я написал слово “PLAY” высотой 300 пикселей. Кроме того, для получения лучшего эффекта, я рекомендую увеличить межбуквенное расстояние:

ШАГ ВТОРОЙ: Давайте теперь преобразуем текст в 3D-объект. В панели слоёв на данный момент должен быть активным слой с текстом! Идём по вкладке главного меню 3D –> Новая 3D экструзия из выделенного слоя (3D –> New 3D Extrusion from Selected Layer). Откроется окно с предложением включить 3D-рабочую среду, нажмите ОК. Если такое окошко не открылось, переключитесь на 3D-среду самостоятельно, подробнее об управлении рабочими средами 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 плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

Объемные буквы в Фотошопе: как сделать

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

Создаем объемные буквы в Фотошопе

  1. Перед началом создания объемных букв напишем исходный текст, который в дальнейшем будет преобразован в надпись в формате 3D. Для этого воспользуемся инструментом “Горизонтальный текст”.
  2. Получаем слой с надписью. Теперь можно приступать к выполнению следующих шагов.
  3. Далее производим над текстовым слоем операции, непосредственно предшествующие процессу создания объемных букв. Открываем окно, содержащее настройки стиля текстового слоя, кликнув по нему два раза левой кнопкой мыши. Выбираем в левой части пункт “Наложение цвета” и подбираем подходящий оттенок, например, ярко-желтый. Буквы будут окрашены в выбранный цвет.
  4. Теперь начинаем придавать буквам начальный объем при помощи инструмента “Тиснение”, которое также находится в настройках стиля слоя. Настраиваем параметры выпуклости обрабатываемой надписи, исходя из ее особенностей и личных предпочтений. Основной момент – не переусердствовать с максимальными значениями параметров – в противном случае надпись получится искаженной или неестественной.
  5. В предыдущем шаге была получена заготовка, которая станет основанием для формирования объемного текста. Для начала выбираем текущий текстовый слой, используя инструмент “Перемещение”.
  6. Теперь необходимо создать несколько копий текущего слоя, смещая каждый из них вниз и влево, чтобы получить имитацию объемного изображения. Для этого используем сочетание клавиш Ctrl+J (создание копии слоя) и стрелки “вниз” и “влево” (на клавиатуре) для смещения каждого последующего слоя и создания эффекта 3D.
  7. Повторяем шаг 6, пока количество слоев не создаст эффект объемных букв. В рассматриваемом примере для этого понадобилось 7 слоев.
  8. Чтобы надпись получилась более естественной, изменим цветовой оттенок верхнего слоя на более светлый, в сравнении с базовым. Кликаем два раза на верхний слой, и меняем цвет наложения.
  9. И, наконец, можно внести изменения в фон надписи, чтобы сделать эффект объемных букв более выразительным.

Заключение

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

объемный текст в фотошопе

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

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

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

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%) затемняем эти участки. На поверхностях без углов (круглые буквы) просто затемнителем делаем тени чисто интуитивно.

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

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

с уважением, Agor


Не в тему

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


Непременно поделитесь с друзьями!

Объемные цифры фотошоп. Как быстро сделать объёмные красивые буквы в 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-ти, попросил сигарету. Я достал пачку вытащил для него одну. Он вдруг стал говорить – “слушай брат я на безнадеге дай две”. Я достал еще одну и поинтересовался – “это как “на безнадеге”? Пьешь чтоли?”. Он сказал – “слушай ну вообще на безнадеге, надо идти” – взял сигареты и скрылся. А я вспомнил роман Кинга “Безнадега”.

Как в фотошопе сделать объемное изображение

Как сделать 3D текст в фотошопе — YouTube

Как Сделать Объемное Изображение В Фотошопе

Объемный 3D текст в \

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop …

Как сделать текст в \

Объемный 3D текст в \

Как создать 3D(объемный) логотип в Фотошопе. Урок фотошопа объемный …

Как сделать шар в фотошопе. — Фотошоп — Уроки

Уроки Фотошоп

Блестящий объёмный 3D текст в Photoshop CC

Как в фотошопе сделать объемную открытку 🚩 как сделать объемную …

PhotoShop: Как сделать объемное изображение

Урок моделирования и 3D-печати в Photoshop CS6 | Энциклопедия 3D-печати

Объемные кнопки Фотошоп | как сделать стеклянную кнопку в Photoshop

Объемная кнопка в фотошопе, интересный урок

Эффект ржавого металлического текста в Photoshop

👌 Как сделать объемный текст в Photoshop, увлечения и хобби

❤Уроки фотошопа. Объемный эффект в фотошопе. 3D в фотошопе. Фотошоп …

Уроки 3D Photoshop и фото: Создание 3D текста в Photoshop CS3

PhotoshopSunduchok — Как сделать 3D текст в фотошопе CS6

Блестящий объёмный 3D текст в Photoshop CC

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

Уроки фотошоп. Делаем картинку объемной.

Как, используя свет и тень, оживить текст · «Мир Фотошопа»

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

Объемная кнопка в фотошопе, интересный урок

Почему на MacBook тормозит Photoshop

PhotoshopSunduchok — Как сделать фото объемным в Фотошопе

Уроки Photoshop 3D. Яркий золотой 3D текст в Фотошоп — Adobe …

Уроки Photoshop 3D. Яркий золотой 3D текст в Фотошоп — Adobe …

Основы рисования в Фотошопе, видео уроки рисования для начинающих в …

Объемный 3D текст в \

Как сделать выпуклую блестящую кнопку в фотошопе? | Видеоуроки …

Стеклянная кнопка в Фотошоп.Glass button Photoshop — YouTube

Урок моделирования и 3D-печати в Photoshop CS6 | Энциклопедия 3D-печати

Урок рисования портрета на планшете в Photoshop.

Уроки фотошоп. Делаем картинку объемной.

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

Имитируем объём и глубину 2.0

Как сделать меню для сайта в фотошопе — уроки по фотошопу Photoshop …

Как нарисовать треугольник (PhotoShop)

Делаем прозрачный текст в Photoshop (15/40) — YouTube

Как создать 3D(объемный) логотип в Фотошопе. Урок фотошопа объемный …

Как нарисовать объемного персонажа из плоского логотипа — Турбомилк

Объемный 3D текст в \

Как нарисовать треугольник (PhotoShop)

Лучшие уроки Photoshop по созданию 3D текста

Как создать 3D(объемный) логотип в Фотошопе. Урок фотошопа объемный …

Фотошоп. Эффект \

Лучшие уроки Photoshop по созданию 3D текста

🔴 3D Картина в фотошопе! Легко и быстро + Очень легко. — YouTube

Как сделать обводку текста в Photoshop

Изгибаем, искажаем и деформируем в Photoshop

Как Сделать Объемной Картинку В Фотошопе

Как в фотошопе сделать буквы объемными \u2013 Как в фотошопе сделать …

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

Как сделать сетку в Adobe Photoshop? Создание и заливка паттерном …

Уроки фотошоп. Делаем картинку объемной.

Эффекты с текстом в фотошоп, эффекты с текстом в photoshop,текст в …

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

Видеокурс «Photoshop для чайников, 57 практических уроков …

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

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

Объемный текст, тени, отражения — Уроки Photoshop

Лучи света на фотографии — YouTube

Волшебные коллажи в Adobe Photoshop

Эффекты с текстом в фотошоп, эффекты с текстом в photoshop,текст в …

Как в фотошопе сделать буквы объемными \u2013 Как в фотошопе сделать …

PhotoshopSunduchok — Как сделать фото объемным в фотошопе с помощью …

Как сделать рамку в фотошопе — YouTube

Как сделать 3D фотографию из любого изображения — Лайфхакер

рисование стрелок в фотошоп — YouTube

Как сделать 3D фото в Фотошопе CS5-CS6 — YouTube

Как в Photoshop повернуть картинку в пространстве | IT-Actual.ru

Уроки фотошоп. Делаем картинку объемной.

Яблочко

Макеты логотипов для Photoshop — Тиснение золотом и серебром …

Стили слоя. Как сделать фото объемным (2018) — Ретуширование и …

Прозрачность и полупрозрачность в Photoshop

Как сделать Gif-анимацию с помощью Photoshop? — YouTube

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

Фотошоп: Пишем акварелью по фото — YouTube

Рисуем кнопки для веб-сайта в Фотошоп

Как написать объемные буквы в фотошопе. Объемный текст в фотошопе

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

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

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

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

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


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


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


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

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


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


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

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


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

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


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


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

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


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


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

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

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

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


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


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

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

Когда вы увидели название этого урока то, скорее всего, сказали: «Это невозможно!» Но это не совсем так. Текст, да и любой другой объект в фотошопе можно эструдировать (сместить/вдавить), создав 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» и настройте его так, как показано ниже:

В этом уроке вы узнаете, как создать глянцевый 3D текст в Фотошоп.

Шаг 1. Создаем документ размером 800х1000 пикселей разрешением 300 dpi. Есть три причины, почему мы выбрали такой большой размер документа.
Во-первых, когда вы создаете что-то в Фотошопе и затем импортируете это в какой-либо проект, может понадобится отрегулировать размер изображения, а если исходный материал будет маленьким, то при увеличении он может сильно потерять в качестве.
Во-вторых, при работе с большими изображениями мы можем уделить больше внимания мелким деталям.
В-третьих, мы имеем больше свободного пространства для работы.

Шаг 2. Первое, что мы должны сделать, это создать букву. Я решил использовать шрифт Defeqto с сайта www.dafont.com.
Я буду работать с буквой B, но вы можете использовать любую другую. Мне кажется, что глянцевый эффект будет лучше смотреться именно на таком шрифте.
Кликаем правой кнопкой мышки по букве и выбираем Rasterize Type (Растрировать текст). Это даст нам возможность его отредактировать.

Шаг 3. (в этом шаге мы будем приводить в порядок букву, если это необходимо, конечно. Вы можете пропустить эту часть и сразу перейти к Шагу 6)
Края шрифта немного грубоваты, давайте исправим это. Активируем Elliptical Marquee Tool (Овальное выделение) (M). Удерживая SHIFT, создаем выделение, чтобы оно повторяло форму верхней части буквы. Как видно на рисунке ниже, положение выделения не совсем правильно, поэтому кликаем правой кнопкой мышки по выделению и выбираем Transform Selection (Трансформировать выделение). Регулируем положения, как показано на скриншоте. Затем просто жмем DELETE , чтобы удалить выделенную часть. Благодаря этому, очертания буквы стали плавными, как мы и хотели.

Шаг 4. Также нам необходимо поправить внешние края, для этого создаем выделение как в предыдушем шаге и инвертируем его SHIFT+CTRL+I . Затем берем Eraser Tool (Ластик) (E) с Opacity (Непрозрачность) и Flow (Нажим) на 100%. Стираем лишние края.

Шаг 5. Активируем инструмент Pen Tool (Перо) (P) и создаем плавную кривую на углу буквы, как показано на фигуре 1. Жмем правой кнопкой мышки и выбираем Make Selection (Создать выделение). Убедитесь, что параметр Feather (Растушевка) установлен на 0.2 пикселя. Не оставляйте углы слишком жесткими и не делайте их слишком загругленными. Применяем эти действия к другим частям буквы, которым необходимы коррекция. На фигуре 3 показано,что получилось в итоге.

Шаг 6. Мы подошли к той части урока, в которой будем создавать эффект 3D с неоновым свечением. Переходим Edit — Transform — Free Transform (Редактирование — Трансформация — Свободная трансформация) (CTRL+T). Удерживая SHIFT+ALT+CTRL , тянем за правый угол вниз, чтобы деформировать букву в перспективе (фигура 1). Затем тянем один из боковых узелков к центру, как на фигуре 2.

Шаг 7. Теперь придадим тексту объемности. Берем инструмент Move Tool (Перемещение) (V), активируем слой с буквой, зажимаем клавиши CTRL+ALT и, появившейся двойной стрелкой, передвигаем букву вправо 18 раз, чтобы создать 18 копий. После этого, зажимаем CTRL и выделяем копии 8, 9 и 10, затем объединяем их комбинацией CTRL+E. Называем этот слой «СВЕЧЕНИЕ». Далее применяем к нему (Изображение — Коррекция — Цветовой тон/Насыщенность) (CTRL+U). Устанавливаем параметр Lightness (Яркость) на максимум.

Шаг 8. Затем выделяем копии 11-17 и объединяем их (CTRL+E), называем слой «ПЕРЕДНЯЯ ЧАСТЬ». Теперь выделяем копии 1-7 вместе с оригиналом и также объединяем. Называем слой «ЗАДНЯЯ ЧАСТЬ». Затем выделяем копию 18 и переименовываем ее на «ОФОРМЛЕНИЕ».

Шаг 9. Создаем новый слой «СИЯНИЕ» над слоем «ОФОРМЛЕНИЕ». Затем, зажимаем клавишу ALT и кликаем между этими двумя слоями. В результате, возле слоя «СИЯНИЕ» должна появиться маленькая стрелка направленная вниз, которая означает, что для этого применяется обтравочная маска. Активируем Rectangular Marquee Tool (Прямоугольное выделение) (M), создаем выделение ВСЕЙ буквы и заливаем его белым цветом Edit — Fill (Редактирование — Заливка). Далее берем Elliptical Marquee Tool (Овальное выделение) (M) и выделяем нижнюю часть буквы, как показано на фигуре 2. Жмем клавишу DELETE , чтобы удалить выделенную часть, как показано на фигуре 3. Теперь создадим слой-маску. Вы можете это сделать, кликнув на маленький прямоугольник с окружностью внутри внизу панели слоев Add layer mask (Добавить слой-маску). Активируем маску, кликнув по второму белому прямоугольнику на слое «СИЯНИЕ».

Берем Gradient Tool (Градиент) (G) от черного к белому, линейный, деактивируем опцию Reverse (Перевернуть), если она активна. Проводим градиентом от верха к низу документа и уменьшаем Opacity (Непрозрачность) слоя «СИЯНИЕ» примерно на 50-60%. Убедитесь, что ваша буква выглядит как моя.

Шаг 11. Нам необходимо, чтобы белая линия в центре светилась, но перед этим избавимся от той части слоя, которую мы не видим. Удерживая CTRL , кликаем на миниатюре слоя «ПЕРЕДНЯЯ ЧАСТЬ». Вы должны кликнуть именно на миниатюре, так как нам необходимо загрузить выделение слоя. После этого переходим на слой «СВЕЧЕНИЕ» (просто кликаем по нему) и жмем DELETE. Скройте слои «ПЕРЕДНЯЯ ЧАСТЬ» и «ОФОРМЛЕНИЕ» и вы увидите результат данных манипуляций. Снимаем выделение CTRL+D. Теперь перемещаем слой «СВЕЧЕНИЕ» в самый верх панели слоев. После этого, выделяем слои «ПЕРЕДНЯЯ ЧАСТЬ» и «ЗАДНЯЯ ЧАСТЬ» и объединяем их вместе (CTRL+E). Называем новый слой «ТЕЛО».

Шаг 12. Активируем слой «СВЕЧЕНИЕ» и кликаем на кнопку «fx» внизу панели слоев и выбираем Outer Glow (Внешнее свечение). Я хочу, чтобы свечение было бирюзового цвета. Устаналиваем размер свечения на 6 и цвет 00E1F5.

Шаг 13. Теперь сделаем углы буквы более плавными. Для этого, загружаем выделение слоя «ОФОРМЛЕНИЕ». Переходим Select — Modify — Contract (Выделение — Модификация — Сжать). Вводим 2 пикселя, затем инвертируем выделение SHIFT+CTRL+I. Перед тем, как мы продолжим, убедитесь, что активен слой «СИЯНИЕ». Теперь жмем DELETE, чтобы удалить лишнюю часть.

Шаг 15. Активируем слой «ОФОРМЛЕНИЕ» и кликаем на кнопку «fx» внизу панели слоев. В меню выбираем Inner Glow (Внутреннее свечение).

Шаг 16. Снова кликаем на кнопке «fx» и выбираем Create layers (Создать слои), в выскочившем окошке кликаем OK . Теперь стиль слоя с внутренним свечением находится на отдельном слое. Переименовываем его на «СВЕЧЕНИЕ КРАЕВ». Убедитесь, что ваши слои выглядят также, как и мои.

Шаг 17. Создаем слой-маску для слоя «СВЕЧЕНИЕ КРАЕВ» и жмем CTRL+I , чтобы изменить ее цвет на черный. Убедитесь, что ваша панель слоев выглядит также.

Шаг 18. Берем кисть (B) средней жесткости белого цвета размером около 100 пикселей с Opacity (Непрозрачность) на 100% и Flow (Нажим) на 15%. Убедитесь, что цвета переднего и заднего планов установлены на черный и белый соответственно, если это не так, то нажмите клавишу D . Чтобы быстро сменить цвет с черного на белый, нажмите клавишу X. Кликайте кистью в тех местах, в которых белая окантовка должна быть видна. Можете также поэкспериментировать с параметрами кисти. Делайте это только в тех местах, где есть закругленные края, и совсем немного на жестких, как показано на фигуре ниже. Запомните, что у сияния должен быть источник света, а так как я сделал букву немного развернутой, то свет будет падать с левой стороны. Не делайте все углы светящимися, так как это будет выглядеть нереалистично.

Шаг 19. Теперь мы должны добавить немного отражений. Активируем слой «ОФОРМЛЕНИЕ», переходим File — Place (Файл — Поместить) и выбираем любое изображение, желательно высокого разрешения. Я использовал фото с цветами. Затем помещаем новый слой так как показано на фигуре 2.

Шаг 20. Если изображение преобразовалось в смарт-объект, кликните на нем правой кнопкой мышки и выберите Rasterize Layer (Растрировать слой). Теперь мы можем редактировать этот слой. Далее нам необходимо октрыть окно Hue/Saturation (Цветовой тон/Насыщенность). Image — Adjustments — Hue/Saturation (Изображение — Коррекция — Цветовой тон/Насыщенность) или CTRL+U. Уменьшаем Saturation (Насыщенность) примерно до -95% или -90% и жмем OK. Теперь уменьшаем Opacity (Непрозрачность) до 20-25%.

Шаг 21. Создадим слой-маску для изображения, которое вы решили использовать в качестве отражения. После этого используем Gradient Tool (Градиент) (G) так же, как мы делали это в Шаге 10, но в этот раз проведите градиентом в верхней части буквы, чтобы маска была не полностью удалена.

Шаг 22. На этом можно закнончить, но вы можете продолжить, чтобы добавить больше деталей.
Сейчас мы добавим небольшой симпатичный эффект. Я использовал рукописный текст с отсканированной мною книги. Импортируем его на рабочий документ через File — Place (Файл — Поместить). Если изображение стало смарт-объектом , растрируйте его. Располагаем изображение, как показано на фигуре 1. Полностью обесцвечиваем изображение с текстом SHIFT+CTRL+U. Теперь необходимо применить Levels (Уровни) (CTRL+L), чтобы остались только черный и белый цвета. Нам не нужны оттенки серого, поэтому открываем уровни Image — Adjustments — Levels (Изображение — Коррекция — Уровни) и передвигаем ползунок Highlights (Света) вправо и ползунок Shadows (Тени) влево до тех пор, пока на изображении не остануться только черный и белый, как показано на фигуре 3. Устанавливаем режим смешивания слоя на Screen (Осветление). Затем уменьшаем Opacity (Непрозрачность) до 70%.

Шаг 23. Продолжаем работать на слое с текстом. Загружаем выделение слоя «ОФОРМЛЕНИЕ» и сжимаем его на 2 пикселя, как мы делали это раньше через Select — Modify — Contract (Выделение — Модификация — Сжать). Затем Select — Modify — Feather (Выделение — Модификация — Растушевка), вводим 1 пиксель. Инвертируем выделение Select — Inverse (Выделение — Инвертировать) (SHIFT+CTRL+I) и дважды жмем DELETE . Выделение все еще активно, выделяем слой с изображением, которое мы использовали для отражения (то, которое с цветами) и снова дважды жмем DELETE. Сравниваем фигуру 1 и фигуру 2.

Шаг 24. Остальное за вами! На черном фоне буква выглядит неплохо! Если вы выберите темный фон, то вам необходимо будет добавить свечения на черные области, так как сделал это я. Повторяем Шаги 15-17, но в этот раз применяем все к слою «ТЕЛО».

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

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

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

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-ти, попросил сигарету. Я достал пачку вытащил для него одну. Он вдруг стал говорить – “слушай брат я на безнадеге дай две”. Я достал еще одну и поинтересовался – “это как “на безнадеге”? Пьешь чтоли?”. Он сказал – “слушай ну вообще на безнадеге, надо идти” – взял сигареты и скрылся. А я вспомнил роман Кинга “Безнадега”.

Как сделать объемный 3D текст с «Фотошоп» CS6 и CS5

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

3D текст в «Фотошоп» CS5

На этом уроке речь пойдет о работе с 3D текстом в «Фотошопе» CS5 или более поздней версии. Лучше всего для этих целей всё же подходит самая последняя версия, входящая в состав Creative Cloud. Именно в ней имеется наибольшее количество инструментов для обработки объемного текста.

Сделать объемный текст в «Фотошоп»

Для начала вам необходимо открыть «Фотошоп» и создать новый файл. Задайте разрешение 600 x 600 пикселей. Сразу при создании документа выберите черный цвет и залейте им изображение (для этого используется инструмент «Заливка»). Возьмите инструмент «Горизонтальный текст» и напишите белым цветом одно слово. Подберите подходящий шрифт и его размер. В нашем случае это KorinnaBlackC с кеглем в 172 пункта. Текст лучше писать заглавными буквами.

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

3D текст в «Фотошоп» CS6

3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D». Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись. Прямо во время оформления объемного текста в «Фотошопе»! Однако не всё так просто. 3D текст редактируется в «Фотошопе» CS6. В более ранних версиях он перед переводом в трехмерный режим растрируется, поэтому редактирование становится невозможным.

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

Следующая вкладка получила наименование «Деформировать». Здесь можно поработать над экструзией объемного текста (фактически его толщиной по оси Z). Вы можете изменить глубину, скрутить её, придать ей эффект конусообразности и совершить прочие действия.

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

Создание 3D текста в «Фотошоп»

Далее рекомендуется переходить к вкладке «Капитель». Здесь задается степень угловатости текста. Лучше не трогайте эту вкладку в том случае, если вы не собираетесь делать углы более фигурными или гладкими. Последняя вкладка получила наименование «Координаты». В ней можно задать точное местонахождение 3D текста в изображении.

Но это ещё не всё. Сделать объемный текст в «Фотошопе» — это не только задать ему цвет, сменить ракурс и изменить глубину экструзии. Взгляните на панель «3D». В ней вы найдете несколько пунктов, ответственных за присвоение тексту того или иного материала. Кликните на строку «Материал передней выпуклости». А панели «Свойства» немедленно отобразятся параметры материала, из которого состоит передняя часть нашего текста. Вы можете изменить коэффициент преломления отраженного цвета, плавность контура, его рельеф и прочие параметры. Можно даже усилить блеск.

На этом создание 3D текста в «Фотошопе» практически завершено. Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения. Сам источник освещения будет виден на композиции, он имеет значок с изображением солнышка.

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

3Д текст в «Фотошоп» CS6

Такие не самые дурные возможности по созданию 3Д текста имеются в «Фотошопе» CS6 и более поздних версиях. Но сделать 3D текст в «Фотошопе» — это только начальный этап работы. Также нужно позаботиться об окружении этого текста. Можно добавить текстуры, которые тоже необходимо располагать в трехмерном пространстве. Словом, всё это — очень интересная тема.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Приступим к созданию объемного текста. Для начала необходимо этот текст написать.

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

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

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

Заготовка создана, теперь будем придавать объем нашему тексту.

Находясь на текстовом слое, выбираем инструмент «Перемещение».

Далее зажимаем клавишу ALT и поочередно нажимаем стрелки «вниз» и «влево». Делаем так несколько раз. От количества нажатий будет зависеть глубина выдавливания.

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Из этого урока вы узнаете, как без особого труда создать 3D текст.

Шаг 1. Для начала откройте Фотошоп и создайте новый документ (Ctrl + N), установив размеры 10×10 дюймов и разрешение 300 пикс/дюйм.

Шаг 2. Разблокируйте фоновый слой, дважды кликнув по нему. Измените цвет на #333333, перейдите в меню Edit > Fill (Редактирование — Выполнить заливку) и в открывшемся окне в параметре «Использовать» выберите «Основной цвет».

Шаг 3. На панели инструментов перейдите к инструменту Horizontal Type Tool (T) (Горизонтальный текст) и установите следующие параметры: шрифт Myriad Pro Black, цвет #FFCC00. Теперь напишите слова SIX размером 286пт и Revisions размером 83пт. Настройки для текста вы можете выбрать на свое усмотрение, обязательно выбирайте жирный шрифт, в противном случае желаемый эффект не получится.

Шаг 4. Растрируйте текстовый слой, для этого нажмите по слою с текстом правой кнопкой мыши и из меню выберите команду Rasterize Type (Растрировать текст). Обратите внимание, что после растрирования, текст редактироваться не будет.

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

Шаг 6. Теперь к текстовому слою нужно применить некоторые эффекты. Для этого нажмите на значок Add a Layer Style (Добавить стиль слоя) внизу панели слоев и из списка выберите следующие стили:

Bevel and Emboss (Тиснение): цвет для подсветки #FFCC66, цвет для тени #DFA125. Остальные настройки смотрите ниже.

Satin (Глянец): цвет для эффекта #F3881F.

Gradient Overlay (Наложение градиента): в редакторе градиентов установите цвета слева #F7F3A7, справа #F3881F, остальные настройки смотрите ниже.

Шаг 7. На данном этапе мы приступим к созданию 3D эффекта. Для начала продублируйте (Ctrl + J) слой с текстом, у дублированного слоя удалите все примененные стили. Теперь измените цвет текста, для этого перейдите во вкладку Image > Adjustment > Curves (Изображение — Коррекция — Кривые) или нажмите (Ctrl + M) и изогните кривую, как показано ниже.

Цвет текста стал темнее. При помощи коррекции Hue/Saturation (Цветовой тон/Насыщенность) (Ctrl + U) немного снизьте насыщенность цвета.

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

Шаг 9. Объедините (Ctrl + E) все слои с темными буквами и примените к полученному слою стиль Gradient Overlay (Наложение градиента), предварительно установив для градиента черный и белый цвета.

Шаг 10. Нам осталось добавить тень от букв. Продублируйте слой с темными буквами и к копии примените фильтр Filter > Blur > Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу) со значением радиуса 8 пикселей. После этого откройте окно кривых Ctrl + M и подкорректируйте кривую, чтобы затемнить тень. Настройки для кривых и для размытия смотрите на изображении ниже.

Шаг 11. При сильном увеличении букв можно увидеть, что боковые грани не совсем ровные. Чтобы это исправить, необходимо выделить неровную область инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо), а затем нажать Delete (Удалить). Таким образом, вы удалите все неровные области боковых граней.

Шаг 12. В этом шаге мы добавим еще тени. В нашем случае источник освещения расположен вверху слева, соответственно тени расположенные внизу справа должны быть темнее. Выберите инструмент Born Tool (O) (Затемнитель) и затемните те участки, где это необходимо. Но для начала инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо) создайте выделения в областях граней букв для получения резкого перехода между ними. Повторите те же действия для каждой буквы.

В панели параметров инструмента Born Tool (O) (Затемнитель) измените следующие настройки: диапазон — Highlights (Подсветка), Exposure (Экспонир) 50%, размер кисти 125 пикселей, жесткость 0%.

Так же добавьте тени в тех местах, где они падают с буквы на букву.

Шаг 13. При помощи инструмента Dodge Tool (O) (Осветлитель) добавьте блики. Используйте те же настройки, что и для затемнителя.

НАШ САЙТ РЕКОМЕНДУЕТ:

Метки:  

3д шрифт в фотошопе 12 как сделать. Бумага для объёмных букв и цифр

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

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

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

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «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 плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

Как сделать объемный 3D текст с «Фотошоп» CS6 и CS5

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

3D текст в «Фотошоп» CS5

На этом уроке речь пойдет о работе с 3D текстом в «Фотошопе» CS5 или более поздней версии. Лучше всего для этих целей всё же подходит самая последняя версия, входящая в состав Creative Cloud. Именно в ней имеется наибольшее количество инструментов для обработки объемного текста.

Сделать объемный текст в «Фотошоп»

Для начала вам необходимо открыть «Фотошоп» и создать новый файл. Задайте разрешение 600 x 600 пикселей. Сразу при создании документа выберите черный цвет и залейте им изображение (для этого используется инструмент «Заливка»). Возьмите инструмент «Горизонтальный текст» и напишите белым цветом одно слово. Подберите подходящий шрифт и его размер. В нашем случае это KorinnaBlackC с кеглем в 172 пункта. Текст лучше писать заглавными буквами.

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

3D текст в «Фотошоп» CS6

3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D». Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись. Прямо во время оформления объемного текста в «Фотошопе»! Однако не всё так просто. 3D текст редактируется в «Фотошопе» CS6. В более ранних версиях он перед переводом в трехмерный режим растрируется, поэтому редактирование становится невозможным.

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

Следующая вкладка получила наименование «Деформировать». Здесь можно поработать над экструзией объемного текста (фактически его толщиной по оси Z). Вы можете изменить глубину, скрутить её, придать ей эффект конусообразности и совершить прочие действия.

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

Создание 3D текста в «Фотошоп»

Далее рекомендуется переходить к вкладке «Капитель». Здесь задается степень угловатости текста. Лучше не трогайте эту вкладку в том случае, если вы не собираетесь делать углы более фигурными или гладкими. Последняя вкладка получила наименование «Координаты». В ней можно задать точное местонахождение 3D текста в изображении.

Но это ещё не всё. Сделать объемный текст в «Фотошопе» — это не только задать ему цвет, сменить ракурс и изменить глубину экструзии. Взгляните на панель «3D». В ней вы найдете несколько пунктов, ответственных за присвоение тексту того или иного материала. Кликните на строку «Материал передней выпуклости». А панели «Свойства» немедленно отобразятся параметры материала, из которого состоит передняя часть нашего текста. Вы можете изменить коэффициент преломления отраженного цвета, плавность контура, его рельеф и прочие параметры. Можно даже усилить блеск.

На этом создание 3D текста в «Фотошопе» практически завершено. Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения. Сам источник освещения будет виден на композиции, он имеет значок с изображением солнышка.

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

3Д текст в «Фотошоп» CS6

Такие не самые дурные возможности по созданию 3Д текста имеются в «Фотошопе» CS6 и более поздних версиях. Но сделать 3D текст в «Фотошопе» — это только начальный этап работы. Также нужно позаботиться об окружении этого текста. Можно добавить текстуры, которые тоже необходимо располагать в трехмерном пространстве. Словом, всё это — очень интересная тема.

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

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

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

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

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

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

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

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

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

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

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

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

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

Если вы сладкоежка, то у нас есть аппетитное удовольствие для вас. В этом уроке вы узнаете, как в 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 (Перекрытие), чтобы сделать серый невидимым, затем поместите оба слоя («Цветовой контраст» и «Ретушь») в группу под названием «Финальная ретушь».

Заключение

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

Gold объемный украинский шрифт для фотошопа. Как сделать золотые буквы в фотошопе? Еще один источник стиля письма в приятных тонах

Вам понадобится

  • — митра;
  • — ножовка по металлу;
  • — деревяшка;
  • — транспортир;
  • — карандаш;
  • — зажим или винты и отвертка.

Инструкции

Подготовьте угловой шаблон, который поможет вам легко сделать точный пропил под углом 45 градусов по дереву.Это устройство представляет собой профиль в виде перевернутой буквы «П»; По его бокам сделаны сквозные прорези под ножовку. Обычно они располагаются под углом 45, 60 и 90 градусов. Более сложные угловые боксы дополнительно оснащаются произвольными фиксированными пазами или имеют поворотную конструкцию — это позволяет установить пилу в оптимальном положении.

Купите готовые столярные инструменты в магазине товаров для дома с деревянным, металлическим или пластиковым поддоном. Для начинающего мастера это лучший вариант … При желании можно сделать простую митру из трех строганных досок или планок фанеры (толщина — около 1.5-2 см).

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

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

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

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

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

При распиливании плинтусов убедитесь, что углы комнаты действительно прямые. Если стены очень неровные, следует скорректировать угол среза на заготовках. Измерьте угломером место стыков внутренних стен и результат поделите пополам (стык плинтусов «ус»). Чтобы сделать точный пропил, в самодельной митре рекомендуется проделать пазы с заданным углом.Другой вариант — поворотный инструмент для магазина, который позволяет изменять угол от 0 до 180 градусов примерно с 15-градусным шагом.

Резка трубы под углом — типичная задача при изготовлении металлоконструкций. Часто возникает необходимость разрезать трубу под углом. Отрезанные трубы приваривают под заданным углом к ​​стенкам конструкций, из них делают двухзвенные отводы.

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

Шаблоны можно распечатать в полном размере

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

Пример определения угла резания для создания колена 135 градусов (90 + 45). Не путать с острым коленом под 45 градусов! Формула: 135/2 = 67,5. Режем трубу под углом 67,5 градуса, получаем два отрезка трубы с углами среза 67,5 градуса, соединяем их по линии реза стяжкой на общую образующую, свариваем и получаем колено (67.5 + 67,5) на 135 градусов.


В процессе работы сделал следующее наблюдение. При работе с большими диаметрами изготовленная форма при намотке на трубу была явно короче, не перекрывала всю трубу, оставался зазор 20-30 мм.

Диаметр трубы Гостовского указан правильно, а рисунок короче … На мой взгляд, эта ошибка вызвана тем, что невозможно плотно прижать шаблон к трубе и внешний диаметр трубы увеличился ( ржавчина, грязь).Пришлось измерить окружность «поясом» и разделить на π (3,1416). Введите полученный диаметр в таблицу.


(Рисунки, описания, формулы взяты из книги И.Х. Бродянского «Маркировка сварной арматуры трубопроводов», 1963 г.)

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

Инструменты и материалы

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

  • Бумага;
  • Емкость с водой;
  • Лента строительная;
  • Обычная лента;
  • Марка;
  • Ножницы;
  • ПК и программа, позволяющая создавать развернутые конструкции;
  • Станок токарный;
  • Инструмент для пламени;
  • Инструмент для строительной резки;
  • Инструмент сварочный;
  • Ножовка по металлу;
  • Болгарский.

Завершение работы

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

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

Для этих целей также можно использовать малярный скотч. Лучше, если она будет узкой. Метод хорош в тех случаях, когда конструкция длинная и нужно разделить ее посередине. Малярная лента накладывается с необходимым уклоном. Если он был приклеен неправильно, его легко переклеить заново.Для качественной работы рекомендуется наклеить на трубу 2-3 слоя скотча.

Вы можете попробовать более сложный метод, чтобы гарантировать наиболее точные результаты. Для выполнения развертки или рисования требуется ПК и установленная программа. Для начала выполняется рисунок. В шаблоне указываются размеры вспомогательной окружности и уклона. Зачистку можно производить без специальной программы по ОСТ 38-43-81. Затем шаблон распечатывается на принтере.Количество используемых листов в этом случае определяется исходя из необходимости. Рисунок вырезается и заклеивается скотчем. Затем его подводят к конструкции, по линиям прорисовывают места для разреза.

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

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

Этот инструмент представляет собой профиль в виде перевернутой П. По бокам имеются прорези для распиловки под углом 45, 60 и 90 градусов. Более сложные угловые шаблоны или угловые коробки имеют устройства для установки разных углов резки.

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

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

Шаг 3: разметьте прорези под разными углами, чтобы вырезать ламинат, наличники и т. Д.

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

Шаг 4: подготовка материала к распиловке под углом 45 градусов

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

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

Тонкости работы с митрой и различными материалами

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

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

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. Mesh Lighs

Другой способ смягчить освещение — использовать сеточные светильники вместо прожекторов. Вот быстрый и простой способ превратить прожектор Daz Studio в сетчатый свет.

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

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

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

3. Объемное освещение

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

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

Фэнтези-арт «Падший ангел» с объемным светом, визуализированным с помощью камер атмосферных эффектов AoA для DAZ Studio. 3D-рендеринг.

В 3Delight я могу получить объемные световые эффекты, используя камеры атмосферных эффектов Age of Armour для DAZ Studio. Объемная камера в этом пакете позволяет мне выбирать источники света для визуализации атмосферных эффектов. Это просто в использовании, быстро, и мне нравятся результаты, которые я получаю. На изображении выше используется камера AoA для визуализации луча света (от прожектора), падающего на падшего ангела.В комплекте также есть противотуманная камера , которая полезна для добавления атмосферы к нашим изображениям. Обратите внимание, что эти камеры AoA работают только в 3Delight.

В Daz Studio Iray я получаю объемные световые эффекты с помощью AtmoCam для Iray от Marshian. Поскольку Iray является физически основанным средством визуализации, нам нужно фактически смоделировать наш объем воздуха с помощью эффектов рассеяния. Пакет Marshian поставляется с большой объемной опорой, которую мы используем для инкапсуляции нашей сцены, а также набором материалов для получения различных эффектов рассеивания и цветов.Хотя это упрощает для нас часть настройки объемного света, его не так просто использовать, как атмосферные камеры AoA (только в 3Delight) .

Белый ангел, темные щупальца, фэнтези-арт. Выполнено в Daz Studio Iray с использованием AtmoCam Маршиана для Iray.

Некоторые вещи, о которых следует помнить при настройке AtmoCam Marshian —

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

О чем следует помнить при настройке 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. Нажмите Bloom Filter Enable. Это откроет больше возможностей для контроля силы и площади цветения.

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

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

Создание объемных фигур в Photoshop. Как быстро сделать красивые 3D буквы в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Щелкните и установите их:

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

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

Перетащите указатель мыши на выделенную область снизу вверх. И снимаем выделение.

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

Выровняйте слои. Мы экономим. Все!

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

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

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

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

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

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

3. Создайте текст. Я выбрал Myriad Pro Bold для текста, цвет # FFCC00. Я написал слова на разных слоях.Измените их размер с помощью Free Transform (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 и попросил сигарету. Я достал пачку и вытащил одну для него.Он вдруг стал говорить: «Слушай, брат, я в безнадежности, дай мне два». Я достал еще одну и спросил: «Это что, безнадежность»? Ты пьешь чтоли? «Сказал -« слушай, в общем, о безнадежности, тебе пора »- взял сигареты и исчез. А я вспомнил роман Кинга« Безнадежность ».

1 голос

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

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


Фотошоп, дизайнер или онлайн-версия

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

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

Создать логотип можно с помощью онлайн-сервиса … Кстати, недавно я опубликовал обзор некоторых из них. Рекомендую прочитать (). Если сейчас не до этого, то могу сразу посоветовать сервис www.logaster.ru … Здесь действительно все можно сделать быстро и очень красиво, но вам понадобится около 1500 рублей.


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

Работа началась

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

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


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


Если у вас недостаточно опыта в проектировании и вы ищете новые технологии и решения, то я могу порекомендовать вам сервис www.colorscheme.RU , это поможет вам выбрать идеальное сочетание цветов, так как сейчас мы будем заливать фон. Кстати, можно использовать текстуры. Их можно бесплатно скачать с Google, Яндекс или по телефону http://photoshop-master.ru. .


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


Теперь щелкните инструмент «Текст» и измените цвет.


Сделаю золотые объемные буквы.


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


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


Это также можно сделать с помощью сочетания клавиш Ctrl + T — свободное преобразование.


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

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


Щелкните правой кнопкой мыши еще раз, чтобы открыть дополнительное меню.

Теперь нам нужно объединить слои.


Снова выберите Ctrl + T и увеличьте текст.


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


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


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

Если вы хотите попробовать исказить текстовый слой, как это сделать? Вернитесь на несколько шагов назад, выберите два текстовых слоя, щелкните правой кнопкой мыши и выберите «Связать слои». Затем Ctrl + T и в выделении правой кнопкой мыши активируйте «Искажение». Затем растрируйте и снова объедините слои.

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


Выберите «Тиснение» и «Контур».


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


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

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


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


Переходим к наложению градиента.


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


Теперь измените Режим наложения на Перекрытие и уменьшите Непрозрачность.


Выполнено. Теперь скопируйте этот слой, нажав Ctrl + J.


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


Выбрать в верхней панели «Изображение» — «Коррекция» — «Кривые».


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


Перетащите этот темный слой ниже основного.


Выберите инструмент «Перемещение» и на клавиатуре нажмите сначала стрелку вниз, а затем влево.


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


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

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

В моем примере ребро немного отходит, думаю, вы заметили. Я снова выбираю инструмент «Перемещение».


Переместите стрелки на одном новом слое вверх и влево.


Вы можете сделать этот слой темнее. Зайдите в «Изображение» — «Коррекция» — «Яркость».


Переместите ползунок «Насыщенность» вправо.


Теперь примените градиентную смесь.

От черного к белому.


Режим наложения: «Наложение» и уменьшение непрозрачности.


Создайте еще одну копию слоя, нажав Ctrl и J.

Слой нужно сделать черным, это будет тень. Перейдите в меню «Изображение» — «Настройки» и найдите здесь «Уровни».


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


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

Знакомые действия. Выберите «Переместить» и нажмите стрелки вниз и влево.


Примените «Фильтр» — «Размытие по Гауссу».


Установите угол поворота тени по своему усмотрению.



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


Скачать мои образцы>>

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

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

Ну вот и все, желаю успехов в начинаниях. До скорого!

Из этого урока вы узнаете, как создать глянцевый 3D-текст в Photoshop.

Шаг 1. Создайте документ 800×1000 пикселей с разрешением 300 dpi. Мы выбрали этот документ большого размера по трем причинам.
Во-первых, когда вы создаете что-то в Photoshop, а затем импортируете это в проект, вам может потребоваться отрегулировать размер изображения, и если исходный материал небольшой, то при увеличении он может сильно потерять качество.
Во-вторых, при работе с большими изображениями мы можем уделять больше внимания мелким деталям.
В-третьих, у нас стало больше свободного места для работы.


Шаг 2. Первое, что нам нужно сделать, это создать письмо. Я решил использовать шрифт Defeqto с сайта www.dafont.com.
Я буду работать с буквой Б, но вы можете использовать любую другую. Мне кажется, что глянцевый эффект лучше бы смотрелся на этом типе шрифта.
Щелкните правой кнопкой мыши по букве и выберите Rasterize Type (Rasterize text). Это даст нам возможность отредактировать его.

Шаг 3. (на этом шаге мы, конечно, будем приводить в порядок письмо, если это необходимо.Вы можете пропустить эту часть и сразу перейти к шагу 6)
Края шрифта немного неровные, давайте это исправим. Активируем инструмент Elliptical Marquee Tool (Овальное выделение) (M). Удерживая SHIFT, создайте выделение так, чтобы оно соответствовало форме верхней части буквы. Как вы можете видеть на рисунке ниже, положение выделения не совсем правильное, поэтому щелкните правой кнопкой мыши выделение и выберите Transform Selection (Transform selection). Отрегулируйте позиции, как показано на скриншоте.Затем просто нажмите УДАЛИТЬ , чтобы снять выделение. Благодаря этому очертания буквы стали плавными, как мы и хотели.


Шаг 4. Нам также нужно исправить внешние края, для этого мы создаем выделение, как в предыдущем шаге, и инвертируем его. SHIFT + CTRL + I … Затем берем Eraser Tool (Eraser) (E) с непрозрачностью (Opacity) и Flow (давление) на 100%. Сотрите лишние края.


Шаг 5. Активируем инструмент Pen Tool (Pen) (P) и создайте плавную кривую в углу буквы, как показано на рисунке 1. Щелкните правой кнопкой мыши и выберите Make selection (Create selection). Убедитесь, что параметр Feather установлен на 0,2 пикселя. Не оставляйте углы слишком жесткими или слишком закругленными. Мы применяем эти действия к другим частям письма, которые нуждаются в исправлении. На рисунке 3 показано, что произошло в итоге.


Шаг 6. Мы подошли к той части урока, в которой мы создадим 3D-эффект с неоновым свечением.Проходим Edit — Transform — Free Transform (Edit — Transform — Free Transform) (CTRL + T). Удерживая SHIFT + ALT + CTRL , перетащите правый угол вниз, чтобы деформировать букву в перспективе (рис. 1). Затем тянем один из боковых узлов к центру, как на рисунке 2.


Шаг 7. Теперь давайте добавим размер к тексту. Берем инструмент Move Tool (Перемещение) (V), активируем слой с буквой, зажимаем клавиши CTRL + ALT и с помощью появившейся двойной стрелки перемещаем букву вправо 18 раз, чтобы создать 18 экз.После этого, удерживая CTRL, выберите копии 8, 9 и 10, затем объедините их комбинацией CTRL + E. Назовите этот слой «Glow». Затем примените к нему (Изображение — Коррекция — Оттенок / Насыщенность) (CTRL + U). Ставим параметр Lightness (Яркость) на максимум.

Шаг 8. Затем выберите копии 11-17 и объедините их (CTRL + E), назовите слой «FRONT». Теперь выберите копии 1-7 вместе с оригиналом и также объедините их. Назовите слой «НАЗАД». Затем выберите копию 18 и переименуйте ее в «ЗАЗОР».

Шаг 9. Создайте новый слой «СИЯНИЕ» над слоем «УКРАШЕНИЕ». Затем мы зажимаем клавишу ALT и щелкаем между этими двумя слоями. В результате рядом со слоем «RADIANCE» должна появиться небольшая стрелка вниз, что означает, что для этого применяется обтравочная маска. Активируем инструмент Rectangular Marquee Tool (Прямоугольное выделение) (M), создаем выделение ВСЕЙ буквы и заливаем его белым цветом Edit — Fill (Редактирование — Заливка). Затем берем инструмент Elliptical Marquee Tool (овальное выделение) (M) и выделяем нижнюю часть буквы, как показано на рисунке 2.Нажмите кнопку DELETE , чтобы удалить выделенную часть, как показано на рисунке 3. Теперь создайте маску слоя. Вы можете сделать это, щелкнув небольшой прямоугольник с кружком в нижней части панели слоев. Добавьте маску слоя (Добавьте маску слоя). Активируйте маску, щелкнув второй белый прямоугольник на слое «Сияние».



Берем Gradient Tool (Градиент) (G) от черного к белому, линейный, отключаем опцию Reverse, если она активна.Нарисуйте градиент сверху вниз документа и уменьшите непрозрачность слоя «RADIANCE» примерно на 50-60%. Убедитесь, что ваше письмо похоже на мое.

Шаг 11. Нам нужно, чтобы белая линия в центре светилась, но перед этим мы избавляемся от той части слоя, которую не видим. Удерживая CTRL , щелкните миниатюру слоя «ПЕРЕДНИЙ». Вы должны щелкнуть по миниатюре, так как нам нужно загрузить выделение слоя. После этого перейдите к слою «Свечение» (просто нажмите на него) и нажмите УДАЛИТЬ.Скройте слои «ПЕРЕДНИЙ» и «ОПРЕДЕЛЕНИЕ» и вы увидите результат этих манипуляций. Убрать выделение. CTRL + D. Теперь переместите слой «GLOW» в самый верх панели слоев. После этого выберите слои «ПЕРЕДНИЙ» и «ОБРАТНЫЙ» и объедините их вместе (CTRL + E). Назовите новый слой «ТЕЛО».

Шаг 12. Активируйте слой «Glow», нажмите кнопку «fx» внизу панели слоев и выберите Outer Glow. Я хочу, чтобы свечение было бирюзовым … Установите размер свечения на 6 и цвет на 00E1F5.


Шаг 13. Теперь смягчим углы буквы. Для этого загрузите выделение слоя «ДИЗАЙН». Проходим Select — Modify — Contract (Selection — Modification — Compress). Введите 2 пикселя, затем инвертируйте выделение. SHIFT + CTRL + I. Перед тем, как продолжить, убедитесь, что слой «SHINE» активен. Теперь нажмите DELETE, чтобы удалить лишнюю часть.


Шаг 15. Активируйте слой «УКРАШЕНИЕ» и нажмите кнопку «FX» внизу панели слоев.Выберите в меню Внутреннее свечение (Внутреннее свечение).


Шаг 16. Снова нажмите кнопку «fx» и выберите Создать слои (Создать слои), во всплывающем окне нажмите ОК … Теперь стиль внутреннего слоя свечения теперь на отдельном слое. Переименуйте его в «СВЕТИЛЬНИК». Убедитесь, что ваши слои выглядят так же, как у меня.

Шаг 17. Создайте маску слоя для слоя «GLOW EDGE» и нажмите CTRL + I , чтобы изменить его цвет на черный.Убедитесь, что панель слоев выглядит так же.

Шаг 18. Берем кисть , (B), белая, средней жесткости, размером около 100 пикселей, с непрозрачностью , непрозрачностью, (непрозрачность) при 100% и Flow (давление) при 15%. Убедитесь, что цвета переднего плана и фона установлены на черный и белый соответственно, если нет, нажмите D … Чтобы быстро изменить цвет с черного на белый, нажмите X. Щелкните кистью в местах, где должна быть видна белая граница.Вы также можете поэкспериментировать с параметрами кисти. Делайте это только в областях, где есть закругленные края, и совсем немного на твердых, как показано на рисунке ниже. Помните, что у сияния должен быть источник света, и поскольку я сделал букву слегка повернутой, свет будет исходить с левой стороны. Не делайте светящимися все углы, это будет выглядеть нереально.

Шаг 19. Теперь нам нужно добавить отражения. Активируйте слой «УКРАШЕНИЕ», перейдите в File — Place (File — Place) и выберите любое изображение, желательно с высоким разрешением… Я использовал фото с цветами. Затем поместите новый слой, как показано на рисунке 2.


Шаг 20. Если изображение было преобразовано в смарт-объект, щелкните его правой кнопкой мыши и выберите Rasterize Layer (Rasterize layer). Теперь мы можем редактировать этот слой. Далее нам нужно открыть окно Hue / Saturation (Hue / Saturation). Изображение — Коррекция — Цветовой тон / Насыщенность (Изображение — Коррекция — Цветовой тон / Насыщенность) или CTRL + U. Уменьшите насыщенность (насыщенность) примерно до -95% или -90% и нажмите «ОК».Теперь уменьшите Непрозрачность (Opacity) до 20-25%.

Шаг 21 Создайте маску слоя для изображения, которое вы хотите использовать в качестве отражения. После этого мы используем инструмент Gradient Tool (Gradient) (G), как и в шаге 10, но на этот раз нарисуйте градиент в верхней части буквы, чтобы маска не была удалена полностью.

Шаг 22. Это можно сделать, но вы можете продолжать добавлять детали.
Теперь мы собираемся добавить приятный небольшой эффект.Я использовал рукописный текст из отсканированной книги. Импортируем в рабочий документ через File — Place (File — Place). Если изображение стало смарт-объектом , растрируйте его. Поместите изображение, как показано на рисунке 1. Полностью обесцветьте изображение с помощью текста SHIFT + CTRL + U. Теперь вам нужно применить Levels (Levels) (CTRL + L), чтобы сохранить только черный и белый цвета … Мы не Оттенки серого не нужны, поэтому открываем уровни Изображение — Корректировки — Уровни (Изображение — Регулировки — Уровни) и перемещаем ползунок Highlights вправо, а ползунок Shadows влево, пока изображение не останется только черно-белым, как показано на рисунке 3.Установите режим наложения слоя на Screen (Clarification). Затем мы уменьшаем Opacity (Opacity) до 70%.


Шаг 23. Продолжаем работу над текстовым слоем. Загрузите выделение слоя «ФОРМАЦИЯ» и уменьшите его на 2 пикселя, как мы делали до этого через Select — Modify — Contract (Selection — Modification — Compress). Затем Select — Modify — Feather (Selection — Modification — Feathering), введите 1 пиксель. Инвертируйте выделение Select — Inverse (Selection — Invert) (SHIFT + CTRL + I) и дважды нажмите DELETE … Выделение все еще активно, выберите слой с изображением, которое мы использовали для отражения (тот, который был с цветами), и снова дважды нажмите DELETE. Сравните форму 1 и форму 2.


Шаг 24. Остальное ваше! Письмо неплохо смотрится на черном фоне! Если вы выберете темный фон, вам нужно будет добавить свечение черным областям, как это сделал я. Повторите шаги 15-17, но на этот раз примените все к слою «ТЕЛО».

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

Шаг 1. Создайте новый документ ( Ctrl + N ) размером 1280×1024 и 72 ppi .
Возьмите инструмент «Прямоугольник» ( Rectangle Tool (U) ), в режиме слоя формы цвет белый. И растяните прямоугольник, чтобы заполнить весь документ.


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

Параметры градиента:

У вас должен быть такой фон:


Шаг 2. Используя инструмент «Свободная фигура» ( Custom Shape Tool (U)) , давайте попробуем нарисовать лучи, выходящие из центра изображения.

Выберите фигуру — « Зарегистрированная цель 2 », в режиме «Слой-фигура» (если у вас нет такой фигуры, вам просто нужно ее добавить, она находится в « Символы »).


Удерживая нажатой клавишу Shift, Равномерно растяните фигуру, если возможно, по всему холсту.Затем, удерживая клавишу Ctrl , поместите получившуюся фигуру в центр.
* если переборщили с размером, или наоборот, не дошли, нажмите Ctrl + T (Свободное преобразование) и удерживая клавишу Shift , уменьшите или увеличьте фигуру в размер *

Перейти к инструмент « Outline selection » (A) и, удерживая нажатой клавишу Ctrl , щелкните по фигуре. (Точки привязки должны превратиться из заполненных в пустые.)

Теперь нам нужно отметить точки в центре, сделать их подвижными при перемещении. Для этого, удерживая нажатой клавишу Shift , щелкайте по точкам.Это можно сделать с помощью инструмента « Arrow » (A) и инструмента « Angle » ( Convert Point Tool).
Для удобства изображение лучше увеличить.

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


Применить стиль слоя к этому слою:
Непрозрачность 70%, Заливка 0%
Наложение градиента:

Параметры градиента:


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


Шаг 3. Создайте новый слой ( Shift + Ctrl + Alt + N ), возьмите инструмент « Brush » ( Brush Tool (B)), Color — Black, Opacity 10%, Hardness 0%

Затемните края изображения.


Шаг 4. Теперь давайте напишем слово СТИЛЬ.
Каждую букву нужно написать на отдельном слое.
Настройки шрифта:

*, чтобы получить точно такой же текст, нужно включить « Заглавные буквы » (TT), а при написании буквы «e» выключить (TT) *

Возьмите инструмент « Moving » (V) , в настройках инструмента установите флажок «Автоматический выбор».
И нажимая на каждую букву, расположите их как на скриншоте.


Затем, используя Свободное преобразование (Ctrl + T), удерживая нажатой клавишу Ctrl, сложите каждую букву, как показано на скриншоте.


Шаг 5. Объедините все слои букв. Для этого кликните по первому слою с буквой, затем найдите последний слой с буквой и, удерживая клавишу Shift , кликните по нему (все слои будут выделены).Затем нажмите Ctrl + E .
Теперь нажмите и удерживайте клавиши Ctrl + Alt, и, нажав на букву, сдвиньте каждый полученный дубликат немного вниз.
Для получения более точного результата лучше всего увеличить изображение до одного размера буквы. У вас должно получиться много слоев, у автора их 38.


Шаг 6. Объедините все слои со словом «СТИЛЬ», кроме первого. Поменяйте местами первый слой (со словом СТИЛЬ) и слой после объединенных слоев.
На получившемся слое (из объединенных слоев) примените Стиль слоя:
Наложение градиента:

Параметры градиента:

Получите это так:


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

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

Берем инструмент «Диммер» (Burn Tool (O)), выставляем экспозицию на небольшую 15-20% и нарисуем тени на получившемся слое.


Теперь возьмите инструмент Dodge Tool (O) и на том же слое нарисуйте несколько бликов.


Шаг 8. Перейти к желтому слою слов СТИЛЬ. И примените к нему стиль слоя:

Параметры градиента:

Обводка:

Вот что вы получите:


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


Шаг 9. Теперь нарисуем ленту поверх букв. Возьмите инструмент «Перо» (Pen Tool (P)), В режиме слоя формы, закрасьте черный цвет и нарисуйте первую часть ленты.


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

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

Параметры градиента:

Результат:


Теперь нарисуйте продолжение ленты.


Применить стиль слоя:
Наложение градиента:

Параметры градиента:

Получается так:


000

0002 Применить ленту

Стиль слоя для этого фрагмента:
Наложение градиента :

Параметры градиента:


Как редактировать видео в 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

  • полный список
поддерживаемые форматы файлов доступны на этой странице поддержки 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

Transitions

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

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

Список простых переходов, доступных в Photoshop CC. Скриншот Lexy Savvides / CNET

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

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

Текст и объекты

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

Скриншот Lexy Savvides / CNET

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

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

На своем веб-сайте Adobe есть подробная информация о работе с более сложным движением.

Экспорт

Когда ваш шедевр будет готов к работе, перейдите в меню «Файл»> «Экспорт»> «Визуализировать видео». Внесите любые изменения в Тип выходного файла или выберите один из множества предустановок Adobe, чтобы создать короткометражный фильм для YouTube или Vimeo. Убедитесь, что выбран «Adobe Media Encoder», а не «Photoshop Image Sequence», иначе вы получите серию неподвижных изображений JPEG, а не видео.

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

Как создать солнечные лучи в GIMP | Small Business

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

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

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

Щелкните меню «Эффекты», затем щелкните «Свет и тень» и «Сверхновая».

Щелкните курсор в виде перекрестия в окне предварительного просмотра изображения в диалоговом окне Supernova, чтобы установить центр источника солнечного света. Выберите цвет для вашего света, нажав на полосу рядом с «Цвет». С помощью ползунков «Радиус» и «Спицы» установите размер и грубость солнечных лучей, затем нажмите «ОК».«GIMP изменяет слой для создания фотореалистичной« новой звезды »на слое.

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

Щелкните меню «Слой», затем щелкните «Прозрачность» и «Добавить альфа-канал».

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

Выберите слой с новой звездой. Щелкните меню «Фильтры» и выберите «Шум», затем «Шум HSV». Используйте ползунки в диалоговом окне «Шум HSV», чтобы настроить вид пятнышек на солнечном луче, затем нажмите «ОК».

Ссылки

Ресурсы

Советы

  • Другие эффекты световых лучей в GIMP, похожие на Supernova, включают Gradient Flare, который позволяет добавлять цветные полосы к вашим лучам, и Lens Flare, имитирующий круги света которые появляются в объективе фотоаппарата, нацеленного на яркий источник света.
  • Использование дублированных слоев позволяет не допускать попадания лучей новой звезды в области, где солнечные лучи не должны появляться, например, области вокруг окон или объекты переднего плана. Вам не нужны дублированные слои, если вы хотите, чтобы лучи покрывали все области вашего изображения.

Предупреждения

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

Писатель Биография

Скотт Никельбайн начал профессионально писать в 1977 году. Он является автором 34 книг, и его работы были опубликованы в сотнях публикаций, включая «Нью-Йорк Таймс», «Милуоки-Страж», «Архитектура» и «Видео Таймс». Он писал в областях образования, здравоохранения, электроники, архитектуры и строительства. Никельбин получил степень бакалавра искусств с отличием по журналистике в Университете Миннесоты.

создают объемные глянцевые буквы.Суперглянцевый текст в фотошопе Глянцевые буквы

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

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

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

Технология лакирования полиграфической продукции

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

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

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

Качество лакового слоя зависит от того, насколько правильно подобран этот расходный материал. Его выбор зависит от характеристик печатного материала (масса 1 м2, пухлость, рыхлость и т. Д.).), цвета на принте, последующая обработка изделия, используемое оборудование. Отрицательное влияние на качество могут оказать несоблюдение атмосферных условий в цехе, повышенная влажность бумаги, нарушения технологического процесса, слишком высокая интенсивность УФ-излучения при сушке.


УФ лак в полиграфии

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

Также существует разделение по способу нанесения: на обычные краски, на УФ-краски, на вододисперсный грунтовочный лак.

Другие виды лакирования в полиграфии

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

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

Нанесение непрерывного и селективного УФ-лака

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


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

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

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

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

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

Шаг 1

Создайте новый документ, 700 x 700 пикселей, 72 точки на дюйм. В качестве фона я буду использовать текстуру дерева. Обесцветьте текстуру (Shift + Control + U). Это сделает текстуру немного темнее. Также добавьте слой заливки к слою текстуры. Градиент ( Layer> New Fill Layer> Gradient ) (Layer> New Fill Layer> Gradient).Отрегулируйте градиент, как показано на изображении ниже:

Слой заливки Градиент (Градиент) необходим для затемнения верхней и нижней части текстуры древесины.

Шаг 2

Вы можете использовать любой шрифт для создания этого текстового эффекта, но я поклонник шрифта под названием «Lobster», и это то, что я буду использовать для создания текста. Выберите инструмент Horizontal text (Horizontal Type Tool) (T) и напишите любой текст.

Давайте добавим стили слоя к текстовому слою.И начнем со стиля слоя Shadow (Тень).

Теперь примените стиль слоя Внешнее свечение (Внешнее свечение):

Тиснение ( Bevel and Emboss ):

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

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

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

Шаг 3

Для стиля слоя Шаблон перекрытия (Pattern Overlay) Я использовал изображение города.

Обесцветьте изображение (Shift + Ctrl + U). Примените к этому изображению фильтр сферизации ( Filter> Distort> Spherize ) (Filter> Distort> Spherize): Степень сферизации составляет 100%.

Также примените фильтр Радиальное размытие ( Фильтр> Размытие> Радиальное размытие ) (Фильтр> Размытие> Радиальное размытие): Величина размытия составляет 15%.

Создайте текстуру из этого изображения через меню Редактирование> Определить узор (Edit> Define Pattern) и назовите эту текстуру «Текстура 1». Теперь добавьте стиль слоя к текстовому слою. Шаблон перекрытия (Наложение узора) и из раскрывающегося списка с текстурами выберите текстуру, которую вы создали из изображения.

Не закрывая окно со стилем слоя Узор наложения (Pattern Overlay), вы можете использовать инструмент Moving (Move Tool) (V), перемещая наложенный узор по тексту так, как вам больше нравится. Теперь вы можете нажать ОК.

Последний стиль слоя, который нужно добавить к тексту — Outline (Stroke). Тип обводки — Градиент (создайте градиент, используя цвета, которые вы видите на картинке).

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

Вот и все! Ультра глянцевый текст готов!


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


Шаг 2

Если у вас две или более строк текста, установите для интерлиньяжа значение 250. Это можно сделать на панели «Символ» («Окно»> «Символ»).Также измените Отслеживание.


2. Преобразовать в формы

Шаг 1

Щелкните правой кнопкой мыши текстовый слой и выберите «Преобразовать в формы». Создайте копию получившегося слоя (Ctrl + J) и назовите ее «Обводка».


Шаг 2

Активируйте Direct Selection Tool и на верхней панели включите цвет обводки # e5bf25.

3. Создание трехмерных слоев

Шаг 1

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


Шаг 2

Оба 3D-слоя должны быть объединены в один (3D> Объединить 3D-слои) (3D> Объединить 3D-слои)


Шаг 3

Для работы с трехмерной средой вам потребуются две панели: 3D и Свойства. Они доступны через меню «Окно».

Панель 3D содержит все компоненты сцены. Когда вы выбираете любой из элементов, вы можете видеть различные параметры и свойства на панели «Свойства».

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

Шаг 1

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


Шаг 2

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

Шаг 3

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

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

Шаг 1

Выберите Материал передней инфляции текстовой сетки. Щелкните значок параметра Diffuse и выберите Edit Texture.


Шаг 2

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


Шаг 3

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

Шаг 4

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


Шаг 5

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


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

Шаг 1

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


Шаг 2

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

Шаг 3

Примените стиль Pattern Overlay к слою «Stripes»: Satin pattern.


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


Шаг 5

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


Шаг 6

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

7. Настройка материалов трехмерной сетки

Шаг 1

Вернитесь к исходному документу и выберите Front Inflation Material. Щелкните значок параметра «Отражение» и выберите «Загрузить текстуру».Загружает текстуру «Отражение», которую мы создали ранее. Затем проделайте то же самое с параметром Bump.


Шаг 2

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


Шаг 3

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

Шаг 4

Выберите «Экструзионный материал» и удалите текстуру.

Шаг 5

Измените цвета Экструзионного материала следующим образом:
Diffuse: 70, 9.93
Specular: 207, 178, 75


Шаг 6

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

Шаг 7

Выберите материал Extrusion и удалите текстуру Diffuse, цвет — 229, 191, 37.

8. Удаление сеток и изменение перспективы

Шаг 1

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


Шаг 2

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


Шаг 3

Выберите текущий вид на панели 3D и установите вид сверху.


9. Освещение

Шаг 1

Выберите Infinite Light 1 на панели 3D и измените его:

Шаг 2

Добавьте новый прожектор.


Шаг 3

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

Шаг 4

Поместите источник света сюда:


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

Шаг 5

Выберите среду, щелкните значок параметра IBL и выберите «Заменить текстуру». Выберите изображение комнаты и измените интенсивность.


Шаг 6


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


Шаг 7

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

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

10. Визуализация

Шаг 1

Когда вы закончите со сценой, запустите рендеринг (3D> Render) (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. Перейдите в раздел Изображение> Размер изображения и установите Разрешение на 72 пикселя.

Перенесите изображение в основной документ и назовите слой «Звезды». Преобразуйте его в смарт-объект. Установите режим наложения на Screen и уменьшите непрозрачность до 60%. Дублируйте слой (Command + J) и уменьшите Непрозрачность до 30%.


Шаг 2

Примените фильтр Iris Blur к верхнему слою со звездами (Filter> Blur> Iris Blur).


Шаг 3

Отрегулируйте размытие следующим образом:


Шаг 4

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

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

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

Вот что мы получаем после завершения урока:

Шаг 1

Создаем документ размером 700 × 700 пикселей и разрешением 72 dpi.

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

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

Отрегулируйте насыщенность (Shift + Ctrl + U), чтобы сделать ее немного темнее. Я также добавил корректирующий слой градиента (для этого щелкните соответствующий значок внизу палитры слоев):

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

Step 2

Вы можете выбрать любой шрифт для создания этого блестящего текста, я использовал Lobster.На новом слое нарисуйте большую надпись с помощью Type Tool (T):

Давайте сделаем текст в Photoshop большой тенью … Дважды щелкните слой в палитре слоев и в появившемся окне выберите линия «Drop Shadow» (Тень).

Установите аналогичные настройки:

Добавьте синее внешнее свечение. В том же окне поставьте галочку и выберите строку «Outer Glow», установите следующие параметры:

Давайте добавим объем нашему тексту в Photoshop.Выберите «Bevel and Emboss» в окне стиля слоя, выполните следующие настройки:

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

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

Выберите «Color Overlay» и установите цвет на # b7eaff:

Шаг 3

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

Я уменьшил насыщенность изображения до минимума (Shift + Ctrl + U) и применил фильтр сферизации: Filter> Distort> Spherize со значением 100%.

Теперь сохраните это изображение как узор (Edit> Define Pattern). Вы можете оставить имя по умолчанию — Pattern 1.

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

Установите флажок рядом с «Pattern Overlay» (Наложение текстуры).

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

Используйте курсор, чтобы отрегулировать положение рисунка на тексте, когда диалоговое окно «Наложение рисунка» открыто. У вас должно получиться аналогичное изображение текста в Photoshop:

Добавьте градиентную обводку к нашему блестящему тексту. Поставьте галочку в строке «Stroke» (Обводка). Отрегулируйте обводку градиента следующим образом:

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

Вот какой красивый текст у нас есть в Photoshop:

На этом урок по созданию глянцевого блестящего текста завершен. в фотошопе.

Надеюсь, вам было интересно!

Как редактировать видео в Photoshop CC

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

Соберите файлы и создайте новый документ

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

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

Создайте новый документ, выбрав «Файл»> «Создать». В появившемся диалоговом окне выберите «Фильм и видео» в меню «Предварительные настройки». Для видео с разрешением 1280×720 выберите HDV / HDTV в меню «Размер» и нажмите «ОК». На появившейся панели «Временная шкала» щелкните «Создать временную шкалу видео». Увеличьте эскизы клипов на панели «Таймлайн», выбрав «Параметры панели» в раскрывающемся меню (обведено).Щелкните самый большой размер эскиза в появившемся диалоговом окне (также обведен кружком), а затем щелкните OK.

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

Добавляйте и редактируйте свои файлы

Щелкните значок киноленты на панели «Таймлайн» (в кружке) и выберите «Добавить медиафайл». Перейдите в папку с содержимым, выберите все файлы и нажмите «Открыть». Photoshop помещает их в папку с названием «Группа видео 1» на панели «Слои», и они появляются на одной видеодорожке на панели «Таймлайн», где они называются клипами .На панели «Слои» удалите слой 0 (фоновый слой). Photoshop активирует следующий слой на обеих панелях, который является первым элементом, который будет воспроизводиться в видео.

Вы можете активировать клипы на панели «Слои» или «Таймлайн».

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

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

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

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

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

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

Добавить последние штрихи

Чтобы создать безопасное место для брендинга в конце видео, добавьте слой заливки Solid Color. Щелкните наполовину черный / наполовину белый кружок в нижней части панели «Слои» (обведен кружком), выберите «Сплошной цвет» и выберите черный. Поместите этот слой в верхнюю часть группы видео 1, которая помещает его в конец вашего видео, создавая черные рамки, на которых вы можете разместить текст или логотип.

Теперь давайте добавим переходы. Щелкните наполовину черный / наполовину белый прямоугольник на панели «Таймлайн» и перетащите переход «Затухание с черным» в начало первого клипа, чтобы сделать его постепенным из черного. Чтобы увеличить длину перехода, наведите курсор на его конец (в кружке) и перетащите вправо. Затем перетащите переход Cross Fade между оставшимися клипами.

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

С активным слоем «Тип» в группе видео 2 выберите «Файл»> «Поместить встроенный», перейдите туда, где находится ваш логотип, и нажмите «Поместить». На панели «Таймлайн» перетащите клип вправо, пока он не окажется в конце видео поверх слоя с сплошной заливкой, который вы добавили ранее. Отрегулируйте положение и длину клипа так, чтобы он отображался немного после перехода слоя заливки. В этом примере использовался текстовый логотип. Добавьте переход Fade в начало и конец логотипа или текстового клипа.

И последнее, но не менее важное: добавьте немного звука.Щелкните музыкальные ноты рядом со звуковой дорожкой на панели «Таймлайн» и выберите «Добавить звук». Перейдите к аудиофайлу и нажмите «Открыть». Расположите аудиоклип, как описано выше. Чтобы изменить громкость или увеличить / уменьшить звук, щелкните треугольник в правом верхнем углу клипа. (Если вам нужно, чтобы длина вашего видео соответствовала длине звука, добавьте звук раньше в процессе.)

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

alexxlab

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

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