Как сделать красивую надпись в картинке в фотошопе: Создание красивой надписи в Photoshop

Содержание

Как сделать косую надпись в фотошопе. Как сделать надпись на картинке, фотографии или изображении в Фотошопе

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

Надписи в Фотошопе создаются очень просто.

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

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

    • тень;
    • внутренняя тень;
    • внешнее свечение;
    • внутреннее свечение;
    • контурное или текстурное тиснение;
    • глянец;
    • наложение цвета;
    • наложение градиента;
    • наложение узора;
    • обводка.

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

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

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

    Указанные настройки становятся доступны после нажатия данной кнопки.

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

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

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

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

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

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

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

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

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

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

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

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

Деформация

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

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

Эффекты

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

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

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

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

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

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

Объём

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

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

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

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

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

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

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

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

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

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

ДА! Этот урок будет посвящен тексту в Фотошопе
. Очень часто случается, что нам нужно подписать какую-то картинку или фотографию красивым текстом или мы делаем какую-то обложку, флаер, и прекрасно оформленный текст в таком случае просто необходим.

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

Открываем картинку, на которой будем писать текст. Нажимаем «Файл — Открыть
». И выбираем у себя на компьютере изображение.

Вот такое изображение открыл я:

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

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

Выбираем из списка шрифт, который нам нравится:

Потом нужно установить размер:

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

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

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

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

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

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

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

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

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

После того как все настроено нажимаем «Да
».

Вот такой вот результат на данный момент у меня:

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

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

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

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

Откройте Photoshop на своем компьютере.

  • Чтобы открыть свою фотографию или картинку, кликните “Open”.
  • Чтобы создать белый фон и просто потренироваться в создании текста, кликните “New”.

В данной статье рассмотрим пример наложения текста на фотографию.

Выберите фотографию или другое изображение из директории вашего компьютера. Нажмите “Открыть”.

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

Выберите инструмент “Текст” в левой панели инструментов либо просто нажмите на английскую букву T на клавиатуре.

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

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

Введите всю надпись.

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

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

Кликните дважды по слою с текстом.

Откроется окно эффектов и стилей текста. Здесь вы можете создавать такие эффекты, как металлическое сияние, градиенты, обводка вокруг текста. Так как в данном случае нужен белый текст, но фон изображения – тоже светлый, придется сделать небольшую черную обводку. Для этого сначала нужно активировать пункт “Contour”, а потом “Stroke”.

Попробуйте найти эффекты, которые нужны именно вам. Просто кликайте по всем пунктам и крутите ползунки. Если хотите отменить последнее действие, нажмите CTRL + Z или CTRL + Z + ALT.

Текст можно изогнуть или придать ему диковинную форму. Кликните по нему правой кнопкой мыши и в выпадающем списке выберите пункт “Warp Text”.

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

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

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

В этом уроке мы научимся создавать текстовую надпись
.

1. Набор текста.

Чтобы сделать надпись
выбираем слева на панели инструмент Type

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

Все картинки кликабельны.

На панели Options

(Параметры) Можно выполнить настройку текста, как до его введения, так и после.

2. Выбор гарнитуры

3. Выбор начертания шрифта

4. Размер шрифта

5. Алгоритм сглаживания шрифтов

6. выравнивание текста

7. Цвет текста

8. Деформация текста

9. Вызов палитры

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

Примечание

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

.

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

2. Цвет текста.

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

Цвет текста можно создать при помощи Gradient

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

(Волшебная палочка) . Буквы выделятся движущимся пунктиром.

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

3. Стиль текста.

Теперь попробуем изменить вид текста при помощи Styles

(Стили) на панели в правом верхнем углу.

В Adobe Photoshop имеется стандартный набор стилей, который можно изменять и пополнять по необходимости.

Для изменения стиля текста мы будем работать в панели Layers

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

Дополнительно о работе со стилями можно посмотреть

4. Деформация текста.

Деформировать текст можно с помощью кнопки на панели Options

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

Расположить текст в документе можно вдоль любого контура. Сначала нам необходимо создать сам контур. Для его создания воспользуемся инструментом Pen

(Перо).

Я выбрала Freeform Pen

(Свободное перо) и нарисовала контур «от руки».

После того, как текст набран, кликаем по контуру и убираем его.

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

Copyright © Внимание!. Копирование материала может быть использовано только с разрешения администратора сайта и указанием активной ссылки на сайт.Все права защищены.

Еще с сайта:

  • 13.03.2017. Отзывов нет
  • 03.01.2017. Отзывов нет
  • 28.07.2014. Отзывов нет

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

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

Этап 1. Настройка параметров и создание надписи

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

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

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

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

Можно использовать оригинальные шрифты, которых нет в стандартном наборе, они в избытке предлагаются для скачивания в сети, после чего их нужно сохранить в папку «Шрифты» в панели управления. Они будут доступны не только в Photoshop, но и в других программах, где используются шрифты, например в Word.

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

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

Этап 2. Стилизация надписи в Фотошопе

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

В открывшемся окне слева находятся стили, а справа настройки каждого из них. В примере (рис.1) вы можете видеть синюю надпись в оригинале, а под ней то, что можно с ней сделать. Здесь применены настройки: тень, внутренняя тень, внешнее свечение, тиснение, контур, глянец и наложение градиента. Чтобы применить какой-то стиль, нужно поставить галочку напротив его названия.

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

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

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

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

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

Добавление надписи

Для того чтобы написать что-то на фото или изображении, откройте это изображение: «File» – «Open» или «Ctrl+O». В примере мы будем создавать текст в новом документе на прозрачном фоне. В конце можно будет сохранить на прозрачном фоне результат, тогда у Вас будет возможность в любое время вставить надпись на нужное изображение.

Создадим новый файл в Фотошопе: «Ctrl+N». В диалоговом окне установите значения ширины «Width» и высоты «Height» и выберите «Background Contents» (Содержимое фона) – «Transparent» (Прозрачный). Нажмите «ОК».

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

Чтобы написать текст в Фотошопе, на панели инструментов нажмите на пиктограмму с изображением буквы «Т».

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

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

То, что написала я, не поместилось полностью на листе. Поэтому выделяю все, нажав сочетание клавиш «Ctrl+A», и перехожу к настройкам инструмента.

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

Первая кнопочка позволит изменить направление — горизонтальное или вертикальное. Дальше можно выбрать нужный шрифт, размер и цвет. Кнопка «Create warped text» (Создать деформированный текст) поможет деформировать надпись, нужно просто выбрать подходящий стиль. В примере выставлены все параметры, которые подчеркнуты на рисунке, код цвета «#4b84d8».

Поместив курсор мышки за границами текста, он примет вид черной стрелочки (такой же, как первый инструмент Панели инструментов «Move Tool» (Перемещение)), зажав левую кнопку мышки, можно переместить напечатанное в любое другое место на изображении.

Окно настроек деформации появится после нажатия на кнопку «Create warped text» (Создать деформированный …). Выберите подходящий стиль, настройте параметры и нажмите «ОК».

Изменение стиля слоя

Рассмотрим палитру слоев. Каждый раз, при добавлении новой надписи, там будет создаваться новый слой. Если Вы добавляли текст на фото, оно будет представлено в палитре отдельным слоем. Таким образом, при работе с написанным мы никак не изменим изображение.

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

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

В открывающемся списке выбираем верхний пункт «Blending Options» (Параметры наложения).

Откроется окно «Layer Style» (Стиль слоя). Слева в нем будут представлены различные стили:

«Drop Shadow» (Тень), «Inner Shadow» (Внутренняя тень), «Outer Glow» (Внешнее свечение), «Inner Glow» (Внутреннее свечение), «Bevel and Emboss» (Тиснение), «Contour» (Контур), «Texture» (Текстура), «Satin» (Глянец), «Color Overlay» (Наложение цвета), «Gradient Overlay» (Наложение градиента), «Pattern Overlay» (Перекрытие узора), «Stroke» (Обводка).

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

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

