Lidtracker.ru

Лид Трэкер
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

Share this.

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

Шаг 1.

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

Создаем выпуклый и вдавленный текст шаг 1

Шаг 2.

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

Создаем выпуклый и вдавленный текст шаг 2

Шаг 3.

Применим к нашей заливки эффект размытие по Гауссу. Для этого на панели выбираем Эффект > Размытие > Размытие по Гауссу. Значение размытия указываем в пределах 2-4 пикселей.

Создаем выпуклый и вдавленный текст шаг 3

Шаг 4.

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

Создаем выпуклый и вдавленный текст шаг 4

Шаг 5.

Применяем к данной заливки эффект Трансформации со значениями приведенными на фото.

Создаем выпуклый и вдавленный текст шаг 5

Шаг 6.

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

Создаем выпуклый и вдавленный текст шаг 6

Шаг 7.

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

Создаем выпуклый и вдавленный текст шаг 7

Теперь приступим к созданию текста с эффектом вдавливания.

Шаг 8.

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

Создаем выпуклый и вдавленный текст шаг 8

Шаг 9.

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

Создаем выпуклый и вдавленный текст шаг 9

Применяем к верхней заливки эффект внутреннего свечения.

Создаем выпуклый и вдавленный текст шаг 9

Создаем выпуклый и вдавленный текст шаг 9

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

Сдвинутый текст

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

Для начала создайте новый документ размером 1000 на 500 пикселей и залейте его цветом #f4f4f4 :

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

С помощью клавиатурной комбинации Ctrl + D снимите выделение и примените Фильтр> Размытие> Размытие по Гауссу со следующими настройками:

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

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

В своем изображении я использовал шрифт Arial Black ( размер 250 пунктов ). Затем примените к этому слою стили « Скос и рельеф » и « Наложение градиента »:

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

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

С помощью клавиатурной комбинации Ctrl + D снимите выделение и нажмите Ctrl + F , чтобы применить предыдущий фильтр к этому слою:

Затем задайте в Фильтр> Размытие> Размытие в движении со следующими настройками:

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

Продублируйте этот слой три раза с помощью клавиатурной комбинации Ctrl + J , чтобы добавить тень под каждой буквой:

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

Нажмите Ctrl + Shift + J , чтобы вырезать выделенную область на новый слой. Используйте инструмент « Перемещение », чтобы немного переместить новый слой:

Сделайте то же самое еще несколько раз:

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

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

Снимите выделение области с помощью клавиатурной комбинации Ctrl + D и размойте тень с помощью инструмента « Размытие »:

Затем с помощью инструмента « Палец » ( Кисть: 10 пикселей, Режим: Нормальный, Сила: 33% ) придайте тени более естественный вид:

Таким же образом добавьте тень под второй ногой робота:

Отлично, мы закончили! Мы создали сдвинутый текст. Я доволен результатом, надеюсь, что и вы тоже!

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

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

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

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

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

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

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

Читать еще:  Инструкция по созданию виртуальной машины VirtualBox и работе с ней

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Делаем имитацию вдавленного текста в Photoshop

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

Как сделать тиснение текста в Photoshop

Весь процесс можно уместить в одну инструкцию без необходимости разбития на этапы:

  1. Для начала создаем документ, где будем работать с текстом. При запуске Photoshop вы можете воспользоваться кнопкой «Новый», чтобы открыть окошко создания документа.
  2. Настройки документа выставляйте такими, какими посчитаете нужными. Главное, установить единицу измерения «пикселы» везде. Выставив все необходимые настройки нажмите «Ок».
  3. Находясь в рабочей области создайте новый пустой слой, воспользовавшись соответствующей кнопкой в нижней части панели слоев.
  4. Новый слой вам нужно чем-нибудь залить. На самом деле в качестве фона вы можете использовать все что угодно – от обычной однотонной заливки до сложного градиента или отдельного изображения. Мы же сделаем простую однотонную заливку для примера. Выберите инструмент «Заливка» в левой панели инструментов.

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

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

  • «Смещение» примерно на 5 пикселей,
  • «Размер» на 15-20 пикселей,
  • «Угол» выставьте те значения, которые считаете приемлемыми,
  • Аналогично поступите с параметром «Непрозрачность».

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

Работа с текстом в Adobe Photoshop: как сделать красивую надпись

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

Adobe Photoshop CS5 запуск

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

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

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

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

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

Фотошоп

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

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

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

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

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

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

Деформация

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

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

Эффекты

Стили в Фотошопе

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

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

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

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

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

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

Объём

Adobe Photoshop 3D

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

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

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

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

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

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

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

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

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

Разные стили для Adobe Photoshop

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector