Как поменять цвет букв в фотошопе: Редактирование текста в Photoshop Elements
Как изменить цвет изображения PNG и текста в GIMP
Часто у нас есть одноцветное изображение, такое как значок или логотип, цвет которого нужно изменить. Можно беспокоиться, что для такой задачи им понадобится профессиональный или премиальный инструмент. Но это не так. С помощью бесплатных инструментов, таких как GIMP, вы можете легко изменить цвет своих изображений и текста в формате PNG. Давайте посмотрим, как перекрашивать изображения с помощью GIMP в этом посте.
Если вы не знакомы с Photoshop, GIMP – отличная альтернатива. Вы можете использовать GIMP для изменения цвета логотипов, значков и т. Д. Независимо от того, является ли ваше прозрачное изображение черным или имеет другой цвет, GIMP поможет вам легко перекрасить его.
Есть три метода перекрашивания изображений PNG в GIMP. Первые два метода заменят все изображение одним цветом, а последний метод поможет вам добавить разные цвета. Давайте начнем.
Метод 1: изменить цвет с помощью Colorize в GIMP
В этом методе мы воспользуемся функцией Colorize в GIMP, чтобы изменить цвет прозрачного изображения или текста. Давайте проверим шаги:
Шаг 1: Запустите GIMP и откройте изображение PNG, желательно с прозрачным фоном, используя Файл> Открыть. Если у вашего изображения есть фон, узнайте, как изменить цвет фона на прозрачный в GIMP. Тогда продолжайте.
Шаг 2: Нажмите на опцию Цвета на верхней панели. Выберите «Раскрасить» в меню.
Шаг 3: Откроется окно Colorize. Щелкните цвет, чтобы отобразить список доступных цветов.
Затем выберите цвет и нажмите ОК, чтобы добавить цвет к вашему изображению.
Шаг 4: Щелкните Файл> Экспортировать как, чтобы сохранить изображение. Появится окно экспорта. Убедитесь, что вы сохранили изображение в формате PNG, добавив расширение .png к имени изображения, иначе вы потеряете прозрачность изображения. Нажмите «Экспорт», чтобы сохранить его.
Метод 3: замена цвета несколькими цветами с помощью инструмента заливки ведра
В приведенных выше методах все изображение или текст были заменены одним цветом. Что, если вы хотите добавить разные цвета к разным частям изображения? Этот метод поможет вам в этом. Давайте проверим шаги:
Шаг 1: В GIMP откройте изображение, цвет которого нужно изменить.
Шаг 2: Чтобы выбрать видимую часть изображения, щелкните правой кнопкой мыши слой изображения в доке «Слои». Выберите Alpha для выбора.
Шаг 3: Выберите предпочтительный цвет в качестве цвета переднего плана в поле выбора цвета.
Шаг 4: Щелкните инструмент Bucket Fill, чтобы активировать его. Затем щелкните ту часть изображения, где вы хотите добавить цвет.
Повторите шаги 3 и 4 для других частей изображения, каждый раз выбирая другой цвет переднего плана.
Вот как изображение, использованное в методе 2, выглядит при использовании этого метода:
Шаг 5: Наконец, сохраните изображение из File> Export as. Не забудьте сохранить изображение с расширением .png.
Советы по замене цвета в GIMP
Вот два совета по улучшению результатов при изменении цвета в GIMP.
Используйте инструменты выделения
Вместо выбора всего изображения, как показано в приведенных выше методах, вы можете выбрать часть изображения, используя различные инструменты выбора, такие как Нечеткое выделение а также Инструмент Выбрать по цвету. Первый выберет заразную область по цвету, а все области, имеющие похожий цвет, будут выбраны инструментом выбора цвета. Как только нужная деталь выбрана, измените ее цвет, используя любой из методов, упомянутых выше.
Заполнить узором
В способах 2 и 3 вы можете заполнить изображение узором вместо сплошного цвета. Для этого выберите «Залить узором». Затем выберите узор и залейте им выделенную часть изображения, щелкнув по нему.
Наконечник: Шаблон, использованный на скриншоте, был создан в GIMP. Узнайте, как выложить изображение мозаикой и использовать его в качестве шаблона в GIMP.
Следующий:
Добавление тени к тексту создает захватывающий эффект. Узнайте, как добавить тень к тексту в GIMP по следующей ссылке.
Два простых способа как изменить цвет объекта в фотошопе
На самом деле существует множество способов как изменить цвет объекта в фотошопе. Ранее мы уже рассмотрели как это сделать при помощи корректирующего слоя «Цветовой тон/Насыщенность», а также научились менять цвет волос в фотошопе при помощи работы с определенным участком цветового спектра.
Это далеко не все способы, сегодня я покажу два очень простых, а в будущих статьях я расскажу еще о парочке методах при помощи других корректирующих слоев.
Способ №1
Итак, легкий способ перекрасить объект — нанести краску на отдельный слой, а потом изменить его режим наложения на Цветовой тон. Режимы наложения определяют взаимодействие цветов одного слоя с красками другого. Более подробную информацию о том, как работают режимы наложения и какие они еще бывают видов, смотрите в статье Взаимодействие режимов наложения слоев.
Коротко расскажу о применении данного метода. Откройте изображение и создайте новый слой (напоминаю все приемы создания слоев).
Затем измените режим наложения данного слоя, выбрав пункт Цветовой тон в раскрывающемся списке в верхней части палитры слоев (расположен в нижней части списка).
После этого выберите инструмент Кисть, нажав клавишу В, щелкните мышью по индикатору цвета переднего плана, в появившемся диалоговом окне палитры выберите оттенок и щелкните мышью по кнопке ОК. Предварительно выделив новый слой, рисуйте поверх объекта.
Если вы закрасите лишнее, можно на время выбрать инструмент Ластик, нажав и удерживая клавишу Е. А можно заранее предупредить такие ситуации, добавив к новому слою слой-маску и скрыв области, которые не нужно изменять, черным цветом.
Примечание
Если перекрашиваемая область окружена черным, белым и серым цветами, можно смело красить поверх последних, и они ничуть не изменятся. Так получается потому, что в режиме наложения Цветовой тон заполненные цветом области влияют только на те участки лежащего ниже слоя, которые уже содержат цвет.
Способ №2
Помните команду меню Цветовой диапазон? Похожую команду меню Заменить цвет можно использовать для выделения одного оттенка и замены его другим. Эта команда очень хорошо работает, если цвет, который нужно заменить, более-менее однороден и сосредоточен в некоторой области, как, например, кузов автомобиля на рисунке выше.
Выбрав в меню команду Изображение — Коррекция — Заменить цвет, вы увидите одноименное диалоговое окно.
В нем уже выбран инструмент Пипетка, так что щелкните мышью по тому оттенку на изображении, который хотите заменить. Он появится в квадрате с надписью Цвет в группе элементов управления Выделение в верхней части диалогового окна.
В группе элементов управления Замена в нижней части диалогового окна щелкните мышью по квадрату, расположенному над надписью Результат, чтобы выбрать новый оттенок. Когда вы щелкнете мышью по кнопке ОК. Если необходимо подправить выбранный оттенок, можно использовать ползунковые регуляторы Цветовой тон, Насыщенность и Яркость
Обратите внимание, что кроме обыкновенной пипетки, рядом имеются пипетки с маленькими значками «+» (плюс) и «-» (минус). Используйте их, чтобы расширить/сузить диапазон оттенков, которые необходимо изменить.
Как видите, я немного перестарался и у меня колеса автомобиля также окрасились в фиолетовый. Это говорит о том, что данный способ может быть не всегда полезным.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Как изменить шрифт в Photoshop
Поменять один шрифт на другой при написании какого-либо текста в графическом редакторе Adobe Photoshop можно почти таким же набором действий, как и в любом текстовом редакторе. Но в дополнение к обычным редакторам Фотошоп предоставляет и дополнительные возможности изменения начертания букв. Ниже описано несколько основных способов смены шрифта и его атрибутов.Вам понадобитсяВключите панели инструментов работы со шрифтами. Их две — «Символ» и «Параметры». Обе они открываются выбором пункта с названием соответствующей панели в разделе «Окно» меню редактора. Панель «Параметры» — это узкая горизонтальная полоска, которую обычно помещают под меню редактора. На ней размещается ограниченное число настроек текста, а для более тонких манипуляций со шрифтами предназначена панель «Символ». Включите одну из них или обе сразу.
Выберите в выпадающем списке тот шрифт («гарнитуру»), который вы хотите использовать для будущей надписи, а в соседнем (справа) укажите окошке одно из предусмотренных в этом шрифте начертаний (нормальный, жирный, наклонный и комбинации этих трех). Список гарнитур содержит все шрифты, которые установлены в вашем компьютере. Чтобы его пополнить, достаточно установить новый шрифт обычным для вашей операционной системы способом.
Установите нужный размер шрифта («кегль»). Его не обязательно выбирать из имеющихся в списке значений, можно вписать в окошко нужное вам число, если оно отсутствует в этом перечне.
Задайте цвет будущей надписи — щелчок по цветному прямоугольнику (в панели «Символ» рядом с ним есть надпись «Цвет») открывает диалог выбора нужного оттенка.
После этого можно начинать набор текста гарнитурой с заданными вами параметрами. Если в процессе ввода надписи возникнет необходимость изменить шрифт какой либо отдельной буквы или части текста — выделите эту букву или группу букв и воспользуйтесь теми же способами изменения, которые описаны в предыдущих шагах.
По окончании ввода текста тоже можно поменять любой из параметров шрифта. Чтобы изменение, которое вы сделаете, относилось ко всему тексту, всю надпись можно выделить, но лучше просто щелкнуть на панели инструментов какую-либо пиктограмму — например, самую первую («Перемещение»). Так вы выйдите из режима ввода текста, но слой с надписью останется активным и с ним можно производить разные манипуляции, в том числе изменения параметров начертания.
Внесите нужные коррективы в шрифт готовой надписи, как это описано в первых шагах, либо воспользуйтесь дополнительными инструментами панели «Символ». Они позволяют, например, изменять пропорции букв, вводя нужные значения ширины и высоты в процентах. Или изменять расстояние между литерами (трекинг и кернинг).
Используйте для трансформации шрифта готовой надписи инструменты, пиктограммы которых помещены в нижней части панели «Символ». Они позволяют делать буквы надписи (слева направо):
— жирными;
— наклонными;
— заглавными;
— заглавными с сохранением размеров прописных (капители) ;
— верхним индексом;
— нижним индексом;
— подчеркнутыми;
— зачеркнутыми.
Как редактировать шрифт в фотошопе. Настройка фотошопа: удобный выбор шрифтов
Приветствую! Друзья сегодня на новый небольшой урок по настройке фотошопа, в котором я расскажу об одной функции, которая очень помогает при выборе шрифта для работы. До этого уже был урок по настройке фотошопа, в котором мы настраивали сегодня же мы настроим отображение шрифтов для удобства работы.
Зачастую при создание работ с текстов, мы подолгу выбираем шрифт в фотошопе, из-за того что мы не можем толком представить как он будет выглядеть с нашим текстом. Подойдет он или нет, и порой приходится тратить много времени на выбор шрифта. Со шрифтами для разработки сайтов проще, так как используются в основном стандартные шрифты, а вот для создания других работ это бывает затруднительно. Да и сам выбор шрифта в фотошопе не очень удобен. В стандартном представление в выпадающем списке шрифты выглядят мелко и порой не очень читабельны.
В сегодняшнем уроке я расскажу, как настроить фотошоп так, чтобы у нас в выпадающем списке мы наглядно видели, как выглядит шрифт, и могли сразу представлять, как будет выглядеть наш текст после применения выбранного шрифта. Давайте перейдем к настройке.
Откроем фотошоп, создадим документ, ну и можно добавить любой текст. На скриншоте, ниже я показал, как выглядит список шрифтов по умолчанию.
В появившемся окне настроек фотошопа «Установки » должна быть выбрана вкладка шрифты . На этой вкладке вы увидите параметры инструмента текст, обратить следует внимание на «Размер образца для просмотра шрифта: » если не стоит галочка ее следует установить и в выпадающем списке можно выбрать параметр отображения шрифта.
Какие параметры шрифта есть:
- малый;
- средний;
- большой;
- чрезвычайно большой;
- огромный.
Как видите на скрине выше, применяя одну из выбранных настроек, начертание шрифта в фотошопе становится более читабельным, и мы можем без предварительного выбора прокручивая скроллинг, представить, как будет отображаться текст, применяя тот или иной шрифт. Довольно удобно, не правда ли. Применяйте наиболее подходящий параметр для вас, который обеспечит удобный выбор шрифта.
Если вы не знаете, как работать с текстом рекомендую ознакомиться со статьей .
На этом все, надеюсь статья вам будет полезна в настроике фотошопа, для удобной работы со шрифтами.
Казалось бы, огромное количество тем уже было посвящено графическому редактору Photoshop, и все вроде бы понятно. Но, на самом-то деле, пользователю, который только начинает разбираться в таинствах и хитросплетениях данного графического редактора, на первых порах могут быть непонятными многие вещи, оно и понятно. И даже простенькие вещи, такие, как , смена шрифта, иногда могут превратиться в целую трагедию. Итак, что же делать, если в процессе вашего творческого процесса не меняется шрифт в фотошопе? Давайте разбираться.
Причины
Причин, почему не меняется шрифт в графическом редакторе Photoshop, не очень много. А если быть точнее, то наиболее вероятными будут следующие:
- Проблемы с кодировкой шрифта. Вот пример: вы скачали английский шрифт и печатаете русскими буквами, то есть, кириллицей. Соответственно, в системе происходят конфликты между кодировками, и, чтобы не возникло критической ошибки, шрифт автоматически заменяется на стандартный.
- Шрифты с одинаковыми названиями, что также неминуемо влечет конфликт. Вообще очень важно понимать, что текст в Photoshop – векторный, он имеет четко обозначенные определенные границы, и нарушение их обязательно приведет к ошибке.
- Шрифт не поддерживает кириллицу. Ну, мне кажется, что здесь и так все понятно.
Как поменять шрифт
Несмотря на то, что причин невозможности смены шрифта не так уж и много, вариантов, как решить этот вопрос, ощутимо больше. Впрочем, рассматривать их все я не вижу смысла, приведу в качестве примера только те, которые, на мой взгляд, работают на 100%.
В общем, как видите, ничего сложного. Если вдруг шрифт в Photoshop по какой-то причине «отказывается» меняться, теперь вы знаете, по какой причине это происходит, и как разрешить данную проблему.
Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается .
Изменение размера предпросмотра шрифта
В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово «Sample», располагающееся справа от названия шрифта):
Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование —> Установки —> Текст (Edit —> Preferences —> Type), в версиях выше — по вкладке главного меню Текст —> Размер просматриваемого шрифта (Type —> Font Preview Size). По умолчанию размер установлен как «средний» (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:
Не забывайте, что всегда можно вернуться и выбрать меньший размер образцов.
Выбор стиля (начертания) шрифта
Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):
Установка размера шрифта
Выберите размер для вашего шрифта, нажав на треугольник в правой части окна выбора размера. Это откроет список часто используемых предустановленных размеров, которые можно выбрать от 6 px до 72 px:
Если ни один из этих размеров не удовлетворяет Вашим потребностям, Вы можете вручную задать любое собственное значение, кликнув мышкой в поле размера, ввести значение, затем нажать Enter, единицы «px» в конце числа ставит не обязательно, т.к. Photoshop автоматически добавит его при нажатии Enter. Другой способ изменения размеров — навести курсор мыши немного слева от окна ввода, нажать левую клавишу (курсор изменит свой вид на палец со стрелками) и протащить курсор влево или вправо для увеличения или уменьшения размера:
Выбор цвета текста
Правее находится бар, где мы можем задать тексту цвет. По умолчанию, цвет установлен в черный. Чтобы изменить цвет, нажмите на образец. Photoshop откроет палитру цветов, где мы можем подобрать другой цвет для текста:
Добавление текста в документ Photoshop
Как я уже говорил кратко в начале урока, есть два различных метода добавления текста в документ Photoshop, это обычный (строкой) и метод добавления текста в область. Разница между ними в том, что первый способ в основном используется для добавления небольшого количества текста в документ (одной или нескольких букв или слов, заголовка и т.п.), в то время как добавление в область применяется для добавления большего количества текста внутрь заранее установленной области.
Здесь мы рассмотрим первый метод, т.к. он применяется в подавляющем большинстве случаев.
Чтобы добавить текст в документ, выберите инструмент «Текст», наведите курсор в ту точку, где Вы хотите, чтобы было начало текста и нажмите левую клавишу мыши. Мигающим маркер на документе укажет, что Photoshoop готов для ввода текста:
При этом Photoshop добавит в палитру слоёв новый, особый вид слоя, называемый текстовым, его легко отличить по миниатюре в виде буквы Т. Каждый раз, когда мы добавляем текст в документ, он располагается на новом текстовом слое. Photoshop изначально именует новый слой как «Слой 1» (Layer 1), но название изменится, как только мы введём текст, как мы рассмотрим чуть позже:
После того как в документе появился мигающий маркер, вы можете начать печатать.
Перемещение текста по изображению
Если Вам понадобилось переместить напечатанный текст, вы можете легко это сделать.
Для перемещения текста по изображению надо немного отвести курсор от текста. он изменит свой вид с двутавровой балки на значок инструмента «Перемещение» (Move Tool), после изменения вида курсора зажмите левую клавишу мыши и перетащите текст в нужное место:
Принятие и завершение редактирования текста
Что такое принятие текста? После принятия текста происходит завершение редактирования текущего текстового слоя и выход из этого слоя. При этом, сам инструмент «Текст» остаётся активным. Если вы кликните по документу после принятия, то Photoshop создаст новый текстовый слой.
Когда Вы закончите ввод нужных букв, следует выйти из данного текстового слоя. Для этого нажмите на галочку на панели параметров:
Либо нажмите клавишу Enter, расположенную в правом нижнем углу цифровой клавиатуры (не тот Enter, который мы обычно нажимаем!), либо комбинацию обычный Enter+Ctrl.
После того как Вы приняли ваш текст, Photoshop переименовывает текстовый слой, используя первые буквы текста в качестве нового имени для слоя, это очень полезно при работе с несколькими текстовыми слоями:
Отменить или удалить текст
Если Вы хотите удалить текст до того? как Вы его приняли, просто нажмите клавишу Esc. Photoshop удалит текст и текстовый слой.
Для удаления уже принятого текста нужно в панели слоёв перетащить текстовый слой в корзину.
Параметры выравнивания текста
Кроме того, в панели параметров имеются три варианта выравнивания текста — выровнять по левому краю, по центру, по правому краю. По умолчанию выбрана опция выравнивания по левому краю, что означает, что при наборе текста он будет добавляться справа от отправной точки. Если мы выберем опцию «выравнивание по правому краю, текст будет добавляться слева от отправной точки. Если же мы выберем опцию «выравнивание по центру», то при вводе текст будет добавляться в обоих направлениях на одинаковом расстоянии от точки вставки.
Лучше всего перед началом ввода текста убедиться в том, что у Вас уже выбрана нужная опция выравнивания. Но можно изменить выравнивание уже введённого текста, для этого необходимо выделить нужный текст курсором мыши и кликнуть по опции выравнивания. На рисунке я сделал анимацию ввода текста с опцией «выравнивание по центру»:
Выбор и редактирование текста
После ввода текста мы можем легко вернуться назад и изменить какой-либо участок текста, как и в любой программе-текстовом редакторе.
Передвигаться по тексту можно с помощью клавиатурных стрелок, а можно, кликая мышью в нужной области. Удалять буквы как обычно, клавишей «Назад» (Backspase) — левую букву от курсора. Выделяют (выбирают) буквы с помощью зажатой Shift и клавиатурных стрелок, либо мышью.
Чтобы мгновенно выделить слово, дважды кликните по нему мышью, чтобы выделить строку — кликните по строке трижды:
Если у Вас имеется несколько строк текста, разделенных строчными переносами, для выбора всего текста дважды кликните по миниатюре текстового слоя:
Также, мы можем изменить шрифт, размер и стиль текста, для этого надо выделить нужный участок и изменить соответствующий параметр на панели параметров.
Изменение цвета текста в Photoshop
По такому же принципу мы можем изменить и цвет текста. Для этого надо выделить нужный участок, кликнуть по цветному квадратику на панели параметров, в открывшемся окне выбрать цвет и нажать ОК:
Про тонкости редактирования текста в Photoshop и дополнительные горячие клавиши читайте .
Работа с фотошопом — Практические советы…Как изменить шрифт в фотошопе…
При использовании текста на Ваших работах большое значение имеет его вид, т.е. в зависимости от используемого шрифта работа будет выглядеть хуже или лучше. В этом совете по работе с фотошопом будет показан метод очень быстрого подбора шрифта на Вашей фотографии.
В фотошопе я открыл фотографию гор и сделал надпись.
Моя задача подобрать подходящий шрифт для этой картинки. Конечно можно выбрать инструмент «Текст» (Т), щёлкнуть по чёрной стрелочке правее поля «Задайте гарнитуру» и в раскрывшемся списке подобрать подходящий шрифт. Потом посмотреть что получилось, если вид шрифта Вам не нравится, то опять проделываем ту же работу. В результате на подбор шрифта мы теряем довольно значительное время.
Но, оказывается, есть способ, позволяющий очень быстро произвести перебор всех шрифтов, установленных на Вашем компьютере. Один раз щёлкаем по полю «Задайте гарнитуру», название шрифта становится активным (синего цвета).
А теперь клавишами-стрелками на клавиатуре «Вверх» и «Вниз» производим перебор всех имеющихся в Вашем распоряжении шрифтов. Изменение надписи на картинки будем наблюдать в режиме on-line. Мы с Вами ответили на вопрос: «Как изменить шрифт в фотошопе?».
11.02.2018 11.02.2018
В этой статье мы подробно расскажем, как в Фотошопе создавать и редактировать текст.
Инструменты для создания и редактирования текста
Основная панель инструментов в Фотошопе находится слева. Те, которые относятся к созданию и форматированию текста отмечены буквой «Т». Чтобы открыть подробное меню всех функций, нужно навести курсор на этот значок и щелкнуть правой клавишей мыши. В результате откроется список из четырех доступных инструментов:
- «Горизонтальный текст»;
- «Вертикальный текст»;
- «Вертикальный текст-маска»;
- «Горизонтальный текст-маска.
Чуть ниже мы пошагово расскажем, как пользоваться каждым из них.
Создаем надпись
Чтобы сделать надпись в Фотошопе, нужно кликнуть на символ текста («Т»), а затем нажать на то место изображения, куда вы ходите ее добавить. После этого введите нужный текст. На экране появится простая черная надпись без стилизации. Если вы хотите создать уникальный текстовый контент, необходимо использовать специальный инструментарий.
«Горизонтальный текст» и «Вертикальный текст – наиболее простые параметры. Они задают ориентацию надписи. Чтобы выбрать тот или иной инструмент, нужно кликнуть на соответствующую функцию в меню значка «Т». Используя эти функции, вы создаете новый слой в Фотошопе, который будет расположен над фоновым.
«Вертикальный текст-маска» и «Горизонтальный текст-маска» не формируют отдельный слой, а создают временную маску бэкграунда. Эти инструменты дают возможность выделения области изображения в виде текста. После активации маски как слоя путем нажатия можно редактировать фоновое изображение по форме текста.
Редактируем текст
После создания надписи или целого блока можно приступить к их форматированию. Обратите внимание, что изменяется как отдельный фрагмент, так и весь текст целиком. Чтобы редактировать букву, слово или словосочетание, достаточно отметить необходимый объект при помощи выделения левой клавишею мыши.
Для редактирования основных параметров текстового контента существует целая панель инструментов. Она расположена над рабочим холстом. На ней расположены следующие параметры:
- Шрифт;
- Написание;
- Кегль;
- Резкость;
- Положение относительно границ;
- Цвет;
- Деформация.
Чтобы редактировать тут или иную характеристику текста, нужно кликнуть на соответствующий значок. Подробнее рассмотрим на конкретных примерах.
Как выбрать шрифт для текста
Форматировать шрифт можно следующим образом:
- Выделите надпись или текстовый блок.
- Нажмите на стрелочку вниз в меню шрифта.
- Из предложенного списка выберите понравившийся.
Справа от этого параметра есть настройка начертания текста, меню которой открывается таким же образом. Среди предложенных вариантов можно выбрать жирный, курсивный или другой вариант.
Важно! У каждого шрифта своё количество начертаний и возможностей.
Кегль или размер шрифта
Кегль – это размер символов текста. Из стандартных можно выбрать показатель от 6 до 72 пикселей. Также можно настроить его вручную, введя в строку соответствующее число. Однако обратите внимание, что возможный максимум – 1296 пт.
Настройки сглаживания регулируют крайние пиксели символов текста. Например, вариант «не показывать» удаляет любое сглаживание контура, а остальные добавляют на границу символа несколько пикселей, чтобы его размыть.
Выравнивание текста
Выравнивание – стандартная настройка для текста в документах. Выберите один из параметров – слева, по центру или справа, чтобы определить положение текста на холсте.
Цвет
Для изменения цвета текста выполните следующие действия:
- Убедитесь, что выбран слой с текстом.
- Нажмите на значок «Цвет».
- В открывшейся палитре выберите необходимый оттенок.
Деформация
В Фотошопе существует множество возможностей искривления текста. Для этого необходимо кликнуть на соответствующий параметр и выбрать стиль деформации. Также можно настраивать силу изменения в %: по горизонтали, по вертикали и уровень изгиба.
Параметры символов текста
Предпоследний значок открывается подробное меню форматирования текста. В нем указываются всех перечисленные выше характеристики, которые также легко изменить. Кроме того, в этом окошке доступно изменение более специфичных параметров. Подробно мы изучим их ниже.
Настраиваем вкладку «Символ»:
Кернинг – настройка расстояния между буквами (плотности текста). Поможет визуально сделать текст более удобным для чтения.
Вертикальный и горизонтальный масштаб – форматируют высоту и ширину символов.
Интерльяж – параметр расстояния между строками в текстовом блоке.
– позиция расстояния между символами.
– определение языка, на котором написан текст.
Стилизация шрифта . Эта линейка параметров позволяет сделать текст зачеркнутым, подчеркнутым или установить верхний и нижний регистр.
Настраиваем вкладку «Абзац» (вызвать окно можно через меню Окно — Абзац):
Помимо выравнивания по одному краю или по центру в этой вкладке можно также:
Выровнять текст по ширине или оставить свободную последнюю строку:
Настроить ширину отступов:
Установить переносы слов (для текстового блока):
Обратите внимание! Для того, чтобы сохранить любые изменения форматирования, необходимо нажать на галочку, которая находится в конце панели инструментов.
Текстовый блок
Текстовый блок – это связный масштабный текст, ограниченный рамками. Главная особенность – строгие границы. Это значит, что контент внутри рамок попросту не может за них выйти. В том случае, если текст не помещается внутри, он становится невидимым.
Редактировать текстовый блок можно так же, как и надпись. Фотошоп дает возможность изменения не только стандартных параметров букв, но и положения на странице. Блок легко исказить или масштабировать. Специфичные параметры его форматирования мы опишем ниже.
Чтобы создать блок, нужно либо написать/вставить длинный текст, либо растянуть границу надписи, зажав левую клавишу мыши на пунктирной границе надписи.
Чтобы изменить размер блока можно при помощи маркеров на нижней границе (нажмите CTRL+T или меню Редактирование — Трансформирование — Масштабирование).
Для деформации блока зажмите клавишу «Ctrl» и искажайте границы также зажимая маркеры.
После внесения изменений их необходимо подтвердить галочкой.
Заключение
Редактирование текста в Фотошопе – увлекательный процесс. Программа предлагает множество различных возможностей форматирования. Изменять можно отдельные символы, надписи и целые текстовые блоки.
Важнейшие характеристики редактирования текста – горизонтальное или вертикальное направление, а также использование текстового контента как временной маски слоя. Также при помощи целой панели разнообразных инструментов можно установить стиль шрифта, размер, цвет, положение и многое другое.
Благодаря широкому спектру функций редактирования в Фотошопе можно создавать интересные текстовые эффекты в фотошопе. У нас на сайте есть раздел посвященный текстовым эффектам —
Работа с текстом в Adobe Photosh
Работа с текстом в Adobe PhotoshРабота с текстом в Adobe Photoshop
Практическая часть
Задание: На основе файлов layers_text.psd, которые вы найдете в Student’s на mainserver \graphic\образцы, создайте коллаж-презентацию.
Традиционно программа Photoshop практически не использовалась для обработки текстов. Отсутствие средств интерактивного редактирования и растрирования текста на печати делало невозможным обработку сколь либо значительных объемов текстового материала. В Photoshop выполняли подготовку заголовков очень большого кегля, ведь только растровая программа позволяет обращаться с символами так свободно, превращая их в элемент дизайна.
Последние версии позволяют набирать и обрабатывать текст в интерактивном режиме, настраивать не только атрибуты символов, такие как кегль или начертание, но и параметры абзаца, например плотность текста, отступы, способ размещения и пр. Возможно помещение текста в оболочку редактируемой формы. Применяются любые фильтры эффектов. После любых изменений текст остается редактируемым. Но самое главное — при печати на Postscript-устройствах и при сохранении в формате PDF текст не растрируется. Он остается векторным и выводится с максимально возможным разрешением для данного устройства. Теперь вы можете готовить в программе не только иллюстрации, но и весь макет целиком, в том числе и набирать текст мелкого кегля. Нет больше необходимости импортировать готовое изображение в программу иллюстрирования или верстки — весь процесс подготовки легко осуществим в Photoshop.
Параметры текста в программе Photoshop
Для ввода текста используется инструмент Туре (Текст). В седьмой версии этот инструмент приобрел собственную раскрывающуюся панель, в которую перемещены четыре инструмента, расположенных в предыдущей версии в панели параметров инструмента Туре (Текст).
Прежде чем начинать создание текста, следует выбрать в раскрывающейся панели тип текстового инструмента. Это может быть традиционный горизонтальный текст (Horizontal Type) либо вертикальный (Vertical Type), используемый для иероглифического письма и реализации различных рекламных коллажей. При вводе любого из отмеченных вариантов создается отдельный текстовый слой с особыми свойствами. Две другие разновидности текста — Horizontal Type Mask (Горизонтальная текстовая маска) и Vertical Type Mask (Вертикальная текстовая маска) — реализуются в виде выделенных областей, повторяющих форму набираемых символов текста. В режиме маски новый слой не создается, и текст после набора теряет особые свойства и становится просто выделенной областью.
Рис. 1 a, b, c. Горизонтальный (a), вертикальный (b) и текст с применением команды Rotate (c)
Настройка атрибутов текстовых инструментов производится в панели параметров (рис. 2.).
Рис. 2. Панель параметров инструмента Туре
Рассмотрим панель атрибутов текста. В первых двух раскрывающихся списках гарнитуры и начертания задают соответствующие параметры символов текста. Следующий раскрывающийся список позволяет выбрать (или ввести в поле списка) значение кегля.
В следующем раскрывающемся списке Set the anti-aliasing method (Способ сглаживания) выбирают способ сглаживания растрированного текста. Этот параметр определяют, как правило, для публикаций, предназначенных для электронного распространения, т.к. при печати текст вообще не растрируется. Это позволит сгладить границы текста как с маленьким, так и со средним кеглем, добавляя полупрозрачные точки вдоль границ. При выборе варианта None (He применять сглаживание) у символов будут неровные края (рис. 3 а-d).
Три кнопки задают направление выравнивания текста: по левому краю, по правому краю и по центру. Выравнивание (рис4)задается относительно блока текста, а не относительно документа (ведь буквы необязательно расположены вертикально). Поэтому для вертикального текста кнопки имеют другой вид и практически приводят к другому результату. Выравнивание задается для абзаца текста.
В поле Set the text color (Цвет текста) показан цвет символов текста. Он по умолчанию совпадает с рабочим цветом и меняется вместе с ним. Однако вы можете задать и особый цвет для будущего текста. Для этого достаточно щелкнуть на цветовом поле и выбрать подходящий цвет в раскрывающемся окне Color Picker (Палитра цветов).
Рис. 4. Способы выравнивания текстового блока
Кнопка Create warpped text (Создать текст в оболочке) служит для доступа к окну создания специального эффекта — текста в оболочке произвольной формы. По умолчанию текст лишен оболочки.
Набор функций вида Warp Text (Деформировать текст) позволяют изгибать габаритную рамку и текст внутри нее. Деформированный текст остается при этом редактируемым. В окне Warp Text можно выбрать Style (Стиль) текста и направление (переключатель Vertical (по вертикали) или Horizontal (по горизонтали). Чтобы задать направление для операции деформирования текста передвиньте ползунки Bend (Изгиб), Horizontal Distortion (Горизонтальное искажение) и/или Vertical Distortion (Вертикальное искажение) (рис. 5).
Подготовьте текст с заранее заданными параметрами.
1. Откройте документ layers_text.psd Это заготовка для создания поздравительной презентации.
2. Перейдите на слой Background. Для удобства скройте слой Child, но это не обязательно.
3. Выберите инструмент Horizontal Type Mask (Горизонтальная текстовая маска), установив режим ввода горизонтального текста-маски.
4. Выберите гарнитуру Kabel.
Главное, чтобы выбранная гарнитура имела в своем составе символы кириллицы.
Рис. 5. Диалоговое окно и стили команды Warp Text
5. Выберите начертание Bold в списке начертаний.
6. Задайте для текста кегль 130.
7. Определите будущему тексту выравнивание по левому краю.
8. Щелкните на изображении вверху слева. Изображение автоматически переведено в режим быстрой маски — оно целиком заполнено красной пленкой, символизирующей маску. Там где вы щелкнули на изображении, появляется текстовый курсор в виде тонкой вертикальной черты высотой в кегль будущего текста.
9. Перейдите в русский регистр и наберите слова: С Новым. Строка текста будет продолжаться до тех пор, пока вы не нажмете клавишу Enter. По мере набора в красной пленке, размещенной поверх изображения, появляются отверстия в форме символов. В процессе набора можно менять атрибуты текста.
10. Нажмите клавишу Enter. Создана новая строка текста, и текстовый курсор переместился под начало первой строки. Наберите следующую строку: Годом! Строки выровнены по левому краю (рис. 6).
Чтобы закончить работу с текстом, щелкните на кнопке с галочкой в правой части панели параметров. Ее всплывающая подсказка — Commit any current edits (Принять редактирование). Текст преобразован в выделенную область (рис. 7). Залейте ее белым цветом.
Рис. 6. Набор текста в режиме маски |
Рис. 7. Выделенная область, построенная из текста и залитая цветом |
Перечеркнутая кнопка имеет противоположную функцию— если щелкнуть на ней, редактирование будет отменено. Подсказка кнопки — Cancel any current edits (Отменить редактирование). В режиме текста-маски отмена редактирования приведет к уничтожению созданной маски.
Выделенная область, созданная инструментом Туре (Текст), не имеет никаких особых свойств. После того как вы щелкнули на кнопке приема редактирования, текст утратил возможность редактирования, изменения атрибутов (например, кегля или гарнитуры). Такой режим набора используется редко — например, если вам требуется короткий заголовок с вставленным внутрь символов изображением. Мы не будем подробно останавливаться на этой функции инструмента Туре (Текст).
Текст-маска не может удовлетворить все ваши потребности. Для создания настоящего редактируемого текста, который не растрируется при печати, используется режим текстового слоя.
1. Вернитесь к первоначальному состоянию документа.
2. Выберите инструмент Horizontal Type (Горизонтальный текст). Установите для будущего текста темно-желтый цвет.
3. Щелкните на изображении в левой верхней части. Создан новый слой Layer1 с особыми свойствами. Его пиктограмма в палитре Layers(Слои) имеет значок Т
4. В точке щелчка появился текстовый курсор. Иначе положение текстового курсора называют точкой вставки. Именно в этой точке будут появляться новые символы при наборе. Наберите тот же текст, что и при создании текста-маски.
5. После набора и форматирования текста щелкните на кнопке (рис. 8.).
Рис. 8. Созданный текстовый слой
Создан новый слой. Текст в нем имеет атрибуты, заданные в панели параметров.
В палитре Layers (Слои) новый слой теоретически должен иметь название, совпадающее с текстом слоя. Однако это правило работает только для текста на латинице. Поэтому лучше задать текстовому слою значащее имя. Для этого выберите команду Layer Properties (Свойства слоя) в меню палитры Layers (Слои) и введите новое имя, например New_Year. На тексте слоя такое изменение никак не отразится.
Новый слой несложно отредактировать. Текст на нем можно изменить, добавить новый, поменять атрибуты. Для этого необходимо выбрать инструмент Horizontal Туре (Горизонтальный текст) и активизировать нужный текстовый слой. Если при этом не переходить в текстовый режим (то есть в изображении должны отсутствовать курсор и выделения отдельных символов), изменения коснутся всего активного слоя.
1. Выберите инструмент Horizontal Type (Горизонтальный текст), но не щелкайте на тексте в документе.
2. В панели параметров щелкните на поле цветового образца и выберите в открывшемся окне Color Picker (Палитра цветов) красный цвет. Символы текста стали красными.
3. Откройте список гарнитур и выберите иную гарнитуру для текста. Все символы изменились соответственно.
4. Отмените сделанные исправления.
Чтобы изменить содержание текста или задать разные атрибуты символам в пределах одного текстового слоя, необходимо перейти в текстовый режим.
5. Выберите инструмент Horizontal Type (Горизонтальный текст). Щелкните на тексте. Появился текстовый курсор.
6. Для перемещения точки вставки используют клавиши управления курсором. Поместите курсор в начало второй строки.
7. Нажмите кнопку мыши и проведите по тексту направо. Символы, начиная от курсора, выделяются (инверсией изображения). Когда будет выделена вся вторая строка, отпустите кнопку мыши. Теперь атрибуты будут меняться только для выделенных символов.
8. Увеличьте кегль выделенных символов (рис. 9). Значение в активном поле ввода можно менять клавишами управления курсором — клавиша é увеличивает значение на единицу, клавиша ê — уменьшает на единицу.
Если в тексте нет выделенных символов, но есть курсор, то изменение атрибутов коснется только всех вновь вводимых символов.
Рис. 9. Кегль выделенных символов увеличен
1. Перейдите к концу второй строки и нажмите клавишу Enter.
2. Задайте для текста ярко-голубой цвет и кегль порядка 70. Пока ничто не изменилось.
3. Наберите текст желаем счастья!. Созданный текст имеет заданный цвет.
4. Отмените действие по набору последней строки.
Таким образом, программа дает возможность менять атрибуты как целиком для всего текстового слоя, так и для отдельных символов, причем в трех режимах — по умолчанию, в месте расположения курсора и для выделенных символов.
Простой и фигурный текст
Photoshop предлагает два типа текстовых слоев. Они отличаются элементами управления и набором возможных атрибутов. Первый тип — фигурный текст — был создан в предыдущем разделе. Текст этого типа используется для набора заголовков. Строка фигурного текста продолжается до нажатия клавиши Enter (ввода символа возврата каретки). Фигурный текст имеет довольно обширный набор атрибутов, как символьных, так и задаваемых для всего абзаца. При этом, несмотря на то, что строки текста разделены символом возврата каретки, все атрибуты абзаца применяются одновременно ко всему текстовому слою. Фигурный текст несложно трансформировать, при этом меняются размеры и угол наклона символов.
1. Выберите команду Free Transform (Свободная трансформация) в меню Edit (Редактирование). Вокруг текста появилась рамка трансформации.
2. Уменьшите размер текстового блока (рис. 9) и переместите его в левый верхний угол изображения.
3. Создайте новый текстовый слой и наберите в нем число 2006. Для текста задайте жирный и суженный шрифт.
4. Перейдите на созданный текстовый слой (он называется — 2006) и войдите в режим трансформации. Испытайте разные способы трансформации — поворот, наклон, искажение. Приемы трансформации текста такие же, как для выделенных областей и других объектов программы. Результат искажения показан на рис. 10. Изображение ребенка на слое Child немного смещено.
Рис. 10. Блоки текста трансформированы и расположены в документе
Простой текст обладает дополнительными атрибутами. Он размещается в прямоугольном контейнере произвольного размера. По мере набора текст заполняет контейнер по ширине, а затем автоматически переходит на следующую строку. Для принудительного разрыва строки следует ввести символ возврата каретки. Объем текста между двумя символами возврата каретки называют абзацем. Есть атрибуты, задаваемые отдельно для каждого абзаца текста. Набор, задаваемых атрибутов для простого текста, гораздо шире, чем для фигурного.
1. Перед тем как создавать текстовый слой, задайте его атрибуты по умолчанию. Выбрав инструмент Horizontal Type (Горизонтальный текст), определите черный цвет, рукописную гарнитуру с толстыми штрихами (использован шрифт под названием Choc), кегль 18, выравнивание по центру.
2. Для создания слоя простого текста подведите указатель к свободному от текста участку изображения, нажмите кнопку мыши и проведите по изображению. Растущая вслед за указателем рамка и есть контейнер.
3. Отпустите кнопку мыши, и контейнер будет задан. Текстовый курсор окажется в центре первой строки (рис. 11).
Текст можно как набрать, так и вставить из другого документа или приложения.
4. В любом текстовом редакторе откройте файл choc.txt. Содержащаяся в нем «абракадабра» — это классический заполнитель, который используют для макетирования текстовых проектов. Впоследствии заполнитель меняют на необходимый для проекта текст.
5. Скопируйте текст. Перейдите к программе Photoshop. Вставьте текст из буфера командой Paste (Вставить). Присвойте этому слою имя Choc.
6. Разделите текст на абзацы. Для разрыва строки нажимайте клавишу Enter, вводя символ конца абзаца. Задайте для каждого абзаца собственное выравнивание.
7. Поменяйте атрибуты символов. Правила задания атрибутов те же: по умолчанию (действуют на весь слой), для выделенных символов (действуют только на них) или в месте расположения курсора (влияют на вновь вводимый текст).Вернитесь к исходным атрибутам.
8. Завершите редакцию, щелкнув по кнопке принятия редактирования (рис 12).
Для простого текста задают атрибуты самих символов и параметры контейнера, поэтому трансформирование может протекать по-разному.
Рис. 11. Рамка для простого текста
Рис. 12. Готовый блок простого текста
Справа показана трансформация символов текста с одновременной трансформацией контейнера (а) и трансформация только контейнера (б), при этом правый нижний манипулятор ° показывает, что за пределами контейнера есть текст.
9. Активизируйте инструмент Move (Перемещение) и выберите команду Free Transform (Свободная трансформация). Поверните, переместите, наклоните и масштабируйте текстовый слой. Изменения касаются каждого символа.
10. Выберите инструмент Horizontal Type (Горизонтальный текст). Подведите указатель к угловому манипулятору контейнера и перетащите. Символы остаются неизменными, они перераспределяются внутри контейнера. Также действует и боковой манипулятор.
Символы могут перестать помещаться в контейнере, и тогда они становятся невидимыми. Однако если увеличить контейнер, спрятанные символы вновь появятся.
Менять размер символов перемещением манипуляторов контейнера можно и с помощью инструмента Horizontal Type (Горизонтальный текст). Для этого достаточно воспользоваться клавиатурными сокращениями — если держать нажатой клавишу Ctrl, при смещении бокового манипулятора текст наклоняется, при смещении углового — меняет размер. Одновременное нажатие клавиши Alt приводит к смещению симметричного манипулятора.
Чтобы преобразовать один тип текста в другой, предусмотрена специальная команда подменю Туре (Текст) меню Layer (Слой). Если активен слой простого текста, она имеет вид Convert to Point Text (Преобразовать в простой текст). Если же активен фигурный текст, команда выглядит как Convert to Paragraph Text (Преобразовать в фигурный текст).
При преобразовании простого текста в фигурный символы, находящиеся за границами контейнера, удаляются безвозвратно. Если в преобразуемом слое есть также невидимые символы, программа выдает предупреждение об их удалении.
Вертикальный текст
Направление — очень важный атрибут текстового слоя. Его, как правило, задают для нового слоя выбором соответствующего текстового инструмента, но легко поменять и для уже существующего. Это можно поменять путем нажатия кнопки Change the text orientation (Сменить направление текста). Здесь мы рассмотрим команду смены направления текста с помощью меню.
1. Перейдите на слой Choc и выберите инструмент Horizontal Type (Горизонтальный текст). В меню Layer (Слой) раскройте подменю Туре (Текст).
2. В списке команд управления текстом нас интересует пара команд Horizontal (Горизонтальный) и Vertical (Вертикальный). В данный момент активна команда Horizontal (Горизонтальный), о чем свидетельствует размещенная справа от нее галочка. Выберите команду Vertical (Вертикальный).
3. Текст поменял направление. Обратите внимание, что символы в колонке располагаются сверху вниз, а сами колонки идут справа налево. Такое размещение текста характерно для иероглифического письма.
Перевод текста в контуры
Текстовый слой, созданный в программе, можно применить по-разному. Для некоторых задач гораздо удобнее иметь дело не символами текста, а с созданными на их основе контурами. Текст может быть легко преобразован в редактируемые контуры, так же как в программе иллюстрирования. Затем готовые контуры можно обрабатывать по точкам и сегментам. Преобразование в контуры используется при подготовке текстовых логотипов. Чтобы текст можно было преобразовывать в контуры, он должен иметь атрибут Faux Bold (Ложное полужирное) и Faux Italic (Ложное наклонное).
1. Выберите слой New_Year.
2. Выберите команду Convert to Shape (Преобразовать в контуры) в подменю Type (Текст) меню Layer (Слой). Текстовый слой преобразован в контурный. Задайте для него голубой цвет и режим наложения Lighten (Осветление).
3. Инструментом Path Selection (Выделение субконтуров) измените наклон и положение букв (рис. 13). Сохраните документ.
Рис. 13. Контур, созданный на основе текстового слоя.
Обязательно сохраните изображённое на рисунке состояние документа! На его основе будет изучаться эффект слоёв.
Создание эффектов
1. Откройте документ text_effects.psd, созданный вами ранее.
2. Начните с изображения малыша. Выделите слой Child и дважды щелкните на его названии в палитре Layers (Слои). Перейдите на вкладку Outer Glow (Внешнее свечение). Оставьте большинство параметров на вкладке предлагаемыми по умолчанию. Другие параметры таковы: Noise (Шум) — 30 %, Spread (Расширение) — 23 %, Size (Размер) — 53 пикселя.
3. Щелкните на ОК. Теперь малыш гораздо лучше выделен на голубом фоне.
4. Теперь перейдите на слой New_Year. Он особенно нуждается в украшении — ведь это главная деталь открытки! Задайте для слоя эффект Bevel and Emboss (Скос и рельеф) со следующими параметрами: Style (Тип) — Emboss (Рельеф), Technique (Способ) — Smooth (Гладкий), Depth (Глубина) — 200 %, Direction (Направление) — Up, Size (Размер) — 15 пикселов, Soften (Сглаживание) — 0, Angle (Угол) — 150-30, Gloss Contour (Профиль освещения) — Ring, Highlight Mode (Режим освещения) — Screen (Осветление) для белого цвета, Shadow Mode (Режим наложения тени) — Multiply (Умножение) для цвета R — О, G — 12, В — 175. Для света и тени непрозрачность — 100 %.
5. Надпись очень выиграла, в таком режиме она кажется ледяной и подходит по стилю к фону. Задайте для слоя тот же голубой цвет, которым окрашен монотонный правый участок фонового слоя.
6. Чтобы надпись лучше выделялась, задайте ей светло-голубое внутреннее свечение с помощью вкладки Inner Glow (Внутреннее свечение). Параметры подберите сами, такими, чтобы буквы стали светлее, но фон за ними остался виден. После щелчка на кнопке ОК эффекты будут применены к слою.
7. Слой 2006 оформите с применением эффекта Satin (Шелк). Цвет складки выберите тем же, что и цвет тени в эффекте Bevel and Emboss (Скос и рельеф). Придайте слою ярко-синий цвет.
8. Текст небольшого кегля из слоя Choc теряется на цветном фоне. Чтобы этого не происходило, ему можно придать обводку в качестве эффекта. На вкладке Stroke (Обводка) задайте обводку в 2-3 пикселя, расположение обводки — по внешнему краю объекта (Outside).
9. Для выбора цвета обводки щелкните на образце Color (Цвет), в окне Color Picker (Палитра цветов) переведите указатель на фон вокруг текста и щелкните. Выбранный цвет полностью совпадает с фоном, и обводка будет смотреться гармонично. Иллюстрация с эффектами показана на рис. 14.
Рис. 14. Примененные эффекты
10. Используя эффекты, можно создать слой практически из ничего. Перейдите на слой Background. Выделите прямоугольный фрагмент и создайте из него узор. Назовите узор Frost (рис. 15).
Рис. 15. Создание узора из выделенной области
11. Создайте новый слой поверх слоя Background. Назовите его Border. На слой поместите светло-голубой прямоугольник. Правый край прямоугольника должен быть растушеван.
12. Активизируйте инструмент Eraser (Ластик) и, выбрав большую «лохматую» кисть (например, Spatter 59 pixels), сотрите часть изображения на слое, чтобы получилась рамка для текста с рваными краями (рис. 16).
Рис. 16. Заготовка для рамки
13. Придайте слою Border, эффект Bevel and Emboss (Скос и рельеф). Активизировав вкладку Texture (Текстура), задайте в качестве текстуры образец Frost (рис. 17).
Рис. 17. Окончательный вид иллюстрации
Как изменить цвета документа PDF для печати
Вам нужно распечатать что-то из файла PDF, но, к сожалению, вы закончили чернила в одном из тонеров в принтере? Если у вас по-прежнему есть только черные или только цветные чернила, вы можете легко изменить цвет документа PDF и распечатать содержимое в других цветах. Вот как это сделать.
В документах PDF есть это для нас самих, что мы не можем их редактировать. Если у нас есть документ Word для печати, это не будет проблемой — достаточно будет выбрать весь текст и изменить его на другой щелчком. К сожалению, в случае с PDF-документами это не работает, потому что мы не можем их редактировать. Однако есть и другие способы изменения цвета.
Метод №1 — Изменение цветов в Adobe Acrobat Reader
Стандартный, бесплатный читатель PDF Acrobat Reader позволяет быстро заменить цвет для других. Программу можно загрузить с нашего сайта, ссылку можно найти ниже.
Загрузить Acrobat Reader
Мы запускаем программу и открываем в ней наш PDF-документ, который мы хотим изменить цвета шрифта. После открытия перейдите на вкладку «Редактировать» и выберите опцию «Настройки».
Появится новое окно настроек документа. В боковом меню выберите категорию предпочтений — «Доступность». Здесь вы найдете параметры, которые позволят вам установить другие цвета документа.
Мы выбираем опцию «Заменить цвета документа», а затем выбираем опцию «Собственный цвет». Теперь, используя две палитры рядом с ним, мы можем выбрать отдельный цвет для фона документа и отдельный цвет для текста в документе. В конце концов, нажмите «ОК», чтобы увидеть изменения.
Как вы можете видеть, черный текст был изменен на синий в соответствии с настройками. В ситуации, когда мы закончили черные чернила, это хорошее решение, потому что теперь мы можем распечатать документ с помощью цветных чернил.
К сожалению, возможность изменения цвета в Acrobat Reader не всегда работает отлично, а иногда оставляет некоторые элементы нетронутыми, особенно когда в документе много таблиц с разным фоном — если вас интересует полная цветовая подстановка, используйте приведенный ниже метод.
Метод №2 — Изменение цвета с помощью программы GIMP
GIMP — абсолютно бесплатная графическая программа, которая соответствует популярному Photoshop с его возможностями. Используя GIMP, мы можем импортировать документ PDF, изменить его цвет и затем сохранить его в новом документе PDF.
Загрузить GIMP
Мы запускаем программу GIMP, а затем выбираем меню «Файл> Открыть». В открывшемся окне установите тип файла «Все файлы» в нижнем правом углу. Затем, используя браузер файлов, переходим к нашему PDF-документу и выбираем его из списка.
После выбора файла PDF будут показаны параметры импорта из PDF. Если вы не полностью знакомы с программой GIMP и раньше не использовали функции слоя в графических программах, то для упрощения моей работы я рекомендую импортировать отдельные страницы из документа. Поэтому мы выбираем первую страницу в списке, выбирая ее. Затем в поле «Разрешение» введите 300, чтобы импортировать документ с достаточно высоким разрешением и сохранить документ при последующей печати.
Наш PDF-документ будет импортирован в программу GIMP и отображен на предварительном просмотре. Слева вы найдете панель инструментов с доступными параметрами — внизу есть два окна, которые позволяют вам выбирать цвет и фон переднего плана. С помощью пробоотборника цвета переднего плана мы выбираем цвет, который мы хотим заменить, например, черный текст в документе.
Выбрав цвет, мы посмотрим на правую сторону программы GIMP — здесь есть меню слоев. Щелкните правой кнопкой мыши и выберите «Новый слой».
Появится окно создания нового слоя — оставьте размер по умолчанию и установите для параметра «Тип заполнения» значение «Цвет переднего плана». Будет создан новый слой, который полностью покрывает наш документ цветом, выбранным нами.
Последний шаг — изменить режим непрозрачности слоя. Чуть выше списка слоев вы найдете поле «Режим», в котором выбран «Обычный» режим. Мы разрабатываем это меню и выбираем, например, режимы «Скрининг» или «Только светлее».
Мы заметим, что красный цвет (или любой другой, который мы выбрали) теперь охватывает шрифты, таблицы и графику в нашем документе, меняя их цвет.
В самом конце нам нужно сохранить файл в новый документ PDF. Для этого выберите «Файл> Печать …», а затем в окне печати выберите «Microsoft Print to PDF» — таким образом мы напечатаем документ практически с помощью принтера PDF.
После нажатия «Печать» появится окно выбора места для сохранения файла. Если у нас нет «виртуального принтера PDF», мы можем его установить, например, через программу Принтер BullZIP PDF. После установки программы принтер PDF появится в списке принтеров. Выбрав его и после попытки «распечатать», он отобразит окно сохранения документа в файл PDF.
Создаем и редактируем текст в Фотошопе
Часть 1. Удаление старого текста
- Изолируйте слой, который вы редактируете, чтобы не удалить ничего существенного. Вы также можете продублировать фоновый слой, чтобы гарантировать, что вы не испортите исходное изображение. Кликните по нему в палитре слоев и нажмите Ctrl + J или Cmd + J , чтобы создать копию оригинала:
- Перед тем, как в Фотошопе редактировать текст на картинке, определите тип фона под ним. В Photoshop есть много инструментов для удаления текста, но вам нужно убедиться, что вы используете правильный:
- Текст без рендеринга: если в палитре слоев напротив слоя текста значится буква « Т «, значит текст еще может быть отредактирован. Нажмите кнопку « T «, чтобы включить инструмент « Текст », а затем нажмите на текст, чтобы заменить его:
- Одноцветный фон: Создайте новый слой и используйте инструмент « Пипетка », чтобы подобрать цвет фона. Затем используйте кисть, чтобы закрасить старый текст:
- Сложный фон: Вам нужно использовать сложные инструменты, чтобы повторить фон. Остальная часть этой статьи будет посвящена именно таким сложным задачам, а также инструментам, необходимым для их выполнения:
- Перед тем, как редактировать текст в слое Фотошопа , увеличьте масштаб, чтобы обрезать текст максимально точно по контурам букв. В этом случае нам придется заменять меньше фона. Чем больше вы увеличите масштаб, тем лучше будет выглядеть конечное изображение:
- Выделите текст, который вы хотите удалить с помощью инструмента « Быстрое выделение » или « Лассо ». Если текст на фоне выглядит как буквы на неровной поверхности, используйте соответствующий инструмент выделения, чтобы точнее отметить текст. Линия контура должна плотно прилегать к тексту:
- Обведите текст, а затем перейдите в Выделение>Уточнить края , чтобы получить идеальное выделение;
- В качестве альтернативы вы можете, удерживая нажатой клавишу Ctrl / Cmd кликнуть по текстовому слою, чтобы выделить его.
Если текст уже находится в отдельном слое, удерживая Ctrl / Cmd , кликните по его миниатюре ( обычно она выглядит как буква « T « ), чтобы выделить весь текст сразу:
- Расширьте выделение на 5-10 пикселей за пределы исходного текста. Для этого нажмите на кнопку Выделение> Модификация>Расширить. Перед тем, как редактировать текст в Фотошопе , нам нужно создать небольшую рамку вокруг него. Это фон, который будет использоваться для замены текста.
Часть 2. Замена фона
- Используйте функцию « Заливка с учетом содержимого », чтобы автоматически залить текст новым фоном. Эта мощная функция анализирует изображение под текстом, а затем случайным образом повторяет его вместо слов, что позже позволит написать новый текст. Чтобы использовать ее, убедитесь, что:
- Текст выделен;
- У вас есть 5-10 пикселей выделенного пространства вокруг текста;
- Выбран слой с соответствующим фоном.
- Перейдите к верхнему меню и выберите « Редактирование », а затем « Выполнить заливку ». На экране появится меню заливки. Оно предоставляет различные способы для заливки всех пикселей выделения. С их помощью можно просто заменить текст. В меню есть два раздела: « Содержание » и « Наложение »:
- Перед тем, как продолжить редактирование текста в слое Фотошопа, выберите в разделе « Содержание » пункт « С учетом содержимого », а затем установите флажок для параметра « Цветовая адаптация ». « С учетом содержимого » означает, что Photoshop будет анализировать выделенные пиксели и использовать их, чтобы создать новый фон:
- Нажмите « OK », чтобы создать заливку. Эта заливка является случайной, поэтому, если она не совсем подходит, вы можете вернуться в Редактирование> Выполнить заливку и попробовать снова, чтобы получить лучший результат. Если у вас с первого раза не получилось так, как вы хотите, попробуйте:
- Перейти к разделу « Уточнить края » до того, как выбирать пункт « Выполнить заливку », и растушевать края выделения. Это поможет лучше смешать пиксели;
- Изменить « Режим наложения » в меню заливки. Уменьшите непрозрачность до 50% и попробуйте создать 2-3 заливки поверх друг друга, чтобы получить более случайный эффект;
- Используйте вместе с « Пипеткой » инструменты « Кисть » и « Градиент », чтобы закрасить проблемные места.
Часть 3. Добавление нового текста
- Найдите подходящий шрифт перед тем, как редактировать текст в слое Фотошопа . Если вы знаете шрифт, которым был написан оригинальный текст, или хотите выбрать свой собственный, вы можете выбрать его при активном инструменте « Текст ». Но если вы хотите использовать точно такой же шрифт, придется немного покопаться. Вы можете скачать шрифты бесплатно в интернете и добавить их в Photoshop ( как правило, это файлы с расширением .ttf ). Вы также можете использовать сайт WhatTheFont , который определяет шрифт на загруженном пользователем изображении:
Изменение шрифта
В случаях, когда простое добавление нового стиля текста в «Фотошоп» недостаточно, графический редактор предоставляет пользователям возможность принести в уже готовую стилистическую картину что-то свое. Но как изменить шрифт в «Фотошопе» CS6?
Поменять размер и наклон букв поможет «Панель инструментов». Во вкладке «Слои» необходимо выбрать тот, на котором расположен текст. Затем, в нижнем правом углу окна графического редактора, кликнуть по значку fx и выбрать «Параметры наложения».
Таким образом, можно сделать следующее:
- изменить тиснение;
- контур;
- текстуру;
- выполнить обводку;
- добавить внутреннюю тень и внутреннее свечение;
- глянец;
- наложить цвет;
- наложить градиент;
- наложить узор;
- добавить внешнее свечение и тень.
Стоит отметить, что прежде чем менять текст, необходимо определиться с его размером. После применения наложения, текст будет растрирован и превратится в картинку.
Работа с текстом в Photoshop: 10 эффективных приёмов
Возможности по работе с текстами в Photoshop с каждой версией всё растут, новые действия совершать все проще и проще, но несмотря на это, многие дизайнеры продолжают идти в обход, выполняя лишние шаги: путешествия по меню вместо использования горячих клавиш, ручное изменение параметров для многочисленных текстовых слоёв вместо использования стилей абзацев и прочее.
В этой статье я хочу предложить вам 10 простых приёмов, которые помогут вам работать с текстом эффективнее.
Где скачать шрифты для «Фотошопа»?
Перебрав встроенную в назанную программу коллекцию и не найдя подходящего под стиль текста, пользователи задаются вопросом – как устанавливать шрифты в «Фотошоп» CS6 и где их найти?
Как почти и всю полезную информацию о графическом редакторе, дополнения для «Фотошопа» легко найти на просторах Всемирной паутины. За долгие годы с момента выхода первой версии редактора, были созданы тысячи новых компонентов для программы. Интернет переполнен сайтами, которые помогут постичь азы редактуры и дизайна.
Подобные ресурсы, как правило, предоставляют и широкий выбор файлов для скачивания: кисти, фоны, векторные рисунки и шрифты. Представленные файлы могут быть сгруппированы по тематикам:
- винтажные;
- восточные;
- готические;
- комические;
- праздничные;
- декоративные «ретро»;
- старославянские и другие.
Однако перед тем как загрузить шрифты в «Фотошоп» CS6, необходимо убедиться, поддерживается ли нужный пользователю язык. К примеру, многие дизайны текста разработаны иностранными авторами и поддерживают только латиницу, но не кириллицу.
Вписывание текста внутрь фигур или написание текста по контуру
Иногда возникает необходимость задать текстовому блоку не простую прямоугольную форму, а с неровным краем, чтобы текст обтекал какой-нибудь объект.
В этом случае необходимо создать фигуру и щёлкнуть внутри неё с выбранным элементом Type Tool (T). После этого для текстового слоя будет создан отдельный путь, который вы сможете редактировать в любой момент.
Естественно, так же можно создать векторный путь любой сложности и добавить на него текст — таким же щелчком с включённым Type Tool.
Способ №1. Копирование в папку со шрифтами
Простейший способ, работающий только в старых операционных системах – например, Windows XP.
От пользователя требуется выполнить несколько несложных действий:
- Перейти в папку, куда до этого был загружен шрифт.
- Скопировать или вырезать файл.
- Вставить его в папку Fonts, которая находится в каталоге Windows на системном диске.
После добавления шрифта в специальную папку, он станет доступным практически во всех программах.
В том числе, в MS Office, и в Adobe Photoshop, где его можно будет выбрать из списка.
Копирование CSS текстовых слоёв
Одна из новых функций Photoshop позволяет скопировать набор CSS-свойств по сути любого слоя или группы (при использовании команды на группу — будут скопированы свойства как самой группы, так и слоёв внутри неё).
Применение этой функции к текстовому слою позволит нам за несколько секунд получить такую полезную для вёрстки информацию, как используемый шрифт, его размер, цвет, интерлиньяж и выключка.
В очередной раз мы немножко улучшили знания о своём основном инструменте и усовершенствовали рабочий процесс. Самое время закрывать статью и переходить к практике, не забывая пользоваться нашими советами! Ну а если у вас появились вопросы, не стесняйтесь оставлять их в комментариях!
Редактирование шрифта на текстовом слое
После создания текстового слоя его можно редактировать и применять к нему команды для слоя. В текстовые слои можно вставлять новый текст, а также изменять или удалять существующий. Если к текстовому слою применен стиль, весь текст слоя получает атрибуты этого стиля.
Можно менять ориентацию (горизонтальную или вертикальную) текстового слоя. Если слой имеет вертикальную ориентацию, строки располагаются сверху вниз; если ориентация текста горизонтальная — слева направо.
Выберите инструмент «Горизонтальный текст» или «Вертикальный текст» (или выберите инструмент «Переместить» и дважды нажмите текст).
На вкладке «Эксперт» выберите текстовый слой на панели «Слои».
По щелчку на имеющемся текстовом слое текстовый инструмент меняется на начальную точку текста, соответствующую выбранной ориентации текста.
Нажмите, чтобы установить курсор вставки.
Выделите один или несколько символов, которые необходимо редактировать.
Введите нужный текст.
Нажмите кнопку «Применить» на панели параметров.
Активизируйте другой инструмент на панели инструментов.
Как изменить текст в фотошопе
Очень большое значение имеет надпись на фотографии, она придаёт ей особую оригинальность и несёт определённую информацию. Сделав надпись необходимым шрифтом, мы можем придать ей определённый стиль, залить градиентом или узором и т.п. Но не всегда надпись будет смотреться так, как Вам хочется, иногда необходимо поменять размер буквы, изменить её цвет и т.п. В этом уроке по работе с фотошопом будет показан способ изменения букв в тексте после того, как Вы его написали на Вашем изображении. Кроме того, будет показан оригинальный приём выделения объекта в фотошопе . Так к
ак изменить текст в фотошопе
?
Откроем исходное изображение.
Я выбрал инструмент ” Горизонтальный текст ” ( Т ) и шрифтом ” Arial ” сделал надпись на фотографии.
Сделаем текст более оригинальным. Два раза левой кнопкой мыши щёлкаем по верхнему слою.
Появляется окно ” Стиль слоя “, в котором делаем активной вкладку ” Наложение узора “. Выбираем узор, я взял ” Красные скалы “.
Получился вот такой результат.
Теперь я хочу изменить первую букву – увеличить её размер и залить градиентом. Растрируем текст – правой кнопкой мыши щёлкаем по верхнему слою, раскроется список, в котором выбираем пункт ” Растрировать текст “.
Выбираем инструмент ” Лассо ” ( L ) или любой другой удобный для Вас инструмент выделения и обводим первую букву. Точность здесь не нужна, но необходимо провести лассо линию как можно ближе к границам буквы.
Удерживаем клавишу Ctrl и один раз нажимаем на любую клавишу-стрелку на клавиатуре. Выделение чётко “прилипнет” к контурам буквы.
Копируем выделение на новый слой – Ctrl+J и удаляем стиль слоя, который мы применили ранее. Для этого щёлкаем по значку ” fx ” верхнего слоя, удерживаем клавишу мыши и перетаскиваем ” fx ” на значок мусорной корзины.
Загружаем выделение первой буквы, для чего, удерживая клавишу Ctrl , щёлкаем по миниатюре верхнего слоя.
Выберем инструмент ” Градиент ” ( G ), щёлкнем по чёрной стрелочке вверху на панели параметров градиента и в раскрывшемся списке подберём необходимый параметр. Я выбрал ” Синий, красный, жёлтый “. Проводим градиентом по букве и получаем вот такой результат.
Теперь увеличим букву. Применим ” Свободное трансформирование ” – Ctrl+T . Как можно заметить, после увеличения буквы, стала видна та же буква, которая находится на среднем слое. Уберём её.
Сделаем активным средний слой, на котором находится буква, которую необходимо стереть. Выберем инструмент ” Ластик ” ( Е ) и просто сотрём следы от первичной буквы.
Вот что у меня получилось в окончательном варианте. Я Вам показал методику, а Вы можете применить все ресурсы фотошопа, которые Вы знаете, для изменения любых букв. Мы с Вами ответили на вопрос: ” Как изменить текст в фотошопе
? “
Если Вам понравился урок, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо !
Как поменять шрифт
Несмотря на то, что причин невозможности смены шрифта не так уж и много, вариантов, как решить этот вопрос, ощутимо больше. Впрочем, рассматривать их все я не вижу смысла, приведу в качестве примера только те, которые, на мой взгляд, работают на 100%.
В общем, как видите, ничего сложного. Если вдруг шрифт в Photoshop по какой-то причине «отказывается» меняться, теперь вы знаете, по какой причине это происходит, и как разрешить данную проблему.
Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается .
Изменение размера предпросмотра шрифта
В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово «Sample», располагающееся справа от названия шрифта):
Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование –> Установки –> Текст (Edit –> Preferences –> Type), в версиях выше – по вкладке главного меню Текст –> Размер просматриваемого шрифта (Type –> Font Preview Size). По умолчанию размер установлен как «средний» (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:
Не забывайте, что всегда можно вернуться и выбрать меньший размер образцов.
Выбор стиля (начертания) шрифта
Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):
Установка размера шрифта
Выберите размер для вашего шрифта, нажав на треугольник в правой части окна выбора размера. Это откроет список часто используемых предустановленных размеров, которые можно выбрать от 6 px до 72 px:
Если ни один из этих размеров не удовлетворяет Вашим потребностям, Вы можете вручную задать любое собственное значение, кликнув мышкой в поле размера, ввести значение, затем нажать Enter, единицы «px» в конце числа ставит не обязательно, т.к. Photoshop автоматически добавит его при нажатии Enter. Другой способ изменения размеров – навести курсор мыши немного слева от окна ввода, нажать левую клавишу (курсор изменит свой вид на палец со стрелками) и протащить курсор влево или вправо для увеличения или уменьшения размера:
Выбор цвета текста
Правее находится бар, где мы можем задать тексту цвет. По умолчанию, цвет установлен в черный. Чтобы изменить цвет, нажмите на образец. Photoshop откроет палитру цветов, где мы можем подобрать другой цвет для текста:
LiveInternetLiveInternet
–Рубрики
- 1.0 МАСТЕР КЛАСС . (823)
- —Декупаж— (104)
- —Bаляние— (41)
- —Kапрон— (48)
- —Бумага— (167)
- —Вышивка— (48)
- —Вяжем— (117)
- —Макраме— (14)
- —Парикмахер— (7)
- —Пласиковые бутылки— (13)
- —Фимо— (23)
- —Цветы— (174)
- Для путешественников (8)
- —Красота— (2)
- 1.2 ШЬЕМ . (486)
- —Техника шитья— (83)
- —Бантики-заколочки— (79)
- —Ремонт— (42)
- —-Mоделирование — (7)
- —Куклы— (14)
- —Одежда— (165)
- —Переделки— (87)
- —Стильненько— (48)
- —Сумки— (54)
- 1.3 УКРАШЕНИЯ . (121)
- —Бисер— (28)
- —Проволка— (6)
- 1.4 ДОМАШНИЕ ХИТРОСТИ . (76)
- —Для сада— (17)
- 1.5 МЕБЕЛЬ . (54)
- —Декор— (42)
- 1.6 НАУЧИСЬ . (106)
- —Учимся рисовать— (73)
- —-Полиглот— (23)
- 1.7 СOMPUTER . (213)
- —уроки— (42)
- —Li.ru— (7)
- —Клипарт— (2)
- —Photoshop— (104)
- —Skype— (4)
- —Soft— (19)
- —Видео-уроки от Игоря Ульмана— (42)
- —Генераторы— (5)
- —-Не хочу быть чайником— (22)
- 2.0 ВКУСНЕНЬКО . (421)
- —Булочки, плюшки— (23)
- —фрукты— (7)
- —Грибочки— (1)
- —Дрожжевое тесто— (53)
- —Зaкусочка— (10)
- —Кекс— (29)
- —Крем— (15)
- —Печенье— (46)
- —Пирог— (63)
- —Пирожки,оладушки,чебуреки,пончики — (45)
- —Пирожные— (37)
- —Рулет— (11)
- —Соус— (6)
- —Тесто— (31)
- —Тортики— (89)
- 2.1 РЫБА (9)
- 2.2 МЯСО. (75)
- —Говядинa— (8)
- —Печень— (16)
- —Птица— (27)
- —Свинина— (13)
- —Фарш— (16)
- 2.3 ГОРЯЧЕЕ (14)
- 2.4 ЖУРНАЛЫ . (69)
- —Изысканная выпечка— (48)
- —Burda (БУРДА)— (4)
- —Быстро и вкусно— (3)
- —Дюкан— (3)
- —Школа Гастронома— (8)
- 3 УХАЖИВАЕМ ЗА СОБОЙ . (58)
- —Fitnes— (21)
- 4 СВАДЬБА . (44)
- 5 Cмотреть онлайн (6)
- НОВЫЙ ГОД . (42)
–Поиск по дневнику
–Подписка по e-mail
–Постоянные читатели
–Сообщества
–Трансляции
–Статистика
Второй способ
Для этого способа, так же, как и для первого найдите и скачайте понравившиеся вам font (от англ.) на компьютер. А далее вам нужно: Нажать на кнопку «Поиск», ввести в строку «панель управления» и перейти.
Следующим шагом, как показано на скриншотах, нажать «Оформление и персонализация» и далее – «Шрифты».
Вот вы и добрались до пункта назначения! В этой папке находятся все шрифты, уже установленные в компьютер.
Вам остается лишь перетащить скачанные файлы в эту папку. Как только вы это сделаете, они автоматически установятся в систему и появятся в списке в фотошопе.
Создайте плавную типографику в Photoshop
С наступлением лета многие компании обращаются к своему персоналу по маркетингу и дизайну для создания тематической рекламы и рекламных акций. Мы видим, что это происходит сезонно, от обязательной рождественской рекламы до цветных конфет ко Дню святого Валентина. Компании осознают силу сезонных рекламных акций, особенно когда они рассчитаны на соответствие сезонным потребностям потребителей.
Для многих мест идея лета вызывает в воображении множество визуальных эффектов, включая развлечения на солнце, пляж, кулинарии и, конечно же, очень высокие температуры.Часто эти температуры становятся настолько высокими, что вещи начинают таять, и, конечно, когда что-то тает, неизбежно происходят беспорядки. Но не только графика может служить примером сезонных изменений; умно разработанная типографика тоже может. Сегодняшнее руководство покажет вам, как создать плавную типографику, чтобы отметить потенциально жаркую и ненастную погоду.
Ресурсы
Текстура глины
Шаг 1. Новый холст
Откройте Photoshop и создайте новый файл, выбрав «Файл»> «Новый» или нажав Ctrl + «N».Когда появится диалоговое меню, измените настройки так, чтобы размер холста составлял 800 x 500 пикселей. Затем нажмите «ОК».
Шаг 2: Фон
Поскольку наш типографский дизайн будет вдохновлен летом, мы хотим, чтобы фон отражал это. В этом случае мы создадим новый слой и назовем его «BKG». Залейте его цветом # 1694ff.
Шаг 3: Градиент
Теперь, вместо того, чтобы создавать новый слой для добавления нашего градиента, мы просто будем использовать параметры наложения.Сначала измените цвет фона на #ffffff и оставьте передний план на # 1694ff. Выбрав цвета, перейдите в меню «Параметры наложения», щелкнув нужный слой правой кнопкой мыши или дважды щелкнув по нему. Выберите поле «Наложение градиента», а затем измените градиент так, чтобы он отражал предварительно выбранные цвета переднего плана и фона.
Убедитесь, что вы поставили галочку в поле «Reverse» и установили режим наложения «Overlay».
Шаг 4: Текст
Начнем с первой буквы нашего дизайна.Возьмите текстовый инструмент и создайте текстовое поле немного левее центра нашего холста. Измените цвет текста на # ffe92e, размер шрифта на 82pt и тип шрифта на Arial.
Шаг 5: 3D текст
Сделать так, чтобы трехмерные объекты выглядели так, как будто они плавятся, по сравнению с двухмерными объектами, поэтому мы сделаем нашу букву «D» трехмерной. Создайте еще одну букву «D», но измените цвет на # ffd500. Переместите этот слой под исходный слой «D» и сдвиньте его немного вправо, чтобы вы видели только его часть.Смотрите ниже для ясности.
Шаг 6: объединить
Поскольку мы будем работать над обоими этими слоями одновременно, будет проще, если они будут всего лишь одним объектом вместо двух. Растрируйте оба слоя, а затем объедините их, чтобы теперь они были одним слоем.
Шаг 7: Буква «F»
Используйте инструмент «Текст» еще раз, чтобы создать еще одну букву «F». Вместо того, чтобы делать заглавную букву, вы сделаете ее строчной. Используйте те же цвета, что и для буквы «D»; Единственная разница в том, что размер шрифта будет 48pt.Повторите те же действия, чтобы он выглядел трехмерным, а затем объедините слои вместе.
Шаг 8: Текстура глины
Чтобы текст выглядел так, как будто он действительно тает, нам нужно применить текстуру к буквам. Сначала мы начнем с буквы «D», а затем продолжим. Если вы еще этого не сделали, возьмите изображение текстуры, указанное по ссылке выше, и вставьте его на холст. Вам нужно будет изменить его размер так, чтобы он перекрывал только букву D.
Удалите лишние части текстуры, которые не закрывают букву, а затем измените режим слоя на «Затемнение цвета».Когда это будет сделано, слейте два слоя так, чтобы они стали одним.
Шаг 9: придать пластику
Теперь, когда наша текстура применена, мы можем начать плавление нашего изображения. Для этого вам нужно будет использовать инструмент «Разжижение», выбрав «Фильтр»> «Разбавить» или нажав Shift + Ctrl + «X». Когда появится диалоговое меню, убедитесь, что настройки такие же, как показано на изображении ниже. Также убедитесь, что у вас выбран инструмент прямой деформации.
Установив настройки, вы можете начать перетаскивать кисть вниз по букве, чтобы придать ей плавный вид.
Шаг 10: лужа
Как и в случае с мороженым, тающие вещи обычно оставляют лужи или какой-то беспорядок. Нам нужно создать лужу для нашего письма, чтобы еще больше усилить его тающий вид. Для этого нам нужно сначала продублировать наше письмо. Как только это будет сделано, переместите его так, чтобы он оказался под буквой «D», а затем переверните по вертикали.
Теперь используйте инструмент деформации, чтобы изменить форму дублированной буквы так, чтобы она начала выглядеть как лужа.Смотрите ниже для ясности.
Шаг 11: Разжижение лужи
Снова используйте инструмент «Разжижение» с кистью разного размера, чтобы еще больше исказить лужу.
Шаг 12: растушевка
Вы заметите, что есть видимая линия между буквой «D» и нашей лужей. Нам нужно избавиться от этого, потому что мы хотим, чтобы казалось, что эти два слоя на самом деле являются одним целым. Возьмите инструмент «Размытие» и жесткой круглой кистью (интенсивность 42% и режим наложения «Нормальный») просто перемещайтесь вперед и назад по линии, пока она не смешается.
Шаг 13: Письмо в пластиковой упаковке
Чтобы наша буква выглядела более «плавной», мы собираемся применить к ней фильтр, но сначала нам нужно продублировать его. Убедившись, что вы находитесь на правильном слое, перейдите в «Фильтр»> «Художественный»> «Пластиковая пленка». Измените настройки так, чтобы они совпадали с числами на изображении ниже.
Теперь, когда фильтр установлен, измените режим слоя на «Светлее».
Шаг 14: Лужа в полиэтиленовой пленке
Дублируйте слой лужи и примените к нему тот же фильтр, который вы использовали на шаге 13.Не забудьте изменить режим слоя.
Шаг 15: Жирная лужа
Дублируйте слой лужи с примененным фильтром из полиэтиленовой пленки и протяните его под исходный слой лужи. Используйте инструмент трансформации и измените его размер, чтобы вы могли видеть его по краям. Измените режим слоя на «Более светлый цвет».
Откройте меню «Параметры наложения» и установите флажок «Скос и тиснение». Введите настройки, показанные ниже, и нажмите «ОК».
Шаг 16: Буква «F»
Теперь, когда у нас есть буква «D», мы можем проделать то же самое с буквой «F».Когда вы закончите искажать букву, вам нужно будет смешать лужу буквы «F» с лужей буквы «D», используя инструмент размазывания. Вот готовое изображение.
Скачать PSD файл
Заключение
Следует отметить, что вам не нужно просто оставлять типографику в этом состоянии. Чтобы создать еще более креативное и летнее украшение, подумайте о добавлении фона, например, предметов в песочную или пляжную тематику. Само собой разумеется, что лето — это не только сценарий таяния типографики.Постарайтесь проявить творческий подход, используя разные шрифты, а также сочетания цветов.
Я надеюсь, что вы нашли это руководство полезным и вдохновляющим. Удачного проектирования!
Измените белый цвет на любой в Photoshop
Добавьте всплеск цвета всего за несколько простых шагов
Эта невероятно универсальная техника позволит вам заменить любые белые элементы изображения на любой другой цвет. В этом уроке мы покажем вам, как делать очень точные выделения с помощью каналов, а затем мы будем использовать эти выделения в сочетании с корректирующим слоем оттенка / насыщенности для замены любого цвета, который нам нужен.Хотите вместо этого редактировать черно-белое изображение в Photoshop?
Каналы
Используя каналы, мы можем сделать невероятно точный выбор, основанный на контрасте, присутствующем в изображении. Чтобы просмотреть различные цветовые каналы, щелкните вкладку «Каналы». Вы увидите в списке три канала; один для красного, один для зеленого и один для синего. Наша цель — определить канал, который имеет наибольший контраст между светлыми и темными участками фотографии. Это позволит нам выбрать белые области на фотографии для изменения цвета.Чтобы найти канал с наибольшей контрастностью, просто нажмите на каждый из них и сделайте вывод, основываясь на том, что вы видите.
Если изображение кажется плоским, этот канал, скорее всего, не поможет. Если на изображении есть четко очерченные светлые и темные участки, то он отлично подойдет.
В этом случае синий канал имеет наибольшую контрастность, поэтому мы будем использовать этот канал для выбора. Дублируйте синий канал, а затем загрузите корректирующий слой уровней, нажав CTRL или CMD + L.
Давайте воспользуемся корректирующим слоем «Уровни», чтобы еще больше увеличить контраст. Это гарантирует, что наш выбор будет максимально точным. В диалоговом окне «Уровни» перетащите крайний левый ползунок, представляющий темные области изображения, немного вправо. Проделайте то же самое с крайним правым ползунком, сдвинув его влево. Это сделает темные области темнее, а светлые — светлее, создавая четкое различие между частями изображения, цвет которых мы хотим изменить, и частями, которые мы не делаем.
Делаем выбор
Теперь, когда у нас есть канал, который идентифицирует весь белый цвет изображения, мы можем превратить его в выделение, удерживая CTRL или CMD и щелкая по копии созданного нами синего канала.
Теперь, когда у нас есть выделение, мы можем загрузить его как маску слоя, которая в конечном итоге позволит нам изменить цвет. Перейдите на вкладку «Слои», затем перейдите к «Слой», «Новый корректирующий слой» и «Оттенок / насыщенность». Удерживая ALT ИЛИ OPTN, щелкните маску слоя нашего нового корректирующего слоя оттенка / насыщенности.Это загрузит наш выбор канала в нашу маску слоя.
Имейте в виду; все, что кажется белым на маске слоя, будет видно на этом слое, а все черное будет невидимым. Наша цель — настроить маску слоя корректирующего слоя оттенка / насыщенности так, чтобы она была видна только на белых областях изображения. Нам нужно немного улучшить нашу маску слоя, чтобы гарантировать, что изменение цвета происходит там, где мы хотим.
Уточнение маски слоя
Переключитесь на Brush Tool, нажав B.На панели параметров выше измените Режим наложения с Нормального на Наложение. Затем закрасьте черным цветом любые области изображения, цвет которых вы не хотите менять. Нам нужно изменить только цвет фона, одежду объекта и оправу солнцезащитных очков. Все остальное можно выкрасить полностью в черный цвет.
Как только это закончится, мы собираемся проделать то же самое с белыми областями изображения, закрасив белым все, что в конечном итоге изменит цвет.
Не торопитесь с этим процессом! Чем точнее ваша маска слоя, тем реалистичнее будет выглядеть окончательное изменение цвета.
Когда вы закончите, у вас должна быть маска слоя, состоящая только из чистого черного (кожа объекта) и чистого белого (платье, фон и т. Д.).
Presto Change-O
Теперь, когда наша маска слоя готова, откройте диалоговое окно для слоя настройки оттенка / насыщенности и щелкните поле Colorize. Используйте ползунки выше, чтобы уменьшить яркость, увеличить насыщенность и настроить оттенок по своему усмотрению. Вы должны увидеть, как белые области полностью меняют цвет, когда вы настраиваете эти ползунки.Поскольку мы используем белую основу, более светлые цвета будут выглядеть немного реалистичнее.
Как создать свой первый шрифт, пошаговое руководство
Fontself Maker — это для творческих взрослых то же самое, что Play-Doh для детей: мгновенная классика и действительно забавная игра.
Установите его в Photoshop CC 2017, и он даже может стать мощным инструментом;)
Dream, затем нарисуйте
Какую бы безумную идею надписей вы ни придумали, просто сделайте это. Используйте любой инструмент или материал, который хотите.Пока вы можете представить это в образе, продолжайте.
Жоэль Бушетей, Динь Нгуен, Фульгуро и Пьер терьер. Сошел с ума.Подготовьте надпись
Когда вы закончите творческую часть, пришло время импортировать ваши работы в Photoshop. Если вы отсканировали или сфотографировали свою надпись, немного очистите ее.
Чтобы легко удалить цветной фон за вашими буквами, создайте новый корректирующий слой Levels , выберите третий инструмент Пипетка на панели Properties и щелкните свое изображение там, где стоит самая яркая точка (это установит белую точку ).Затем отрегулируйте вручную с помощью правого ползунка для точной настройки.
Когда вы закончите, перейдите в меню «Слой »> «Развернуть изображение» . Теперь у вас есть чистое исходное изображение с идеальным белым фоном, готовое для извлечения вашей надписи.
Очистка источников цветного шрифтаИзвлеките буквы
В большинстве случаев вам, вероятно, захочется удалить фон позади букв. В Photoshop есть бесчисленное множество способов сделать это, но давайте попробуем один из простых.
Не нужно быть ниндзя-экстрактором, чтобы наслаждаться чистыми буквами.Просто выполните следующие шаги:- Дважды щелкните изображение Background на панели Layers , чтобы превратить его в слой (это позволяет вам добавить прозрачность к вашему слою).
- Выберите инструмент «Волшебная палочка», установите «Допуск » равным 10, снимите флажок « Непрерывный » и щелкните в любом месте на белом фоне.
- Теперь перейдите к Select> Inverse , чтобы отменить выделение (это выберет только ваши буквы), и нажмите Select & Mask… на панели инструментов.
- Чтобы просмотреть, как Photoshop может извлекать ваши надписи, перетащите ползунок Непрозрачность на 100%, нажмите на предварительный просмотр изображения рядом с режимом просмотра и выберите режим на черном , чтобы увидеть ваши буквы на отдельном фоне (остальные Конечно, вывод будет прозрачным;)
- Пора поиграть с несколькими настройками (не стесняйтесь экспериментировать с каждым ползунком, так как они могут существенно повлиять на качество извлечения).
- Вы почти закончили, теперь нажмите Ok и наслаждайтесь различиями!
Изолируйте свои буквы
У вас есть целый набор подражателей глифов на одном слое изображения? Давайте переместим эти изображения отдельных букв на отдельный слой, чтобы их можно было легко идентифицировать как отдельные символы.
Просто завершите миссию по добыче: + 10’000 очков !!!Так как же поместить каждую букву на отдельный слой?
Легко: просто выберите любой инструмент выделения — например, инструмент «Прямоугольная область» — и перетащите выделение вокруг своего первого символа. Нажмите Cmd + J (или Ctrl + J в Windows), чтобы скопировать текущее выделение на новый слой. Снова выберите слой с прозрачными буквами и повторите процесс со всеми символами исходного изображения.
Поздравляем, вы почти закончили! Оставайтесь с нами и посмотрите, как вы можете превратить свою надпись в настоящий шрифт.
Подготовьте ваши письма
Чтобы импортировать каждое из ваших писем в Fontself, мы рекомендуем использовать самый быстрый способ сделать это: импортировать целую серию за один раз. Для этого вам нужно выровнять всех ваших персонажей в одну строку.
- При необходимости перейдите в меню Изображение> Размер холста , чтобы увеличить ширину документа.
- Вы также должны создать горизонтальную направляющую, чтобы ваши буквы были идеально выровнены: покажите View> Rulers , а затем щелкните и перетащите верхнюю линейку, чтобы создать новую направляющую.
- Выберите инструмент «Перемещение», щелкните и перетащите выделение вокруг группы букв и переместите их вместе.
Готово? Тогда давайте повеселимся…
А теперь самое простое.
Создайте цветной шрифт
- Перейдите в окно Window> Extensions> Fontself Maker
- Выберите 26 слоев вашего алфавита и перетащите их на панель Fontself.
Готово;)
Измените размер панели Fontself, чтобы увидеть весь шрифт во всей красе:
Используйте свой цветной шрифт
(Потому что да, это и есть вся цель создания шрифтов …)
- Нажмите кнопку Установить на панели Fontself.
- Введите название шрифта.
- Выберите инструмент «Текст» в Photoshop.
- Выберите свой цветной шрифт.
- Введите текст.
А теперь? Наслаждаться!Вот и все. Вы только что были Fontself’d;)
PS-1: ищете более подробную информацию о создании векторных и растровых шрифтов в Photoshop? Проверьте в нашем следующем артикуле .
PS: супер мега спасибо Джоэлю Галерану и Мохамеду Генании, сумасшедшим, которые присоединились ко мне (Францу Хоффману) в этой новой главе приключения Fontself.
PS1: спасибо Пьеру Терьеру, который разработал и нарисовал эту красочную надпись Франклина еще в 2007 году, когда мы только начали исследовательский проект домашнего приготовления под названием FontYourself — с другим талантливым другом, Марком Эшером. Вся эта штука с Fontself никогда не была бы возможна, если бы мы не начали возиться с пикселями и шрифтами на ранней стадии.
PS2: спасибо всем сотрудникам Adobe за создание таких замечательных инструментов, в частности, Photoshop.Это набор инструментов творческой мечты, и мы с нетерпением ждем возможности взломать его с помощью множества других красочных функций. 😉
PS3: Вам понравился этот пост? Спасибо, что нажали кнопку ♡ и порекомендовали его своим друзьям .
Как добавлять текст и шрифты в Photoshop
Рекламные листовки и приглашения, обложки книг и компакт-дисков и даже сообщения в социальных сетях, такие как истории из Instagram, имеют одну общую черту: все они используют типографику! Типографика — это искусство расположения букв и текста таким образом, чтобы сделать копию разборчивой, четкой и визуально привлекательной.Большинство типографики начинаются с изучения того, как добавлять текст в Photoshop.
Давайте посмотрим не только, как добавить текст в фотошоп, но и как изменить цвет текста в фотошопе и как добавить свои собственные шрифты на ваш компьютер. Затем мы рассмотрим еще более простой и доступный способ добавления текста к изображениям с помощью Fotor.com!
1. Как написать текст в Photoshop
Во-первых, давайте начнем изучать, как добавлять текст в фотошоп.
Откройте изображение и выберите инструмент Текст на левой панели инструментов.
Щелкните в любом месте изображения и начните вводить текст!
Я буду использовать цитату: «Каждый — луна, и у него есть темная сторона, которую он никогда никому не показывает». пользователя Mark Twain.
- Изменить настройки текстов
Теперь давайте изменим настройки шрифта, включая шрифт, размер шрифта, выравнивание шрифта, цвет шрифта. Измените шрифт font-face , выделив текст и перейдя на левую верхнюю панель инструментов.Щелкните раскрывающееся меню и выберите любой из предустановленных шрифтов! Ниже я использую бесплатный шрифт Georgia.
Вы можете изменить размер шрифта , выделив текст и посмотрев на середину верхней панели инструментов.
Измените числа рядом с Размер , чтобы увеличить или уменьшить размер текста.
В качестве альтернативы вы можете использовать инструмент Move , выбрав инструмент Move , щелкнув один из шести появившихся якорей, а затем потянув или нажав внутрь.
Вытягивание приведет к увеличению текста, а при вытягивании — к его сжатию.
Измените выравнивание шрифта текста, щелкнув текст и выбрав один из трехстрочных значков на верхней панели инструментов.
Можно выбрать по левому краю, по центру, или по правому краю. Ниже я выбрал выравнивание по левому краю!
Измените цвет текста, еще раз выделив всю строку тетради.
Теперь нажмите на цветной квадрат внизу боковой панели инструментов.
Отсюда вы можете выбрать любой цвет, который вам нравится!
Знаете ли вы, что на компьютер можно установить свои собственные шрифты? Это не только бесплатно, но и очень просто!
Шаг 1
Сначала перейдите на такой сайт, как www.dafont.com или theleagueofmoveabletype.com , и загрузите любые шрифты, которые вам нужны, нажав кнопку Загрузить .Я буду загружать шрифт Leauge Gothic из The Leauge of Moveable Type.
Шаг 2
Сохраните файл .zip в любом месте на компьютере, например на рабочем столе.
Шаг 3
После сохранения найдите файл .zip и дважды щелкните файл .zip , чтобы открыть его, затем перетащите файлы из .zip на рабочий стол.
Шаг 4 Вариант 1
Выберите файлы шрифтов, обычно .ttf или .otf, , а затем Щелкните правой кнопкой мыши> Установить.
Шаг 4 Вариант 2
Кроме того, вы можете поместить файлы шрифтов в папку Fonts, обычно это C: \ Windows \ Fonts.
В папку «Шрифты» можно также попасть, выбрав «Пуск»> «Панель управления»> «Оформление и темы»> «Шрифты».
После того, как файлы шрифтов были помещены в папку Fonts, вы можете удалить все файлы рабочего стола!
Есть несколько простых и удобных текстовых эффектов, которые вы можете добавить к любому тексту, чтобы настроить их и добавить в свой дизайн.Давайте рассмотрим несколько более простых. Попробуйте экспериментировать и даже смешивать и сочетать, чтобы получить разные результаты!
- Добавить тень к тексту в Photoshop
Добавьте тень к тексту, сначала набрав текст.
Затем дважды щелкните слой текста на панели слоев и отметьте Drop Shadow. Здесь вы можете изменить прозрачность, расстояние и размер.
После того, как вы отрегулировали все свои настройки, нажмите ОК!
- Добавить обводку к тексту в Photoshop
Добавьте обводку к любому тексту, сначала набрав текст.
Затем дважды щелкните слой с текстом на панели слоев и установите флажок «Обводка ». Здесь вы можете изменить цвет, толщину и непрозрачность.
Когда все будет хорошо, нажмите ОК!
Ниже я также уменьшил Fill текстового слоя до 0% , чтобы придать ему вид прозрачности.
Вы можете вырезать изображение в текст, удерживая нажатой Alt (или Option на Mac) и наведя курсор мыши на линию, разделяющую слои текста и изображения на панели «Слои».
Щелкните кнопкой мыши. Изображение теперь будет внутри вашего текста!
- Поместите текст позади изображения в Photoshop
Сначала введите текст, поместив его над изображением.
Затем продублируйте изображение, поместив дубликат над текстом.
Теперь, используя инструмент Object Selection Tool , выберите объект, за которым вы хотите разместить текст.
Добавьте маску слоя, и теперь ваш текст будет выглядеть так, как если бы он находился за объектом!
Представляем Fotor!
Ищете более быстрый и простой способ добавить текст, не требующий больших и дорогих программ, таких как Photoshop? Тогда Fotor — это именно то, что вам нужно! Даже если вы в настоящее время являетесь пользователем Photoshop, иногда вы не хотите тратить время на открытие его только для того, чтобы добавить текст к изображению, или вы можете не находиться на компьютере, на котором установлен Photoshop.Вот почему я настоятельно рекомендую Fotor , хотя бы потому, что вы можете получить к нему доступ в любом месте в любое время.
Давайте посмотрим, как можно добавить текст к собственным изображениям!
Шаг 1
Сначала загрузите изображение в Fotor и выберите вкладку Текст на левой боковой панели.
Нажмите, чтобы отредактировать изображение
Шаг 2
Затем выберите Заголовок , Подзаголовок или Основной текст в зависимости от того, что вы набираете.
Вперед, введите часть своего текста!
- Как добавить текстовый эффект в Fotor
Шаг 1
Во-первых, давайте изменим цвет текста, щелкнув черный квадрат в верхнем левом углу.
Я пойду белым.
Шаг 2
Затем давайте добавим тень, выбрав значок шара с тенью, расположенный в правой части верхней панели инструментов.
Вы можете воспроизвести мои настройки ниже, чтобы получить нежную розовую тень.
Шаг 3
Наконец, вы можете настроить непрозрачность или прозрачность текста с помощью ползунка в правом верхнем углу верхней панели инструментов.
Вы также можете продублировать слой с помощью кнопки Clone и отрегулировать размер и угол, используя точки привязки, которые озвучивают любой выделенный текст!
ВFotor есть все те же инструменты, что и в Photoshop, но без больших затрат и цен, что делает его моим любимым способом быстрого добавления текста или редактирования изображений на ходу!
Какая лучшая альтернатива Photoshop?
Fotor — отличная альтернатива Photoshop, поскольку он полностью основан на Интернете, не требует громоздкого программного обеспечения и его намного проще научиться пользоваться!
Какие шрифты бесплатны для коммерческого использования?
Существуют сотни бесплатных шрифтов как для коммерческого, так и для личного использования.Некоторые из самых популярных шрифтов включают Georiga, Bebas Nue, Time New Roman и Arial.
Какие самые лучшие сайты с бесплатными шрифтами?
Хотя существует несколько разных сайтов, dafont.com уже давно является одним из самых популярных сайтов с бесплатными шрифтами, с галереей из сотен, если не тысяч шрифтов, которые можно загрузить совершенно бесплатно!
Ищете бесплатные шрифты сверхвысокого качества? Мой личный фаворит — theleagueofmoveabletype.com , которые бесплатны как для коммерческого, так и для личного использования!
Какое приложение может добавлять текст бесплатно?
Вы можете добавить текст к любой фотографии с помощью Fotor. Наряду с бесплатной настройкой шрифта, цвета и других текстовых эффектов.
Как добавить шрифты в фотошоп?
Сначала загрузите любой желаемый шрифт, а затем сохраните файл .zip или шрифт в любом месте на своем компьютере.
После сохранения найдите файл .zip и дважды щелкните файл.zip, чтобы открыть его, и перетащите файлы шрифтов из .zip на рабочий стол.
Выберите файлы шрифтов, обычно .ttf или .otf, и щелкните правой кнопкой мыши> Установить.
И вот оно! Добавление текста к изображению — это не только отличный способ поделиться важной информацией, но и добавить к общему дизайну изображения. Например, добавление значимых или забавных цитат к изображению — отличный способ заявить о себе, возможно, вашим подписчикам в социальных сетях или отправить друзьям и родственникам!
И используете ли вы Photoshop или делаете это еще быстрее в онлайн-приложении, таком как Fotor, добавление текста к изображению — это умение, которое каждый должен иметь в своем арсенале хитростей!
О нас:
Fotor — бесплатный онлайн-редактор изображений и графический дизайнер, позволяющий использовать онлайн-инструменты для редактирования фотографий, такие как добавление фильтров, рамок, текста, наклеек и эффектов … и применять инструменты дизайна для создания креативных фото-дизайнов и графики .Онлайн-фотошоп и программное обеспечение для графического дизайна еще никогда не было таким простым! Кроме того, если вы хотите получить больше полезных и вдохновляющих советов, посетите нашу домашнюю страницу блога , чтобы расширить круг читателей.
Adobe Photoshop: Учебное пособие по изменению цвета шрифта
Вперед об этом учебном курсе
Этот учебник написан для новичков и требует очень мало знаний о Photoshop и проведет вас через очень простой процесс использования Adobe Photoshop для изменения цвета шрифта.В этом руководстве также используется Adobe Photoshop CS4, но он легко работает с любой версией Photoshop 7.0+.
Инструмент «Текст» и текст в Photoshop
Инструмент «Текст» — это функция Photoshop, которая позволяет добавлять текст к изображению. Вы можете форматировать текст, как в текстовых редакторах, изменяя стиль, цвет, размер шрифта, выравнивание, межстрочный интервал и многое другое. Он расположен на боковой панели инструментов и представляет собой инструмент «наведи и щелкни».
Просто выберите инструмент «Текст», щелкните на холсте в том месте, где вы хотите разместить текст.Появится мигающий курсор, и здесь вы наберете текст. Вы можете использовать настройки на верхней панели инструментов, чтобы изменить такие настройки, как начертание шрифта, стиль шрифта и размер шрифта. Весь текст автоматически создается на собственном текстовом слое. Поскольку текст легко редактируется на собственном слое, вы не можете использовать такие инструменты, как ведро с краской или какие-либо кисти, чтобы перекрасить его, пока он по-прежнему рассматривается как текстовый слой.
Основной метод
Самый простой способ изменить цвет шрифта в Photoshop — просто щелкнуть и перетащить текст, чтобы выделить его.Ваш текст будет выделен черным ящиком.
После этого вы можете дважды щелкнуть образец переднего плана, чтобы открыть палитру цветов.
Выберите цвет шрифта, который вы хотите использовать, щелкнув палитру цветов.
Когда закончите, просто щелкните текстовый слой еще раз, чтобы увидеть, как изменился цвет шрифта.
Изменение отдельных частей слов
Иногда вам может потребоваться изменить несколько простых букв для логотипа или просто простой текстовый эффект.Это тоже довольно просто! Вот отличный пример.
Вы также можете выбрать только одну часть текста, щелкнув и перетащив по ней. Вы можете сделать это для отдельных слов или букв. Вы можете видеть, что на этот раз Photoshop вмешался и выделил буквы белым, так что вы можете сказать, какие из них вы выбрали.
Затем дважды щелкните образец переднего плана, чтобы открыть цветовую палитру и выбрать цвет, который вы хотите использовать.
Этот метод позволяет вам создать фрагмент текста, внутри которого есть разные цвета, что может дать отличные эффекты!
Изображение предоставлено
Все изображения были созданы автором этой статьи.Кроме того, все скриншоты сделаны автором и предназначены только для образовательных целей.
Обведенные заголовки в Photoshop Elements
Создание обведенных заголовков в Photoshop Elements немного отличается от их создания в Photoshop / CC (PS / CC). Обведенный заголовок добавит эффектности и визуального интереса к создаваемому вами макету, не отвлекая внимание от дизайна или истории. В PS / CC обводку (контур) можно добавить на тот же слой, что и текст, тогда, когда непрозрачность уменьшается до 0%, текст исчезает, а обводка остается.Примечание. Пользователи Photoshop / CC могут найти аналогичный учебник здесь. Если в Photoshop Elements применить обводку к тому же слою, что и текст, текст и обводка исчезнут при понижении непрозрачности до 0%. Это определенно не то, что вам нужно! В этом уроке мы рассмотрим, как создать выделенный заголовок в Photoshop Elements.
Начните с жирного крупного шрифта
Сначала выберите толстый жирный шрифт и введите желаемый заголовок. Я использую Basic Sans Black. Неважно, какой цвет используется для шрифта, поскольку он не отображается.Скопируйте текстовый слой (Ctrl + J). Переименуйте первый текстовый слой в «оригинальный», а скопированный слой «в рабочий» или как-нибудь так, что вам кажется понятным. Поскольку текстовый слой необходимо упростить, рекомендуется поработать с копией, поэтому, если сделана ошибка или вы передумаете, можно легко начать заново, используя исходный текстовый слой.
Кернинг (интервал между буквами) не является параметром в PSE. Вы можете получить немного контроля, добавив параметры азиатского текста, но это позволяет вам только уменьшить интервал, а не увеличивать его.Если вы не видите этого в поле «Параметры инструмента» в нижней части рабочего пространства при использовании инструмента «Текст», выберите «Правка»> «Настройки»> «Текст». В «Параметры типа» установите флажок «Показать параметры азиатского текста» и нажмите «ОК». Затем вы можете изменить процентное соотношение между буквами, чтобы приблизить их друг к другу.
Добавить контур (обводку) на отдельном слое (см. Дополнительный совет ниже)
Если заголовок вас устраивает, вы можете просто добавить обводку на отдельный слой. Сначала добавьте новый слой над слоем с упрощенным текстом.Переименуйте новый слой в «Обводка» или «Контур». Затем, выделив текстовый слой, удерживайте Ctrl и щелкните миниатюру, чтобы выделить текст. Затем, выбрав слой Stroke, перейдите в Edit> Stroke (Outline) Selection. Установите ширину, цвет и расположение обводки. Это те настройки, которые я использовал, но они будут отличаться в зависимости от вашего текста и того, какой толщины вы хотите выделить контур заголовка. Когда вы будете удовлетворены, нажмите ОК. При необходимости всегда можно вернуться (Ctrl + Z).
Отключить текстовый слой
На этом этапе вы можете просто отключить видимость или удалить текстовый слой, чтобы остался только контур.Обычно я не удаляю его до тех пор, пока макет не будет завершен, и так, как я хочу, на случай, если я захочу изменить его или добавить двойной или тройной контур.
Дополнительный совет: добавить обводку на том же или на отдельном слое?
Если вы просто хотите использовать обводку как есть, можно уменьшить непрозрачность внутри обводки, выбрав «Стиль»> «Видимость»> «Скрыть».
Или удерживайте Shift + число, чтобы выбрать видимость. Например: 1 = 10%, 2 = 20%, 3 = 30% и так далее до 0 = 100%.
Примечание: если вы используете параметр «Стили> Видимость» и, например, добавляете блеск, блеск не будет применяться к обводке. Когда вы уменьшаете непрозрачность, блеск скрывается, и остается только цветная обводка. Если вы хотите добавить блеск или поработать с обводкой отдельно, поместите обводку на отдельный слой.
Также обратите внимание, что «Стили> Видимость» обычно не отображаются на панели «Слои», как показано ниже. Я добавил его сюда только в демонстрационных целях, чтобы показать параметры, отображаемые при выборе этого стиля.Параметр «Призрачный» снижает непрозрачность до 50%.
Размещение обводки на отдельном слое позволяет закрепить блеск на обводке и применить любые другие эффекты непосредственно к слою обводки.
Альтернативные очертания дизайна
Вот несколько альтернативных схематичных рисунков, которые следует рассмотреть, для которых необходимо разместить каждую букву на отдельном слое. Выделив текстовый слой, используйте Magic Wand, чтобы выбрать одну букву, затем щелкните правой кнопкой мыши по букве и выберите Layer Via Copy.Не забудьте вернуться к текстовому слою, чтобы выбрать каждую букву.
Ниже все буквы слегка перекрываются, слои объединяются с внешней обводкой, примененной к объединенным слоям, и добавляется тень.
Затем слои O & V были наложены и объединены. L и E были расположены немного шире, и ко всем добавлены центральная обводка и тень.
Наконец, я просто добавил немного места между буквами, объединил их и вырезал бумагу LJS Designs из ее бумаг Vintage Flea Market. Эти работы были включены в класс чемпионов января 2017 года.
Это лишь некоторые из возможностей, которые вы можете использовать для выделенных заголовков в Photoshop Elements. Вы можете применять различные стили или фильтры, чтобы создать совершенно другой вид.Не бойтесь экспериментировать. Это один из лучших способов увидеть, как будут выглядеть разные фильтры и стили. Так что ты думаешь? Вы использовали эту технику раньше? Если да, у вас могут быть другие идеи, которыми вы хотели бы поделиться в комментариях ниже.
Сохранить
Как изменить цвет фона в Photoshop (шаг за шагом!)
У вас есть фотография с цветом фона, который вам не нравится? Мы здесь, чтобы показать вам пошаговый процесс изменения цвета фона в Photoshop.
Требуется немного терпения, но это так легко сделать. Итак, приступим!
Шаг 1. Выберите фото
Качество готового изображения зависит от количества времени, которое вы тратите на процесс.
Если вы впервые меняете цвет фона в Photoshop, выберите изображение с резкими краями и чистым фоном. С этим будет легче работать, чем с более сложной композицией.
Вот некоторые вещи, которых следует избегать, если вы новичок в изолировании объекта, чтобы изменить цвет фона:
- Волосы распущенные, вьющиеся, с шипами или негладкие;
- Объекты с детализированными краями;
- Все, что края не в фокусе;
- Размытие в движении;
- Фон, гармонирующий с объектом.
Шаг 2: Создайте два слоя
Откройте фотографию в Photoshop и создайте дубликат слоя (Ctrl или Cmd + J) . Затем отключите исходный слой.
Создайте сплошной слой, щелкнув значок «Создать новый слой заливки или корректирующего слоя» на «Панели слоев».
Выберите «Сплошной цвет» сверху.
Выберите цвет, близкий к цвету фона, который вы будете использовать, или выберите белый.
Шаг 3. Выберите тему
Щелкните инструмент «Быстрый выбор» на «Панели инструментов».Затем нажмите на опцию «Выбрать тему». Он находится на верхней панели над изображением.
Если края вашего выделения нечеткие, Photoshop сообщит вам, что не может найти заметный объект. Если вы видите это, попробуйте другие инструменты, такие как «Волшебная палочка» или «Выбор объекта».
Шаг 4. Очистите края
Если ваш объект не очень резкий, результат будет не идеальным. Итак, следующий шаг — отполировать его.
Не снимайте выделения с инструмента «Быстрый выбор».И нажмите на поле «Выбрать и замаскировать» над вашей фотографией. Откроется новое окно, в котором вы сможете уточнить свой выбор.
Используйте кисть «Уточнить края» , чтобы добавить края, которые слишком сливаются с фоном.
Чтобы увидеть эффект этой кисти, выберите «Наложение» или «На белом». Эти параметры находятся на панели «Просмотр» в правой части экрана.
Вы можете настроить непрозрачность до такой степени, чтобы вы могли видеть эффект кисти при ее использовании.
Вот пример, показывающий параметр «Наложение» на панели просмотра с непрозрачностью 50%.
Обойдите край по часовой стрелке, чтобы убедиться, что вы покрываете весь контур.
Размер этой кисти можно контролировать с помощью клавиш [и]. Вы также можете лучше контролировать эффект, используя ползунки «Радиус», «Сглаживание», «Растушевка» и «Контрастность». Они находятся на панели справа от вашей фотографии.
Поэкспериментируйте с этими элементами управления.Вы найдете наилучший баланс для разных областей изображения. Они будут иметь различный эффект в зависимости от деталей вашего фото.
Когда вы будете довольны своим выбором, переключите «Просмотр» на «Черно-белый». Не отвлекаясь от цвета, вы сможете лучше увидеть, как выглядят ваши края.
Если больше не нужно вносить никаких изменений в «Output To Box», выберите «Layer Mask» и нажмите OK.
Шаг 5: Закрасьте слой-маску
Теперь у вас есть новая маска на вашем слое.Если вы хотите еще больше уточнить размытые края, используйте инструмент «Кисть».
Установите значение 50% черного и нарисуйте объект, который нужно стереть, и части, которые вы не хотите видеть. Установите его на 50% белого и закрасьте фон, который все еще виден, чтобы стереть его.
Использование кисти с непрозрачностью 50% или ниже дает более точное управление. Это поможет сделать размытые или нечеткие области по краям более естественными.
Шаг 6. Выберите и изолируйте объект
Нажмите Ctrl или Cmd и щелкните маску слоя, чтобы выбрать объект.Теперь продублируйте выделение на новый слой, используя Ctrl или Cmd + J.
Скройте другие слои, чтобы вы могли видеть только изолированный объект, а не фон.
На этом этапе вы также можете изменить размер холста, если хотите. Этот шаг полезен, если вы хотите добавить текст к фотографии. Или, если вы собираетесь создать композицию с другими изображениями на том же фоне.
Я решил обрезать квадрат изображения, потому что он лучше всего выглядит в Instagram. Но вы можете попробовать и другие размеры.
Шаг 7. Создайте сплошную заливку для нового фона
На панели «Слои» нажмите «Создать новый слой заливки или корректирующего слоя».
Выберите «Сплошной цвет» сверху и выберите цвет, который должен быть для вашего нового фона.
Как мне изменить цвет фона на белый в Photoshop? Просто выберите палитру цветов, выберите белый, и готово!
Конечно, не стоит ограничиваться однотонными цветами. Вы также можете попробовать реалистичный фон.
Заключение
Изменение цвета фона в Photoshop — простой процесс, если вы к нему привыкнете.После того, как вы изолировали объект, выбрать цвет фона так же просто, как щелкнуть палитру цветов.
Практикуйте этот метод как можно больше – вы найдете его полезным, особенно в социальных сетях.
И не забудьте показать нам свои результаты в комментариях!
Хотите узнать больше о методах постобработки? Ознакомьтесь с нашим курсом «Простое редактирование с помощью Lightroom».
Почему бы не проверить наши статьи о лучших приложениях для добавления фона к фотографиям или о том, как пакетно изменить размер в Photoshop !
Хотите больше? Попробуйте наш курс творческой обработки в Photoshop
Это 30-дневный творческий фотографический проект, которым вы можете заниматься дома, используя базовое оборудование.