«Drop Shadow» (Тень).

«Inner Shadow» (Внутренняя тень).

«Outer Glow» (Внешнее свечение).

«Bevel and Emboss» (Тиснение).

«Contour» (Контур).

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

«Stroke» (Обводка).

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

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

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


Оценить статью:

Загрузка…

Поделиться новостью в соцсетях

 

Об авторе: Олег Каминский

Вебмастер. Высшее образование по специальности «Защита информации». Создатель портала comp-profi.com. Автор большинства статей и уроков компьютерной грамотности

Как создать красивый текст в фотошоп

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

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

В появившемся окне выставим параметры как на картинке ниже

Кликнем два раза левой кнопкой мышки по нашему слою. В появившемся диалоговом окне нажмем Ок. Теперь наш слой разблокирован.

Далее создаем новый слой. Для этого заходим в меню Слои -> Новый -> Слой

В появившемся окне нажимаем Ок

Выбираем инструмент Градиент

Выставляем параметры как на картинке ниже

Далее наводим курсор на нижний край нашего листа по центру, зажимаем клавишу Shift и правую кнопку мыши и ведем курсор чуть выше середины листа

У нас должно получится вот так

Затем объединим наши слои

И снова создадим новый слой

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

Далее выбираем шрифт нашего будущего текста

И начинаем писать наш текст на листе

Затем выбираем инструмент Перемещение

и выставляем наш текст по центру

Далее заходим в стили слоя и выбираем параметры наложения

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

Экспериментируем с установками и выбираем наиболее подходящий для нас вариант. К данному тексту можно применить эффект отражения или применить 3D

В этом уроке мы рассмотрели как  создать красивый текст в  фотошоп в различных стилях. Обязательно по практикуйтесь со стилями слоя и напишите пожалуйста свой отзыв ниже об этом уроке. Заходите на сайт FotoshopDesign.ru

———————————————

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

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

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

1. Открываю нужную картинку с помощью программы ACDSee.

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

3. Ищу на одной из панелей букву «Т» при наведении на нее мышкой всплывает надпись «Добавить текст»
Если у вас одна из последних версий программы ACDSee сначала надо нажать вкладку «Обработка» а затем вкладку «редактор» И уже в редакторе искать подраздел «добавить» и слово «текст» и нажать на него. (Появится слово текст на редактируемом изображении)

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

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

6. Когда надпись готова остается нажать на кнопку «Готово» на панели добавления текста.

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

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

 

 

 

 

 

 

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

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

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

  • Создание надписи на фотографии с помощью фоторедакторов
  • Создание надписи на фото с помощью онлайн-сервиса

Надпись на фотографии можно сделать несколькими способами:

  • с помощью онлайн-сервиса;
  • стандартным Paint;
  • сторонними фоторедакторами (Photoshop, Paint.NET и т.д.).

Создание надписи на фотографии с помощью фоторедакторов

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

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

Стандартный Paint слишком прост и малофункционален. Photoshop cоздан для профессионалов и сложен в освоении. Что касается Paint.NET, то он вобрал в себя все лучшее от Фотошопа, но управлять им так же просто, как и стандартным Paint. В связи с этим пример нанесения текста на фотографию покажем в редакторе Paint.Net.

Берем любую фотографию, на которую нужно нанести текст, кликаем правой кнопкой мышки и выбираем «Открыть с помощью Paint.NET».

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

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

После нанесения текста следует открыть меню «Файл» и кликнуть «Сохранить». В параметрах сохранения выставляем ползунок качества на 100% и кликаем «ОК».

к содержанию ↑

Создание надписи на фото с помощью онлайн-сервиса

Как сделать надпись на фото онлайн? Решить данный вопрос можно двумя способами: воспользоваться онлайн-фотошопом или специальным онлайн-сервисом. В случае с онлайн-версией Фотошопа текст наносится как в обычном фоторедакторе.

В онлайн-сервисе текст наносится немного другим способом. Для начала нужно открыть сайт http://effectfree.ru/?do=photoeffects&upload=new&for=text в браузере (для этих целей лучше всего подходит Google Chrome). Сервис предложит вам загрузить фотографию. Выбираем фотку и жмем «Выполнить загрузку фото».

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

Когда все готово, кликаем «Наложить текст».

Чтобы сохранить фотографию на новой странице, под фоткой кликаем «Скачать и продолжить».

Хотите научиться делать красивые надписи на фотографиях? Просмотрите следующий видеоролик:

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

  • arial
  • the meme
  • vanlentines
  • Filxgirl
  • Kingthings Sans
  • BIRTH OF A HERO
  • Amperzand
  • ABEAKRG
  • Market Deco
  • REVOLUTION
  • Dancing Script
  • Bleeding Cowboys
  • Champagne And Limousines
  • Jellyka Delicious Cake
  • Lydia Puente
  • georgia
  • Mirella Script
  • Justice by Dirt2
  • Bellerose
  • Respective
  • before The Rain
  • champignonalt swash
  • Dutch And Harley
  • the Daily Bread
  • adinekir
  • Angelic Peace
  • Beyond Wonderland
  • Christmas Mouse
  • Compass
  • COUTURE Bold
  • evanescent
  • FairyDustB
  • Fantastica
  • FLOWER
  • iNked God
  • Jellyka Vampire
  • Jellyka Castle
  • LaPointesRoad
  • Mutlu Ornamental
  • Neou Thin
  • Quickier
  • REZ
  • staravenue
  • SverigeScriptClean
  • Van den
  • Sansation

Больше шрифтов

Как создать текст с фото-заливкой в ​​Photoshop

Фото: Шри Путри Хулио

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

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

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

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

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

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

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

Ладно, может, это уже перебор.

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

Но что, если я не эксперт по CSS и не обладаю такими продвинутыми компетенциями? Или, возможно, у меня нет времени (или желания) рисовать изображения с помощью CSS, и вместо этого я предпочитаю использовать то, что я узнал о Photoshop или Illustrator?

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

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

Photoshop в действии

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

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

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

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

Разумеется, не стесняйтесь работать над темой по своему выбору.

Посмотрим, как дальше.

1). Настройте свой текст

Откройте фотографию, которая будет нашей основой, и нажмите «Текст» на панели инструментов слева.
На этом этапе выберите шрифт, размер, цвет и выравнивание текста в параметрах выше. Блочный шрифт без засечек часто работает лучше всего, но не стесняйтесь экспериментировать. В итоге я выбрал Dock11 в качестве шрифта из-за его простоты (доступен в категории Sans, вы можете скачать его здесь).

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

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

2). Размер текста до

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

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

Теперь поместите курсор на фоновый слой, щелкните правой кнопкой мыши> Дублировать слой .Мы создадим новый уровень под названием Background copy . Перетащите слой Background, копию над текстом London.

(обратите внимание, что после этого шага наш текст «временно исчезнет»).

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

Выберите текстовый уровень и, удерживая Ctrl, нажмите кнопку New Layer (второй последний значок, начиная слева) внизу на панели уровней, чтобы создать новый уровень, который должен быть расположен под текстовым уровнем.

Затем сбросьте цвет переднего плана и второй цвет, нажав «D». Используйте цвет переднего плана (черный), чтобы заполнить уровень 1, который мы создали ранее. Если вы предпочитаете что-то другое, кроме черного, в качестве цвета фона, вы можете изменить его.

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

Вот фоновое изображение в нашем тексте!

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

Выводы

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

Не тормозите воображение!

Оцифруйте свой почерк с помощью Photoshop Elements

Мне нравится все, что связано с рукописным письмом. Мне нравятся свупы, завихрения, тяжелые нисходящие и легкие восходящие движения. Мне нравится, как все это сочетается друг с другом, и как я могу просматривать тонны ручных надписей в Instagram-каналах, и ни одна из них не выглядит точно так же.Я все еще осваиваю эту технику. Бывают моменты, когда я думаю, что мои надписи от руки УДИВИТЕЛЬНЫ, а бывают времена, когда это просто отстой. Поэтому, когда я получаю те редкие случаи, когда я горжусь написанным от руки надписью, мне нравится оцифровывать его, чтобы сохранить. Сегодня я научу ВАС, как можно оцифровать свой почерк.

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

Этот принт — моя собственная надпись, наложенная на цифровой акварельный фон, и вот как вы это делаете.

КАК Оцифровать рукописный ввод

Во-первых, вам нужно создать надпись от руки. Если вы новичок в рисовании от руки, вы можете найти множество отличных руководств на сайте Dawn Nicole Designs. Она действительно потрясающая!

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

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

Далее вы собираетесь настроить контраст. Улучшение> Регулировка освещения> Яркость / Контрастность.

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

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

Нажмите УДАЛИТЬ, и белый фон исчезнет, ​​оставив текст на прозрачном фоне.Ниже вы можете видеть, что некоторые части моего файла все еще белые. Если это произойдет с вами, все, что вам нужно сделать, это снова использовать инструмент волшебной палочки, чтобы выбрать каждую белую область и нажать УДАЛИТЬ.

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

Хотите изменить цвет текста, как я? Нет проблем, просто нажмите «Улучшение»> «Настроить цвет»> «Настроить оттенок / насыщенность

».

Сдвиньте ползунок «Яркость» вправо, чтобы текст стал белым.И теперь у вас есть фото с наложенным на него ВАШИМ почерком.

Дополнительные уроки Photoshop Elements см. По адресу:

Как создавать печатные формы с помощью Photoshop Elements
Как создавать цифровые акварельные отпечатки
Как создавать градиенты с помощью Photoshop Elements

Эффект блестящего каллиграфического текста в Photoshop

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

Шаг 1

Откройте Photoshop и создайте новый документ, я использовал 1920×1200 пикселей для размера . Затем залейте фон очень темным цветом # 1f1e1e.

Шаг 2

С выбранным фоновым слоем перейдите в меню Layer> Layer Style> Gradient Overlay .Выберите серый (# 707070 ) и белый цвета. Измените режим наложения на Умножение и непрозрачность на 60% . Модель Style будет Radial . Убедитесь, что белый цвет находится в центре. Что произойдет, так это то, что по мере использования умножения края изображения будут темнее. Я применяю этот градиент с помощью стилей слоя, потому что позже я хочу добавить фильтр к слою, и тогда я смогу попробовать разные цвета.

Шаг 3

Теперь перейдите в Filter> Noise> Add Noise .Используйте 2%, Gaussian и убедитесь, что вы выбрали Monochromatic . Добавление шума к градиентам действительно хорошо, потому что оно делает градиент более тонким.

Шаг 4

Добавим текст. Нам понадобится шрифт в стиле каллиграфии, я использую Champignon , и вы можете скачать его на http://dafont.com. Тип Похищенный первым.

Шаг 5

Теперь прямо под строкой «Похищено» типа «by». Я использовал для него другой шрифт: «Champignon Alt S… «, и вы также можете загрузить его с http://dafont.com. Используйте изображение ниже для справки о позиции и попробуйте соединить слова, такие как» Bs «.

Шаг 6

Введите слово «Дизайн». Pay используйте конец «y» для соединения с «D», очень важно, чтобы слова соединялись, иначе эффект не будет работать.

Шаг 7

Чтобы сделать эффект более привлекательным, добавим завитки. Это в значительной степени то же самое, что я делал в другом уроке «Тип завитка в Photoshop».Но в основном, давайте импортируем элемент завихрения и поместим его перед буквой «A». Тот, который я использую, был любезно предоставлен Shutterstock, и вы можете скачать его здесь

Шаг 8

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

Шаг 9

Теперь добавьте еще один завиток в «Y».

Шаг 10

Теперь, когда у вас есть текст с завитками, преобразуйте его в Смарт-объекты .Таким образом, мы можем редактировать его в любое время. Затем перейдите в Слой > Стили слоя> Наложение градиента . Используйте Pink и Blue для цветов, Linear для стиля и 90º для угла.

Шаг 11

После наложения градиента выберите Drop Shadow . Используйте Multiply для режима наложения, 120º для угла, 5 пикселей для расстояния и 20 пикселей для размера.

Шаг 12

После Drop Shadow выберите Bevel and Emboss .Используйте Inner Bevel для стиля, Smooth for the Technique, 190% для глубины. Для Направления используйте Вверх, для Размера используйте 6 пикселей и 8 пикселей для Смягчения. Теперь для части затенения используйте 120º для угла и 30º для высоты. Для режима Highlight Mode используйте Color Dodge и белый цвет с непрозрачностью 75%. Затем для режима тени используйте Умножение и черный цвет с непрозрачностью 45%. Также выберите Контур.

Шаг 13

Дублируйте текстовый слой и первым делом измените заливку на 0% .Таким образом, цвета не будет, но стиль слоя по-прежнему будет работать над прозрачным слоем. Также отключите наложение градиента. Для скоса и тиснения измените Направление на Вниз. Также увеличьте глубину до 370%. Для размера используйте 2 пикселя и 8 пикселей для смягчения. Теперь для затенения измените угол на 145º, высоту на 25º. Режимом выделения будет экран с белым цветом и 100% непрозрачностью, а для режима тени — 0%.

Шаг 14

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

Шаг 15

Снова продублируйте слой, но на этот раз давайте отредактируем Bevel and Emboss. Измените Soften на 1 пиксель. Для режима Highlight Mode используйте Color Dodge с 70%. Также отключите Drop Shadow.

Шаг 16

Теперь давайте создадим узор для использования в нашем дизайне. Создайте новый документ с шириной 40 пикселей и высотой 200 пикселей.

Шаг 17

Измените размер фонового слоя так, чтобы он имел ширину 20 пикселей.Залейте слой градиентом Lienar, используя белый цвет, но другую непрозрачность. Используйте от 100% до 40% для непрозрачности градиента. Используйте изображение ниже для справки.

Шаг 18

Перейдите в меню Edit> Definition Pattern . Назовите его Stripe, и у вас будет красивый узор.

Шаг 19

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

Шаг 20

Поверните слой с узором и измените режим наложения на Мягкий свет.

Шаг 21

Удерживая команду на MAC или Control на ПК, щелкните ползунок текстового слоя на панели слоев. Таким образом вы создадите выделение текстового слоя. Это довольно просто и очень полезно. После этого перейдите в Слой > Маска слоя> Показать выделение . Узор будет нанесен только поверх текста.

Шаг 22

Выберите все слои, используемые для создания текстового эффекта, и продублируйте их.Перейдите к Layer> Merge Layers . После этого перейдите в Filter> Blur> Gaussian Blur . Установите радиус 10 пикселей и нажмите OK. Измените режим наложения на Screen , это добавит красивому свечению изображению.

Шаг 23

Давайте добавим световые эффекты. Я использую стандартную фотографию для создания бликов объектива, вы можете использовать кисти или даже фильтр Lens Flare. Образ, который я использовал, может быть , скачать здесь . Поместите в дизайн только блики объектива и измените режим наложения на Screen .После этого перейдите в меню Image> Adjustments> Hue and Saturation . Выберите Colorize и измените оттенок, пока вы не получите цвет, соответствующий цвету части текстового эффекта, над которой будет свет.

Шаг 24

Дублируйте световой эффект и переместите его на другую букву.

Шаг 25

Снова продублируйте блики линзы и переместите их на другую часть дизайна. Снова перейдите к Image> Adjustments> Hue and Saturation и еще раз выберите Colorize и попробуйте сопоставить цвет бликов с дизайном.

Шаг 26

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

Заключение

Вы также можете добавить космическую сцену под ней или просто оставить ее поверх шумового фона. Также, если вы хотите добавить больше свечения к изображению, просто продублируйте все слои и объедините их с новым или просто нажмите Command (MAC) / Control (PC) + Alt + Shift + E.Затем примените Gaussian Blur с радиусом 20 пикселей и измените режим наложения на Screen.

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

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

Варианты

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

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

Скачать файл Photoshop

Щелкните здесь, чтобы загрузить файл Photoshop, использованный для этого урока

надписей в фотошопе! Два простых метода написания шрифтов | Jasmine Lové

стенограммы

1.Добро пожаловать в Photoshop Lettering: Modern Script: Здравствуйте. Я просто люблю. Добро пожаловать в фотошоп, засоряющий современную весну, где вы научитесь создавать изящные надписи с помощью Adobe Photoshopped. Вместе мы изучим и применим элементы современных стилей шрифтов, которые мы видим в современной каллиграфии, кистях, надписях и шрифтовом дизайне. Вы увидите примеры того, как я применяю эту технику к реальным проектам надписей, а также посмотрите, как я создаю новые надписи от начала до конца. Этот класс — питомец с множеством полезных советов по формированию букв, которые помогут использовать буквенные обозначения оценщика именно так, как вы хотите.Он также включает в себя создание специальной кисти для надписей, а также бонусное видео о том, как победить глаза. Надпись вашего фото-магазина. Этот класс идеально подходит для всех любителей буквенного письма, независимо от уровня мастерства. Когда вы закончите свой классный проект, вы можете применить свои надписи на пальцах ног, такие как открытки, одежда, грин-карта, настенные рисунки или все, что захотите. Если у вас нет Adobe Photo Shop или желанного синти, не проблема. Те приемы, которые вы изучите на этом занятии, можно применить с помощью iPad, Windows Surface Pro или любого другого планшета для рисования в стилистике, с которым вам удобно. Готовы ли вы приступить к работе? Итак, я присоединился сейчас, и давайте начнем

2.Инструменты и обзор: Всем привет и добро пожаловать. Я так взволнован, что ты решил пойти на этот урок. Я очень счастлив. Начнем с краткого обзора классов. Во-первых, мы поговорим о двух вариантах, которые у вас есть для участия в этом классе. В следующем видео мы отправимся на поиски вдохновения. Он просмотрит несколько книг, а затем несколько веб-сайтов, чтобы дать вам некоторые идеи о том, какие элементы помогают создать стиль. Далее мы создадим кисть для надписей Andy Racer из фотошопа.Создать их очень просто. Те из вас, кто может захотеть пропустить эту часть, смогут загрузить созданный мною предварительный набор инструментов кисти. Тем не менее, я все равно рекомендую вам следовать за мной, потому что там может быть что-то, чего вы еще не знаете. Кто знает. После этого мы узнаем, что такое руководство по надписям и как его создать, а затем как его использовать. Наконец, мы начнем наш проект надписи с фотошопами. У вас будет два варианта, и я продемонстрирую оба в этом классе, не стесняйтесь выполнять оба варианта.На самом деле, я поощряю это, потому что выполнение обоих вариантов улучшит вашу практику. Это повысит ваши навыки, и тогда вы сможете определить, какой метод лучше всего подходит для вас. Кроме того, чем больше вы напишете, тем веселее вы получите. Кому не нравится возможность просто отключиться и создать надписи в фотомагазине? Я люблю это. Наконец, в бонусном видео я быстро расскажу о том, как создать векторную картинку для надписи в фотоателье. Это очень быстро и очень просто, так что давайте поговорим об инструментах. Методы цифровой надписи, которые вы изучите в этом классе, не ограничиваются использованием фотоателье W или приветственного антикварного планшета.Это именно то, что я решил использовать в своем проекте класса в этом классе. Хорошо, начнем с программного обеспечения и EPS. Если у вас нет Photoshopped, вы можете загрузить 30-дневную бесплатную пробную версию с сайта adobe dot com. Если вы только что воспользовались бесплатной пробной версией Google Photoshopped, вы сможете буксировать. Найдите ссылку, которая приведет вас к adobes. Загрузите страницу, найдите Photoshopped, нажмите, загрузите и следуйте инструкциям. Procreate — это не AB для пользователей iPad, который имитирует многие функции фотомагазинов. Это отличный фото-магазин. Чередуйте, когда вы в пути, и все, что у вас есть, — это iPad и стилисты.Хотя это не замена Photoshopped в целом, он по-прежнему отлично подходит для рисования надписей и стоит около 6 долларов в магазине Apple App Store. Adobe Photo Shop Sketch — бесплатное приложение для рисования для пользователей iOS. Он ограничен во многих отношениях по сравнению с фотошопом или воспроизведением потомства, но все же это отличное приложение для надписей. Фактически, я начал работать над нарисованным от руки шрифтом, используя его, и теперь я могу отключиться и просто рисовать. А потом у нас есть Astro Pad. Astro Pad, по сути, представляет собой приложение, которое превращает ваш iPad в планшет для рисования для вашего компьютера Mac.Предполагается, что это будет альтернатива старинному Приветствию. Я никогда раньше этим не пользовался, но на YouTube есть несколько обзоров. Если вы хотите узнать больше об этом, есть много других APS для рисования для пользователей Windows и Android. Все дело в том, чем вам нравится рисовать. Что касается оборудования и устройств, здесь также есть несколько вариантов. Что касается стилиста, я предпочитаю использовать что-то с чувствительностью к давлению, чтобы я мог легче имитировать мазок кисти, и последний совет для тех, кто будет использовать планшет для рисования на экране, iPad pro или что-то в этом роде, где ваша рука находится на экране, купите несколько хлопковых глобусов.Это значительно увеличивает отклонение ладони, так что вы случайно не оставите отметки на всем своем изображении. В следующем видео мы узнаем о формах букв сценария и начнем нашу охоту за вдохновением.

3. Охота за вдохновением: прежде чем мы начнем писать надписи, я хочу показать вам, на что следует обратить внимание, в поисках вдохновения. Несколько мест, где можно исследовать элементы стиля, есть в книгах. Некоторые книги были созданы для обучения и практики, а другие созданы исключительно для вдохновения. Эта книга Молли Супер Торп «Современная каллиграфия» представляет собой обучающую и практическую книгу.Как вы уже догадались, он наполнен несколькими формами современной каллиграфии и включает в себя практические подсказки, такие как строки и столбцы альфа-битов, написанные по-разному. Когда вы рисуете слова, старайтесь думать о разных формах букв. Вы когда-нибудь практиковались в письме и замечали, что продолжаете рисовать один и тот же тип букв снова и снова? Если да, то такие книги идеально подходят для вас, потому что они побуждают вас рисовать разные скелеты, что затем приводит к созданию ваших собственных уникальных стилей.Два популярных элемента, которые мы видим в сегодняшних надписях или завитках и завитках. Обычно их используют, чтобы надписи выглядели индивидуально, элегантно, женственно или весело. Стоит обратить внимание на то, как буквы соединяются. Вот отличный пример слова «ненависть». Посмотрите, как буква O соединяется с буквой V. Соединитель разветвляется сверху, а затем спускается в V. Если вы посмотрите на слово «гладкий», вы увидите, что два O имеют типичные петлевые разъемы. Постарайтесь помнить об этих мелких деталях при отработке различных форм букв.Еще одна вещь, которую вы заметите, — это то, что Молли удвоила толстый штрих, чтобы создать высококонтрастные буквы на этой странице. Нерегулярное возбуждение и базовые линии придают надписи игривый вид. Обратите внимание на то, как они есть, и все достигает высоты X и опускается ниже базовой линии. Кроме того, O и вы очень крошечные по сравнению с другими буквами. Это то, что я называю преувеличенными формами букв. Этот мне очень нравится. Взгляните на букву F в слове, потому что это восходит к созданию новых и уникальных форм букв.Мне это нравится. Если это произойдет так скоро, я, когда вы начнете рисовать свой сценарий, будет ли это связанный сценарий, также известный как курсив, или он будет отключен? См. Слова «сохранить даты» и «свадьба». О, потому что Молли скорее прикрепила эти слова, чем напечатала их. По определению, это шрифт. Этот тип заглавных букв. Скрипт также является популярным стилем букв и каллиграфии. Может быть, вы захотите добавить терминалы к своей надписи. Если да, то где вы добавите их в дизайн шрифта, которые обычно находятся на конце руки, ноги или надбровной дуги с такими буквами, как A, C F G, J R, или почему? Но в надписи вы также можете увидеть их на концах перекоса — эта книга под названием «Сценарии» была создана Луизой Фили и Стивеном Хиллером.Это книга для вдохновения, и она наполнена широким спектром шрифтов 19 и 20 веков. Это действительно отличный ресурс. Вот один из моих любимых разворотов из книги. Мне нравится, потому что он показывает одну фразу, написанную или нарисованную разными способами с помощью разных булавок или кистей. Еще один замечательный ресурс — это книга Райана Хьюза «Обычай надписи сороковых и пятидесятых годов». Эта сверхтолстая книга заполнена нестандартными буквами. Я просто хотел выделить часть содержания, чтобы показать вам их категории буквенных обозначений.Как видите, у них есть почерк, кисть, сценарий, сценарий булавки, графика, сценарий. В этой книге так много добра, что вам обязательно стоит ее проверить. Я вытащил пару изображений из книги, чтобы выделить еще несколько элементов. Q и F имеют уникальную лигатуру, когда вы смотрите на вдохновение, и когда вы пишете, также заметили, казалось бы, мелочи, такие как способ рисования буквы от начала до конца. Например, если вы посмотрите на букву в From Queen, вы заметите, что горбинки обводятся ветвями снизу первого штриха, а не от середины или верха.Теперь, если вы посмотрите на шрифт, который я использую на этом слайде, вы увидите, что концы выступают из верхней части, чтобы ваши буквы были связными. Важно обращать внимание на то, как штрихи сужаются в начале и в конце. Как вы можете видеть со словом редакционная статья, начальный штрих D. I. T. и L одинаковы, потому что он был написан или нарисован одной и той же кистью. Это отличная вещь, о которой следует помнить, рисуя и очищая надписи из фотошопа. О, и мы не можем забыть об этих чернильных краях крови.Мне нравится этот вид, поэтому мы собираемся создать цифровую кисть, имитирующую этот вид. Наконец, я хотел бы дать вам несколько советов по типографике, которые помогут вам с написанием букв. Вот я и написал. Чем больше вы разбираетесь в типографике и шрифтовом дизайне, тем лучше для создания хорошо сформированных букв, например, вы можете захотеть изменить способ рисования перекладины. Иногда в строчных буквах, таких как T, E и F, поперечная полоса проходит прямо. В других случаях это под углом.Это еще один элемент, который вы можете использовать, чтобы объединить ваши буквы и определить свой стиль. Я добавил вам на рассмотрение несколько разных стилей терминала. Также подумайте о повороте и расстоянии между буквами. Итак, если мы вернемся к этому слову редакционная статья или это сообщение в редакционной статье, это будет похоже на Loreal. Но я думаю, что это должна была быть буква Т, поэтому мы просто сделаем вид, что там написано передовой. Итак, это слово Editori, ох, это плотно Керн. А затем, если мы вернемся к этому слову, представьте себе буквы, расположенные в воздухе.Итак, еще раз, это еще одна вещь, которая влияет на стиль букв сценария, которые вы решили нарисовать, потому что записались в этот класс. У вас есть доступ к бесплатному скачиванию этого PDF-файла на странице описания проекта, так что вы всегда можете вернуться и почерпнуть из него некоторые идеи. Я просто хочу быстро показать вам эту современную доску Pinterest для скриптов, которую я создал, чтобы помочь вам начать поиск вдохновения для вашего проекта. Поэтому, просматривая это, подумайте, какое слово, имя или фразу вы хотите нарисовать и для чего вы будете использовать свои буквы.Чтобы дать вам несколько идей, вы можете создать логотип бренда, поздравительную открытку, приглашение, обложку книги или плакат. Я имею ввиду с надписью. Кажется, что нет никаких ограничений, поэтому обязательно проверьте эту доску Pinterest с веб-сайтов — отличный способ поиска альтернативных форм букв на этом веб-сайте. Я просто перехожу к строке поиска и набираю скрипт, нажимаю Enter, затем я хотел бы отключить изображения, ввести букву и посмотреть, что появится. Также есть расширенный поиск, который позволяет исключить стили, которые вы не хотите видеть.Иногда это срабатывает. Иногда это не зависит от того, что люди пометили свои шрифты с помощью «Хорошо», теперь, когда мы рассмотрели, на что следует обратить внимание, давайте сделаем паузу и сделаем наш первый шаг к нашему проекту, создав проект класса в галерее проектов. После того, как вы выберете имя, слово или фразу, которую хотите нарисовать, добавьте это в качестве заголовка проекта. Например, я хочу использовать свою надпись на открытке, чтобы заголовок моего проекта был «Привет» или «Приветствую», потому что это слова, которые я хочу нарисовать.После того, как вы проведете время вместе, по крайней мере, пять элементов вдохновения вы можете создать доску Pinterest и ссылку на страницу своего проекта, чтобы другие могли просматривать или подписываться. Или вы можете просто загрузить снимок экрана своего мудборда с как минимум пятью изображениями. В следующем видео мы создадим специальную кисть для надписей, так что запустите страницу своего проекта и давайте продолжим.

4. Создание кисти для надписей: добро пожаловать обратно. Впервые я создал кисть для надписей из фотошопа, когда убирал надпись для открыток ко Дню святого Валентина.Я использовал свой почерк в качестве вдохновения, чтобы нарисовать слова сценария. Затем я обрисовал окончательный рисунок микронной булавкой с фломастером, и мне нужно было что-то, имитирующее края чернил, пока я очищал свои рисунки. Я был приятно удивлен, насколько хорошо работает эта кисть. После этого я Виктор поднимаю свои буквы из моих чернил и акварельных текстур и бум! Люди стали очень любить эти карточки, и я даже смог воспроизвести и продать их, сказав: «Давайте начнем». Мы собираемся создать цифровую кисть, похожую на чернила на бумаге.Первое, что вам нужно сделать, это перейти на страницу описания проекта, затем загрузить и установить стартовую кисть. Мы будем использовать его в качестве основы для создания нашей кисти для чернил для тех из вас, кто хочет продолжить, но пропустить создание кисти. Вы можете загрузить файл предустановок инструмента кисти, чтобы установить файл кисти. Просто дважды щелкните его, чтобы открыть в фотоателье. Однако, если вы не видите его в списке кистей, откройте средство выбора предустановок кисти. Щелкните значок шестеренки и выберите «Загрузить кисти». Посмотрите на свою кисть на компьютере и нажмите «Открыть».Чтобы установить предустановку инструмента для груди, вам необходимо загрузить ее из магазина фотографий. Откройте панель предустановок инструмента. Щелкните значок меню и найдите предустановки инструмента загрузки. Найдите файл настроек инструмента и выберите «Открыть». После того, как вы установите свою начальную кисть, у нас будет только одна кисть для загрузки, и вы можете найти ее внутри Photoshopped CC в средстве выбора кистей, щелкните значок шестеренки, прокрутите вниз до кистей и обуви для искусственной отделки. Добавить. Убедитесь, что у вас выбран стартовый пакет, а затем установите поток кисти на 70%.Теперь перейдите к панели кистей, чтобы мы могли настроить и построить кисть. Итак, что я собираюсь сделать, это рассказать вам о настройках моей кисти для надписей 300 DP I. Убедитесь, что ваш размер при рождении составляет 25 пикселей. Убедитесь, что округлость установлена ​​на 100%. Убедитесь, что интервал установлен, и установите его на 5%. Вздыхает. Джетер установлен на 15%. Регулировка настроена на пилькер с минимальным диаметром 5%. Установите шкалу наклона до 200%. Прокрутите вниз до угла дрожания и установите элемент управления на Пинто. Следующий. Дрожание округлости составляет 30%.Регулятор настроен на давление штифта. Минимальная округлость 25%. Убедитесь, что оба флажка выбраны как flip exchequer, так и flip y jitter. Переходим к рассеянию. Убедитесь, что оба доступа отмечены и установлены разбросанные на 20% с учетом четырех и 30% дрожания учетной записи. Пропустите, чтобы нарисовать кисть. Убедитесь, что режим установлен на жесткий, а затем прокрутите вниз, пока не увидите, как губка для трафарета закручивается. Это кисть, которую мы загрузили из пресета искусственной отделки. Установите размер 65 пикселей. Если еще не сказано, что интервал равен 30%, установите флажок для обоих доступов, а затем установите разброс на 130%, чтобы счет был равен трем.А теперь идем дальше. Для перехода под потоком Гетер установил минимальное давление штифта на 20%. Теперь мы собираемся убедиться, что у нас есть нарастающая и разглаживающая цыпочка. Итак, позвольте мне показать вам, что создает эти скопления, из-за чего ваша кисть выглядит так, как будто она просачивается в бумагу. Это так здорово. Так что не забудьте проверить свою кисть и поиграть с ней. Вносите изменения, пока он вам не понравится, просто чтобы дать вам кисть. Кончик шероховатости. Если вам когда-нибудь понадобится более или менее шероховатая текстура края мазка кисти, попробуйте уменьшить этот процент разброса для получения более гладкой линии.Больше для более грубой линии. Например, когда вы рисуете кистью меньшего размера и очищаете или добавляете края, вы можете захотеть, чтобы шероховатость оставалась прежней. Так что, уменьшая размер кисти, вы должны увеличивать процент разброса. Наконец, не забудьте сохранить свою собственную кисть и ее настройки в качестве предустановки инструмента для ластика. Есть способ стереть без ластика. Это называется чистым, и теперь это в настроении рисования кистью. Это работает только для слоев, на которых нет прозрачной блокировки пикселей.Это включает в себя запертую подсобку, в отличие от вашего фона, щелкнув замок один раз, вы сможете использовать режим очистки отрисовки. Вы заметите, что это делает все прозрачным. Поэтому, если вы хотите, чтобы фон оставался сплошным, убедитесь, что вы рисуете на отдельном слое. Я собираюсь продублировать фон, используя команду или элемент управления J. Затем я собираюсь выбрать свой фоновый слой и заполнить его белым, используя команду, удалить или вернуться. Затем я собираюсь повторно выбрать свой дублированный слой.И теперь мой четкий режим работает так, как задумано. Ясные мотивы круты, но мне нравится двигаться, не думая о своем движении. Поэтому я предпочитаю использовать ластик. Что я делаю, так это убеждаюсь, что у меня выбраны предустановки инструмента кисти для надписей. Сделайте отметку на странице, чтобы на снимке было видно, какой инструмент кисти я использовал последним. Затем возьмите ластик, откройте инструмент выбора кистей и выберите последнюю использованную кисть. В этом случае. Поскольку я взял ластик и на нем была мягкая кисть, мне пришлось перейти к следующей кисти, которая, как я знал, была моей кистью для надписей.Теперь ваш ластик оснащен всеми теми же настройками кисти, которые мы создали для нашей кисти. Это позволяет мне просто быстро нажимать клавишу E для ластика в кисти B Kiefer без необходимости каждый раз переходить в раскрывающееся меню. Сохраните пользовательский ластик как набор инструментов. И вот так у вас есть собственная цифровая кисть для чернил и соответствующий ластик. В следующем видео мы создадим руководство по написанию надписей.

5. Создание руководства по написанию надписей. Итак, давайте быстро проведем небольшой рассказ. Что такое буквенное руководство? Метод руководства по надписи.Это началось со мной недавно, когда я работал над большим проектом свадебных канцелярских принадлежностей и праздничного декора. На моей нынешней дневной работе, где я работаю, у нас масса проектов и очень короткие сроки. Поэтому для этого проекта я действительно хотел создать свою собственную надпись, потому что я чувствовал, что это идеальное время, чтобы включить в свой проект больше себя и больше своей страсти. Кроме того, у нас очень ограниченное количество хороших сценариев. Шрифт доступен нам, поэтому большинство из них очень традиционные или устаревшие.Я хотел, чтобы надпись на канцелярской бумаге имела характер и более современный вид, но мне нужен был быстрый и структурированный способ сделать это. Мне нужно было что-то, что могло бы направить меня, чтобы все шло быстрее, вот и появился сад букв. Но это было рождено для меня. Я уверен, что это не новость для других иллюстраторов-фрилансеров или писателей. По сути, я начал с шрифта под названием Amazon. Сначала я подумал, что просто использую этот шрифт для своего дизайна, но мне показалось, что он был слишком формальным или традиционным для этой свадьбы в современном стиле, тема которой называлась Garden Party.Поэтому я разместил свой шрифт так, как хотел, с помощью иллюстратора. Затем я принес свой шрифт в фотомагазин, снизил балл A до Ито, где я едва мог его видеть, как 4%, и начал рисовать поверх него. Но в моем собственном стиле, поскольку я уже имел в виду стиль букв, я использовал шрифт в качестве ориентира, чтобы сохранить расстояние между буквами, толщину и макет в соответствии с моими первоначальными мыслями об этом дизайне. Для этого вы можете использовать фотоателье или иллюстратор, а также любое программное обеспечение или приложение, позволяющее редактировать текст.Начнем с ввода слова, имени или фразы, которую мы хотим нарисовать. Выберите шрифт, который достаточно близок к желаемому образу, но не слишком близок. Поэтому, если вы не хотите лишать вас вдохновения, не используйте точную лицевую сторону или фрагмент надписи из вашего вдохновляющего коллажа. Я предлагаю использовать шрифт с плоской или традиционной базовой линией, чтобы вы могли создать свою собственную базовую линию, не отвлекаясь на шрифт, созданный кем-то другим. Что касается размера кегля, я рекомендую вашему гиду не менее 72 баллов.На самом деле это тот размер, который я использовал для свадебных канцелярских принадлежностей, которые были на карточке размером пять на семь дюймов. Конечно, размер шрифта может быть больше или меньше, в зависимости от продукта. Вы собираетесь использовать свою надпись. Один. Если вы используете Illustrator CC, вы сможете воспользоваться преимуществами нового инструмента сенсорного ввода, который действительно ускоряет процесс стилизации. Расположите макет вашего шрифта так, как вы хотите, чтобы ваш законченный носок надписи выглядел, например, увеличенные буквы в форме чашки, обычный шаг поворота базовой линии и т. Д.После этого вы готовы скопировать и вставить его в Photoshopped. Мне нравится шагать по моему тексту как к смарт-объекту на случай, если я хочу преобразовать его без искажений или если мне нужно отредактировать его позже. Иллюстратор. Если вы работаете в фотоателье, вы можете использовать наиболее удобные инструменты, которые помогут вам в любом случае. Например, если вы хотите рисовать по кривой, сделайте копию вашего живого текста с помощью сочетания клавиш Команда J сохранить оригинал. Если вы хотите использовать буквицу с таким размером точки, повернув буквицу, или другие уловки, которые вы применили для разных надписей, поверните от оригинального Rast.Поднимите дубликат в режим свободного преобразования и щелкните значок деформации. Вы можете использовать это, чтобы обуздать свой текст. Это побудит вас рисовать на бордюре, а не просто по прямой. Если вы предпочитаете просто изогнутую направляющую для рисования, то более быстрым способом было бы захватить ярлык инструмента формы — это вы или переместить вас, пока вы не увидите инструмент Эллипс, и нарисуйте свою кривую. После того, как вы измените свой шрифт, уменьшите непрозрачность до 5-15%. Позвольте ему быть достаточно видимым, чтобы вы могли его видеть, но достаточно прозрачным, чтобы не отвлекать.Этот шрифт предназначен для использования в качестве основы для определения макета, интервала, размера букв, штриха, толщины и т. Д. Помните, мы не копируем этот шрифт. Этот тип будет служить ориентиром. Только вы будете принимать собственные дизайнерские решения, чтобы создать уникальный элемент надписи, который будет вашим собственным. В следующем видео мы начнем создание надписи из фотошопа с помощью надписи. Бог метод. Если вы хотите, вы можете поделиться шрифтом, который вы решили использовать в качестве парня. Увидимся в следующем видео.

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

7. Photoshop Lettering II: начните с набросков или эскизов вашего слова, написанного вашим почерком. Это может быть карандашный набросок на бумаге или цифровой набросок. Другой вариант — освободить руки прямо здесь, как в фотомагазине. Для меня процесс создания надписей на фотографиях похож на рисование. Сначала вы блокируете свое произведение искусства, а затем доработка и очистка похожи на лепку. — Вот простой трюк с очисткой, который я использовал, чтобы обрезать или обдумывать письмо.Выделите содержимое слоя командой. Щелкните значок изображения слоев, затем убедитесь, что у вас выбран следующий инструмент выделения. Вы можете немного подтолкнуть контур к мазку или от него и использовать кончик кисти. Добавьте или ластик, чтобы убрать лишний вес. Тео Уэй. В следующем бонусном видео я покажу вам, как работать с векторной графикой. Поднимите отфотошопленную надпись, сохранив чернильную кисть. Смотреть

8. Бонус: векторизация надписей в Photoshop: я собираюсь показать вам, как я использую векторную графику Rise, мой мусор из фотошопа с помощью Adobe Illustrator. Сначала я скопирую его из фотоателье.Убедитесь, что ваш слой с надписью выбран. Теперь загрузите выделение содержимого слоя с помощью команды. Щелкните значок слоя и выберите команду См. Для копирования. Теперь перейдите к иллюстратору и вставьте. Итак, у меня уже есть предустановка трассировки изображения. Итак, я просто расскажу вам о своих настройках, которые мне нравятся, когда Invicta поднимает мой мусор. Иногда я получаю эту небольшую ошибку, которая возникает из-за дыр в моих надписях, поэтому я должен ее исправить. В противном случае он делает эту странную вещь, которую вы видите здесь, есть несколько способов исправить это.Я могу немного поднять процент углов. Так что я перешел с 45 на 48, и оно исчезло. Ну и замечательно. Другой способ исправить это — зайти в фотоателье и вычистить крошечные дырочки. Как только эта часть будет готова, скопируйте и вставьте ее обратно в иллюстратор, выберите мой пресет, и он будет исправлен. У меня есть несколько предустановок букв в том, который я сейчас использую. Я просто назвал это надписью. Три для порога, который мне нравится иметь на уровне 90. Пути установлены на 100%, углы установлены на 45%, а шум установлен на один пиксель.Что касается метода, я настроил его на бутонирование, которое создает вырезанные контуры, а затем для создания, которые у меня есть. Для опций, кривых привязки, буксирных линий он установлен на Фила, а не на штрихи. Иногда в этом есть заметная разница. Иногда это не так. Затем я проигнорировал выбранный белый цвет, и все.

9. Мотивация: Поздравления. Я так горжусь тем, что вы добрались до конца этого урока. Не могу дождаться, чтобы увидеть, что вы создаете. Поэтому, пожалуйста, не забудьте загрузить свой проект. Начнем с изображения вашей доски вдохновения.Я создал этот класс для вас. Итак, я хочу увидеть, что вы создаете с помощью своих новых или улучшенных навыков надписи в фотошопе. Когда вы загружаете свой проект, вы вдохновляете и побуждаете других загружать свои проекты. И тогда мы все увидим прекрасные работы друг друга. Если вам понравился этот урок, дайте ему положительный отзыв. Это повысит видимость класса и позволит любителям найти и насладиться другими надписями. Надеюсь, вам было так же весело, как и мне. Большое спасибо.И увидимся на моем следующем уроке.

Как сделать градиентную каллиграфию в Photoshop

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

Конечный продукт

Шаг 1. Сфотографируйте свою каллиграфию

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

iPhone Photo

Шаг 2. Улучшение в Photoshop

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

Регулировка контрастности в Photoshop

Шаг 3. Выделение букв

Выберите инструмент Magic Wand в меню слева. На верхней панели служебных программ вы увидите параметры для настройки этого инструмента.Два, которые вы хотите настроить, будут Tolerance и Contiguous . То, как вы установите допуск, будет зависеть от сложности изображения, поэтому вам, возможно, придется поэкспериментировать. В этом примере я установил 50.

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

Выбор страницы

Шаг 4: Создайте маску слоя

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

Создание маски слоя

Шаг 5. Отредактируйте маску слоя

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

Исправление маски слоя

Шаг 6. Сложите изображение, чтобы сделать более реалистичным

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

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

Настройка следующего слоя

Работа с белым на черном

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

После

До

Демонстрация видео

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

Как создать замечательный 3D-текст в Photoshop

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

Окончательный результат

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

Настройка документа Photoshop

1 Прежде всего, мы собираемся открыть Photoshop и создать новый документ (Ctrl + N).В диалоговом окне «Новый документ» установите для единиц ширины и высоты дюймы (если это еще не сделано). Мы создаем квадратный холст; установите ширину и высоту 10 дюймов . Мы создаем графику с высоким разрешением, готовую к печати, поэтому установите для параметра «Разрешение» значение 300 пикселей / дюйм .

2 Создав холст, залейте фоновый слой темно-серым ( # 333333 ) цветом. Один из способов сделать это — сначала установить темно-серый цвет переднего плана (на панели «Инструменты»).Затем выберите фоновый слой на панели слоев и нажмите Ctrl + A (что создает выделение вокруг всего холста — вы также можете сделать это с помощью Select> All). Наконец, выберите «Правка»> «Заливка» (Shift + F5), чтобы открыть диалоговое окно «Заливка», убедитесь, что для параметра «Использовать» установлено значение «Цвет переднего плана», а затем нажмите «ОК», чтобы применить заливку.

Создание текста

3 Теперь разместим текст на холсте. Выберите инструмент «Горизонтальный текст» на панели «Инструменты» и введите желаемый текст / логотип.Измените цвет текста на панели параметров на желтый ( # FFCC00 ), используйте довольно большой размер шрифта и попробуйте выбрать жирный шрифт, так как этот метод работает лучше всего. Используемый здесь шрифт: Myriad Pro Black , размер 286pt, для слова «Six» и 83pt, для слова «Revisions». Начните набирать текст в центре холста; в этом руководстве используется текст «Шесть редакций», но, конечно, вы можете его изменить.

4 Растрируйте текст, чтобы нам было легче с ним работать; это имеет побочный эффект: больше не нужно изменять текст, поэтому убедитесь, что текст вас устраивает.Щелкните правой кнопкой мыши текстовый слой и выберите Rasterize Type (или Rasterize Layer в зависимости от того, какую версию Photoshop CS вы используете).

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

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

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

Добавление стилей слоя

7 Мы собираемся добавить несколько стилей слоя к нашему тексту. Убедитесь, что текстовый слой выбран на панели «Слои», а затем щелкните значок «Добавить стиль слоя» в нижней части панели «Слои». Выберите Bevel and Emboss, чтобы открыть диалоговое окно Bevel and Emboss Layer Style. Установите его на настройки, которые у меня есть ниже; это сделает края текста действительно резкими.Не забудьте изменить цвета светлых и темных участков. Светлый участок — # FFCC66 , а тень — # DFA125 .

8 Вернитесь в диалоговое окно «Стили слоя» (если вы вышли из диалогового окна «Стили слоя», просто дважды щелкните слой на панели «Слои», чтобы вернуться назад) и примените стиль слоя «Атлас». Это придаст некоторую глубину цвету нашего текста, а не просто сплошному или градиентному. Измените цвет на # F3881F .

9 Последнее, что мы собираемся сделать с лицевой стороной текста, — это добавить стиль слоя Gradient Overlay.Щелкните градиент и измените левый ограничитель цвета на # F7F3A7 , а правый ограничитель цвета на # F3881F .

Создание 3D-эффекта

10 Мы собираемся придать этому тексту трехмерный вид. Во-первых, мы хотим продублировать наш текстовый слой; выберите слой и нажмите Ctrl + J, чтобы продублировать слой. Перейдите к дублированному слою и избавьтесь от стилей слоя, щелкнув и перетащив их в значок корзины в правом нижнем углу панели слоев.

11 Теперь, когда у нас есть логотип без стилей слоя, мы собираемся настроить цвет. Откройте параметры «Кривые», выбрав «Изображение»> «Регулировка»> «Кривые» (Ctrl + M) и настройте их так, как показано ниже, чтобы придать слою более темный цвет.

12 Мы хотим снизить насыщенность, потому что цвет слишком яркий, чтобы быть тенью. Перейдите в Hue / Saturation с помощью Ctrl + U (или Image> Adjustments> Hue / Saturation) и отрегулируйте настройки, как показано ниже.

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

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

14 Давайте объединим все эти дублированные слои в один.Для этого нажмите на самый верхний коричневый текстовый слой на Панели слоев, удерживайте Shift, а затем нажмите на самый нижний коричневый текстовый слой, чтобы выделить их все. Затем, выбрав все соответствующие слои, щелкните значок Связать слои в нижней части панели слоев. Значок цепочки должен появиться на всех коричневых текстовых слоях, когда вы щелкнете по нему. Как только вы соедините все коричневые текстовые слои вместе, снова выберите все слои на панели слоев (если вы каким-то образом отменили их выбор) и нажмите Ctrl + E, чтобы объединить все связанные слои вместе.

15 Давайте добавим стиль слоя Gradient Overlay к нашему комбинированному текстовому краевому слою, чтобы он соответствовал градиенту на нашем желтом тексте. Цвета — черный (# 000000 ) и белый ( #FFFFFF ) (дважды щелкните объединенный слой, чтобы открыть диалоговое окно «Стили слоя»).

Создать тень

16 Дублируйте слой с коричневой кромкой текста с помощью Ctrl + J, пока он выбран на панели слоев. Мы собираемся использовать его для создания тени на нашем тексте.Перейдите в меню «Фильтр»> «Размытие»> «Размытие по Гауссу» и настройте его так, чтобы для параметра «Радиус» было установлено значение 8p x. Теперь перейдите в Curves, нажав Ctrl + M, и настройте их так, как у меня есть. Это должно дать вам черноватую тень.

17 Если вы увеличите масштаб по краям букв с помощью инструмента «Масштаб» (Z), вы заметите, что коричневые стороны, выходящие из углов, зазубрины. Мы собираемся это исправить. Используя инструмент Polygonal Lasso Tool, щелкните фигуру вокруг области, которую нужно удалить, и нажмите клавишу Delete.Повторите это для каждой области, которая в этом нуждается, пока не получите гладкие края на всех ваших буквах.

Некоторые дополнительные шаги

18 Пока это выглядит неплохо, и мы, вероятно, могли бы остановиться на этом и быть довольны этим, но если вы хотите приложить дополнительные усилия, мы можем начать добавлять еще несколько теней. Наш свет исходит из верхнего левого угла, поэтому мы должны спланировать, чтобы наши тени были самыми темными из нижнего правого угла. Чтобы получить правильные тени, мы собираемся использовать инструмент Burn Tool на коричневом слое с краем текста, чтобы затемнить его.Прежде чем мы начнем добавлять нашу тень, мы хотим использовать инструмент Polygonal Lasso Tool, чтобы создать некоторые края, где на тексте будут углы. Сделайте это для всех углов нашего текста, удерживая Shift и перетаскивая мышь, чтобы добавить к выделению области.

Инструмент для прожига

19 Теперь мы можем начать прожиг в выбранных областях. Измените параметры записи на панели параметров так, чтобы для параметра «Диапазоны» было установлено значение , выделено , а для экспозиции — , 50%, .Я также использовал кисть с Master Diameter, установленным на 125px с твердостью 0% .

20 С такими же настройками затемнения мы собираемся обработать остальные области, которым нужны тени. Поскольку у вас все еще должны быть выделены области, мы можем сделать обратное выделение, Select> Inverse (Ctrl + Shift + I), затем мы можем записать области, которые мы еще не сделали, не сжигая области, которые мы уже сделали.

21 Мы также можем сделать некоторые блики с помощью Dodge Tool.Используйте ту же кисть, те же настройки и тот же метод, что и с инструментом затемнения.

Готово!

Вот он, трехмерный текст, использующий только Photoshop. Вот что у меня получилось:

Поделитесь своей работой на Flickr

Почему бы вам не поделиться своей работой в группе Six Revisions Flickr и не продемонстрировать ее сообществу?

Скачать

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

Связанное содержимое

Как сделать блестящий текст в Photoshop

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

Шаг 1. Начнем

Создайте новое изображение в Photoshop (Файл> Создать или Command + n).Размер файла 600 x 600 пикселей, 72 ppi (пикселей на дюйм). Не забудьте выбрать RGB в качестве цветового режима, если вы используете его в Интернете.

Шаг 2 — Найдите блеск Stock Image

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

Шаг 3 — Создание фона

Начну с добавления бумажного фона.Вот набор из 12 бесплатных текстур бумаги на Dribbble. Просто перетащите изображение на холст. Затем создайте квадрат меньше вашего холста (545 x 545 пикселей) с помощью инструмента «Прямоугольник» (U). Уменьшите непрозрачность квадрата до 50%. В итоге вы получите красивый, чистый, многослойный фон.

Шаг 4. Введите текст

При вводе текста создайте новый слой для каждого слова, которое вы хотите покрыть блестками. Для текста, который я выбрал, у меня есть 3 отдельных текстовых слоя: «Блеск», «мой любимый» и «Цвет!» Я использовал Sign Painter House Script для текста сценария и Nexa Light (размер 40 пикселей, цвет # 6e071d) для текста без засечек.Я также добавил пунктирные линии в качестве орнаментов, чтобы окружить средний текст (используя для этого инструмент «Перо» в режиме формы). Я рекомендую использовать толстый шрифт при создании этого эффекта. Скриптовые шрифты обычно имеют хороший диапазон толщины букв. Вот как должно выглядеть ваше изображение:

Сгруппируйте слои «Блеск» и «Цвет!» вместе. Это 2 текстовых слоя, которые мы добавим в . Вот как должны выглядеть ваши слои:

Шаг 5 — Добавьте блеск (БЕЗ ЗАБОЛЕВАНИЯ)

Перетащите изображение с блестками на холст Photoshop .Мне нравится преобразовывать изображение в смарт-объект , чтобы оно не теряло качества при уменьшении масштаба слоя. Для этого щелкните правой кнопкой мыши слой на панели слоев и выберите «Преобразовать в смарт-объект».

Поместите слой с блестками над текстовым слоем, который вы хотите «посыпать блестками».

Шаг 6 — Добавьте обтравочную маску

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

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

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

Шаг 7 — Отрегулируйте блеск

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

Дополнительный этап — изменение цвета

Так что, если ваша аудитория НЕНАВИЖИТ ярко-розовый? легко настроить оттенок / насыщенность блестящего изображения на другой цвет . Создайте слой Hue / Adjustment в нижней части панели слоев (или Layer> New Adjustment Layer> Hue / Saturation).Отрегулируйте уровни, чтобы найти идеальный оттенок, который вы ищете.

И вуаля! Вот так!

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

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

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