Как наложить текстуру на текст в Фотошопе
Шрифты… Извечная забота фотошоперов – придание текстам привлекательности. Этого требуют различные обстоятельства, например, необходимость красиво подписать фото или другую композицию. Вариантов украшения масса – от поиска и применения готовых стилей (или создания своих) до использования текстур и режимов наложения слоев.
Сегодня поговорим о том, как стилизовать текст c помощью наложения на него текстуры. Все текстуры, использованные в данном уроке, были найдены на просторах интернета и находятся в публичном доступе. Если Вы планируете использовать созданное изображение в коммерческих целях, то лучше такие изображения покупать на специализированных площадках – стоках.
Наложение текстуры на текст
Прежде, чем начинать стилизацию текста, необходимо определиться с композицией (фоновым изображением и текстурой). Необходимо понимать, что от выбора составляющих элементов зависит общая атмосфера изображения.
Для фона была выбрана вот такая стена из камня:
Текст мы сделаем гранитным с помощью соответствующей текстуры.
Расположение текстур на холсте
- Создаем новый документ (CTRL+N) нужного нам размера.
- Перетягиваем первую текстуру на окно Фотошопа в наш документ.
- Как видим, на текстуре появилась рамка с маркерами, потянув за которые можно (нужно) растянуть ее на весь холст. Старайтесь минимально масштабировать текстуру во избежание потери качества последней.
- То же проделываем и со второй текстурой. Палитра слоев у нас теперь выглядит следующим образом:
Написание текста
- Выбираем инструмент «Горизонтальный текст».
- Пишем.
- Размер шрифта подбираем в зависимости от размера холста, цвет не важен. Для изменения характеристик необходимо перейти в меню «Окно» и нажать на пункт «Символ». Откроется соответствующее окно, в котором можно изменить характеристики шрифта, но это уже материал для другого урока. Пока пользуйтесь настройками со скриншота.
Итак, надпись создана, можно приступать к наложению на нее текстуры.
Наложение текстуры на шрифт
1. Перемещаем слой с текстом под слой с текстурой гранита. Текст пропадет из поля зрения, но это временно.
2. Зажимаем клавишу ALT и нажимаем ЛКМ на границу слов (верхней текстуры и текста). Курсор при этом должен поменять форму. Этим действием мы «привяжем» текстуру к тексту, и она будет отображаться только на нем.
Палитра слоев после всех действий:
Результат наложения текстуры гранита на текст:
Как видим, текстура «прилипла» к надписи. Осталось лишь придать тексту объема и завершенности всей композиции.
Заключительная обработка
Заключительную обработку мы будем производить с помощью наложения стилей на текстовый слой.
1. Для начала займемся объемом. Дважды кликаем по слою с текстом и, в открывшемся окне настроек стиля, выбираем пункт под названием «Тиснение». Потянем ползунок размера немного вправо, а глубину сделаем 200%.
2. Для того чтобы наша надпись «отделилась» от стены, перейдем к пункту
Взглянем на конечный результат наложения текстуры на текст:
Мы получили стилизованную под гранит надпись.
Это был универсальный способ наложения текстур на любые объекты, редактируемые в Фотошопе. Используя его, можно текстурировать шрифты, фигуры, залитые любым цветом выделенные области и даже фотографии.
Завершим урок несколькими советами.
- Подбирайте правильный фон для Ваших надписей, так как именно от фона зависит общее впечатление от композиции.
- Старайтесь использовать качественные текстуры высокого разрешения, потому что при обработке (масштабировании) может появиться ненужная размытость. Разумеется, можно придать резкости текстуре, но это уже лишняя работа.
- Не слишком сильно воздействуйте стилями на текст. Стили могут придать надписи излишнюю «пластмассовость» и, как следствие, неестественность.
На этом все, освойте приемы, описанные в этом уроке, чтобы получать качественные стилизованные тексты.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТPhotoshop: наложение прозрачного текста на любой фон изображения — Редактирование Изображений
когда сижу в инетеБольшинство из нас сталкиваются с серией аккуратных эффектов и завершающих штрихов, которые веб-сайты обычно добавляют для улучшения своей презентации. Теперь, в то время как хорошая отделка некоторых из этих элементов может заставить вас думать, что их трудно выполнить, некоторые из них на самом деле довольно легко создать, если у вас есть нужные инструменты под рукой.
На этот раз мы научимся пользоваться Photoshop наложение прозрачного текста на любое изображение или фон для достижения эффекта качества презентации.
Давайте начнем.
Шаг 1: Давайте начнем с открытия вашего изображения в Photoshop.
Открыв, перейдите в палитру слоев (на рисунке ниже), щелкните по ней правой кнопкой мыши и выберите Дублирующий слой…, Поскольку мое изображение называется «Фон», дублирующий слой называется «Фоновая копия» в Photoshop. Мы будем использовать эти имена с этого момента.
Шаг 2: На палитре слоев нажмите на показанную кнопку, чтобы создать новый слой. Создав его, перетащите его, чтобы расположить его между двумя другими существующими слоями.
Шаг 3: Теперь мы будем заполнять новый слой белым. Для этого обязательно нажмите на него на
После выбора в строке меню (или просто меню в Windows) перейдите к редактировать меню и выберите Fill … вариант.
В следующем окне под содержание выберите Белый в качестве цвета и оставьте другие параметры, как они. Новый слой теперь будет заполнен белым.
Шаг 4: Когда новый слой создан и окрашен в белый цвет, выберите слой «Фоновая копия» на палитре слоев, чтобы добавь свой текст, После выбора нажмите на Тип инструмента а затем выберите нужный шрифт, его стиль и размер на панели параметров над главным окном.
Затем нажмите на изображение и введите то, что вы хотите на нем. Внесите любые необходимые изменения в текст, пока вы не будете довольны им, а затем нажмите на Галочка кнопку, чтобы принять текст.
Шаг 5: Теперь, когда текст написан на изображении, в палитре «Слои» перетащите слой «Текст» под слой «Фоновая копия», как показано ниже.
Как только вы это сделаете, нажмите на слой «Background copy». Не беспокойтесь, если текст не отображается. Это потому, что он «покрыт» слоем «Фоновая копия».
Шаг 6: Теперь давайте создадим конечный эффект, сделав текст прозрачным, а затем разместив его поверх изображения / фона. К счастью, все это можно сделать с помощью простой команды в Photoshop.
Нажать на Слой меню в строке меню и выберите Создать обтравочную маску вариант. Вы увидите, что ваш текст окончательно наложен поверх фонового изображения.
Теперь давайте добавим простой эффект, чтобы изображение получилось лучше.
Шаг 7: Выберите текстовый слой на палитре слоев и затем нажмите на Последствия кнопка.
Это вызовет диалоговое окно Layer Style. Это установлено по умолчанию на Эффект Drop Shadow вариант, но не стесняйтесь играть с ним, пока не найдете эффект, который вам нравится. В этом случае я буду использовать эффект Drop Shadow, который добавляет приятный визуальный штрих к готовому изображению, как вы можете видеть ниже.
Надеюсь, вы найдете этот урок полезным. Как вы можете видеть, результаты выглядят довольно здорово и определенно показывают, как использование нескольких простых команд в Photoshop может дать мощные результаты.
Как сделать прозрачный текст в фотошопе. |
Это будет небольшой и легкий урок, как сделать прозрачный текст в фотошопе. Такой текст можно использовать в коллажах, в поздравительных открытках. И если сохранить созданный прозрачный текст в формате PNG ( без фона), то его можно вставлять уже в готовом виде в любые открытки. Сделаем в качестве примера такую картинку.
Создадим новый файл и на нем напишем текст.
1- Файл-создать. Размеры для файла возьмем небольшие 400 на 200 px.
Чтобы наш прозрачный текст был виден, нужно залить файл каким-нибудь цветом.
2- Редактирование выполнить заливку. Здесь подойдет любой цвет.
3-На панели инструментов выбрать инструмент «текст» . А на панели параметров поставить шрифт покрупнее, размер шрифта побольше и цвет для текста -белый.
4-Написать текст.
5-В окне слоев кликнуть правой кнопкой мыши по слою с текстом и, в появившемся окошке, выбрать «растрировать текст». Теперь текст можно двигать, изменять.
Если размер текста не устраивает, увеличиваем его.
6-Редактирование-свободное трансформирование. Растянуть текст в стороны и вверх, двигая мышкой маячки.
Теперь с помощью стиля слоя сделаем прозрачный текст.
7-Слой-стиль слоя- параметры наложения. В окошке меняете режим наложение с нормального на умножение и непрозрачность заливки ставите «0».
8-Не убирая это окошко, кликните по строчке «тиснение». В параметрах, я поставила «внутренний скос», «жесткая огранка», размер-2 и смягчение-4. У Вас могут быть свои размеры.
9-Окошко остается открытым. Выбрать «обводка». Параметры такие: размер-1, «снаружи», режим наложения «умножение»..
Все поставлено. Кликнуть «ok»
Получился такой прозрачный текст, созданный в фотошопе.
Пока файл не сохранили, можно добавить к тексту фон.
10-Файл-открыть.
11-Перетянутьть мышкой этот фон на файл с текстом.
12-В окне слоев опустить слой с листьями (перетащить мышкой) под слой с текстом.
Теперь видна прозрачность текста.
13-Слой-выполнить сведение.
14-Сохраняем файл.
А здесь можно посмотреть еще один интересный текстовой эффект.
Пишем текст на заднем плане
Мы видим этот эффект каждый день на обложках журналов. Изображение моделей, атлетов, политических деятелей и других известных людей располагают поверх какого либо текста, как-бы накладывая на название журнала. В этом уроке Фотошоп мы увидим, как простое использование слоёв делает использование этого эффекта невероятно лёгким!
Вот фотография, которую я буду использовать для этого урока.
Итак начнём.
Шаг 1: Добавьте Ваш текст.
Выберите инструмент Текст (T).
Для текста выберите шрифт, размер и цвет на Ваше усмотрение, затем щёлкните в окне документа и добавьте Ваш текст. Я напечатал слово «Baseball» и добавил к нему несколько стилей слоя.
Заметьте, текст перекрывает изображение и, если мы посмотрим на палитру слоёв, то увидим, что слой с текстом располагается над слоем с бейсболистом.
Шаг 2: Выберите слой Заднего плана.
Нажмите на слое Заднего плана в палитре Слоёв, чтобы сделать его активным.
Шаг 3: Выделите область наложения.
Для этого эффекта, я хочу, чтобы игрок бейсбола появился перед словом » Baseball «. Так как текст будет мешать нам выделить нужную область, давайте на время отключим слой с текстом нажав на изображение глаза слева от текста в палитре слоёв.
Я упоминал, что хочу, чтобы игрок бейсбола появился перед текстом, но так как текст перекрыл только верхнюю часть игрока, нет никакой необходимости выделять бейсболиста полностью. Выделите верхнюю часть бейсболиста любым удобным для Вас инструментом (Lasso (Лассо), Magnetic Lasso (Магнитное Лассо) и т. д.). Я выбрал область из вершины его шлема вниз к его талии. Я могу игнорировать остальную его часть, так как она попадает ниже текста.
Шаг 4: Скопируйте выделенную область.
Скопируйте выделенную область на новый слой нажав Ctrl+J.
Ничего кажется не изменилось, но если мы посмотрим на палитру слоёв, то видим, что выделенная область была скопированна на новый слой («Слой 1») между слоем текста и слоем заднего плана.
Отключите слой Заднего плана нажав на глазик слева, и Вы увидите только слой с выделенной областью верхней половины бейсболиста. Шахматная доска вокруг него — это способ программы Фотошоп представить прозрачность, означая, что на слое нет ничего иного. Затем обратно включите видимость Заднего плана.
Шаг 5: Включите слой с текстом.
Нажмите на изображении глаза, чтобы включить слой с текстом. В настоящий момент текст будет всё ещё перед изображением, но мы устраним это на следующем шаге.
Шаг 6: Перетащите слой 1 выше слоя с текстом.
Нажмите на Слое 1 левой кнопкой мышки и, не отпуская её, перетащите его над Слоем Текста.
Теперь наш текст находится за бейсболистом. Вот, что у нас получилось.
Автор: Steve Patterson
Перевод: Владимир Нестеров
Ссылка на источник
Как сделать размытие в Photoshop: эффект профессионального фото
Если у профессиональной фотокамеры максимально открыть диафрагму, получается интересный эффект: задний план фотографии слегка «размывается». Такого эффекта можно добиться и в Photoshop, чтобы придать выразительности вашему фото, даже если оно снято на обычную «мыльницу». Расскажем, как сделать красивое размытие в Photoshop за пять простых шагов.
Шаг 1. Разделим фото на передний и задний план. Откройте в Photoshop ваше фото, которое вы хотите отредактировать.
На панели инструментов Слои (Layers) нажмите правой кнопкой мыши по слою с фотографией и выберите Создать дубликат слоя (Duplicate Layer). Это будет наш задний план.
Шаг 2. Уберем объект переднего плана с заднего. Перейдите на новый созданный слой. В панели инструментов выберите Штамп (Clone Stamp). Зажмите Ctrl и кликните по области фона рядом с объектом. Затем отпустите Ctrl и кликните по самому объекту. Тем самым вы скопируете кусочек фона на объект. Повторяйте действие до тех пор, пока полностью не закроете объект фоном.
Шаг 3. Приступим, собственно, к размытию в Photoshop. В главном меню выберите Фильтр > Размытие (Filter > Blur). Откроется меню фильтров размытия; в нем можно выбрать тот, который лучше походит к ситуации вашего фото. Например, если объект на фото движется, можно выбрать Размытие в движении (Motion Blur), если неподвижен — Размытие поля (Field Blur). Для примера, воспользуемся вторым.
На панели настроек Размытие поля (Field Blur) передвигайте ползунок влево-вправо, чтобы задать интенсивность размытия в Photoshop. Так мы сделаем задний план размытым.
Шаг 4. Теперь нужно вернуть объект на фото! Для этого сделайте следующее:
- Выберите на панели Слои (Layers) тот слой, который вы только что размыли.
- Нажмите на кнопку Добавить маску слоя (Add Layer Mask) в самом низу панели.
- Нажмите Ctrl + I.
Шаг 5. Размытие пропадет с фотографии, но оно никуда не делось! Выберите на панели инструментов Кисть (Brush) и аккуратно двигайте ей по фотографии вокруг объекта. Там, где вы нажимаете кистью, размытие будет возвращаться. Используйте кисти разного размера, чтобы аккуратно обвести объект.
После этого сохраните готовое фото. Результат будет таким, как на картинке.
Таким образом можно красиво и правдоподобно сделать размытие в Photoshop. Объект (или объекты, если вы захотите обвести несколько) на переднем плане будет четким, края его — аккуратными, без перехода от размытого к резкому. Фон же будет мягким и не отвлекающим внимание от объекта — как на фотографии, сделанной профессиональной камерой.
Читайте также:
Фото: Morgan Burks, Vaibhav Sharan
Как вырезать объект в фотошопе и вставить в другой фон?
Так как подавляющее большинство всех случаев работы в Photoshop — обработка уже готовых изображений, для выполнения этой операции предназначена львиная часть инструментов программы.
Фильтры (о них читайте в предыдущем уроке) — это довольно маленькая и весьма простая в использовании их часть. В этой статье мы разберём функции посложнее.
Так как инструментов много, я не буду перечислять весь арсенал редактора, а просто разберу расхожий пример работы — вырезать фрагмент одной картинки и вставить её в другую.
У нас есть море.
Есть чайка.
И мы хотим, чтобы чайка парила над морем.
Приступим.
Подготовка
На этом этапе необходимо открыть исходные картинки и создать документ для их объединения.
1. Сначала откройте файл с изображением моря. Для этого нажмите сочетание клавиш Ctrl+O либо выполните команду Файл -> Открыть, в появившемся окне Проводника найдите файл с морем, щёлкните на нём и нажмите кнопку Открыть.
2. Точно так же откройте файл с чайкой.
3. Создайте новый документ размером 760×475 пикселей. Для этого нажмите сочетание клавиш Ctrl+N либо выполните команду Файл -> Создать, в полях Ширина и Высота задайте указанные значения и нажмите ОК.
4. Теперь в программе Photoshop у нас открыто три документа, перемещаться между которыми можно с помощью вкладок.
Перемещение
Картинки из открытых файлов нужно поместить на разные слои рабочего документа.
1. Перейдите к изображению с морем, щёлкнув на его заголовке.
2. Выделите всё изображение. Для этого либо выполните команду Выделение -> Все главного меню программы, либо просто нажмите сочетание клавиш Ctrl+A. В итоге картинка получит обрамление, означающее, что она выделена.
3. Скопируйте выделенное, нажав комбинацию клавиш Ctrl+C или в главном меню Photoshop выполнив команду Редактирование -> Копировать.
4. Перейдите к рабочему документу, щёлкнув кнопкой мыши на его заголовке.
5. Вставьте скопированный рисунок — или нажмите Ctrl+V, или выберите в главном меню пункт Редактирование -> Вставить.
6. Слой для нового материала программа создала автоматически. Переименуйте его в Море, на панели слоёв щёлкнув название слоя, введя новое имя и нажав Enter.
7. Аналогичным образом скопируйте и вставьте в рабочий документ изображение с чайкой: перейдите к картинке, щёлкнув на её заголовке, выделите всё изображение (Ctrl+A), скопируйте его (Ctrl+C), перейдите к рабочему документу и вставьте картинку (Ctrl+V). Слой также создался автоматически, переименуйте его в Чайка.
В результате наш рабочий документ обзавёлся двумя новыми слоями, на которых размещены исходные изображения.
Трансформация
Подробнее о ней мы поговорим здесь, а пока нам очень нужен лишь один её простой инструмент.
Как вы уже наверняка заметили, рисунок с чайкой по габаритам гораздо больше рисунка с морем. Да и сама чайка для выбранного пейзажа тоже чересчур крупна — она не впишется в масштаб.
Чтобы это исправить, нужно уменьшить всё изображение с чайкой до приемлемых размеров.
Для этого будем использовать инструмент Свободное трансформирование, который позволяет менять форму и размер картинки.
1. С помощью инструмента Перемещение переместите изображение с чайкой так, чтобы птица не оставалась за кадром и её было полностью видно.
3. Выделите слой с чайкой: убедитесь, что он является активным, и нажмите Ctrl+A.
4. В главном меню выполните команду Редактирование -> Свободная трансформация, либо нажмите комбинацию клавиш Ctrl+T.
5. Уменьшите размер картинки до приемлемого, обращая внимание на размер чайки — она должна гармонично вписываться в морской пейзаж. Для уменьшения тяните за появившиеся по углам рисунка прямоугольники. Чтобы размер менялся пропорционально, удерживайте при этом нажатой клавишу Shift.
6. Для завершения преобразования смените инструмент (например, выберите инструмент Перемещение) и в окне с вопросом нажмите кнопку Применить.
Выделение и вырезание
Теперь осталось самое главное — вырезать чайку, чтобы она парила над морем. Правда, фактически мы вырежем не чайку, а всё небо вокруг неё, то есть птица, наоборот, останется, а всё с её картинки будет удалено.
Чтобы вырезать, сначала нужно выделить, и сделать это сложнее всего. Для выделения в Photoshop есть много инструментов: разного рода лассо, Быстрое выделение, Выделение фрагмента и т. д. У каждого есть своя узкая специализация и свои тонкости.
Мы же воспользуемся инструментом Волшебная палочка, который в автоматическом режиме находит области со схожими по цвету пикселями и выделяет их.
1. На палитре инструментов щёлкните значок Волшебная палочка.
2. Обратите внимание на панель параметров.
Число в поле Допуск отвечает за ширину выделяемого цветового спектра. Например, при нулевом значении Волшебная палочка выделит на картинке только те пиксели, которые по цвету идентичны выбранному. Если установлено значение 16, то инструмент выберет пиксели на 8 единиц темнее и на 8 единиц светлее выбранного. В нашем случае (фон хорошо контрастирует с чайкой) значение может быть равным даже 100, лишнего выделено всё равно не будет.
Кнопка делает границы выделенной области более гладкими, она должна быть нажата.
Если нажата кнопка , то программа выделит пиксели только в смежных с выбранной областях, то есть исключит вероятность выделения похожей оттенками области в другой части картинки.
А вот кнопку лучше не нажимать, ведь тогда Волшебная палочка выделит область на всех слоях, а не только на одном.
3. Убедившись, что активен слой с чайкой, выбран инструмент Волшебная палочка, а предыдущие выделения отменены (Выделение -> Отменить выделение). Когда убедились, щёлкните на самой птице кнопкой мыши.
4. Она выделилась. Но нам нужно убрать не её, а всё вокруг, поэтому в главном меню выполните команду Выделение -> Инверсия, чтобы стало выделено всё, окружающее чайку.
5. Теперь просто удалите выделенное, нажав клавишу Delete. Над морем осталась одна чайка.
6. Выполните команду Выделение -> Отменить выделение.
7. Щёлкните на значке инструмента Перемещение и выделите слой с чайкой (Ctrl+A).
8. Переместите чайку в любое место, если это необходимо или просто есть желание, и снимите выделение.
Сохранение
Осталось самое главное — сохранить результат в файл. Экспортируйте получившуюся картинку в любимый формат с помощью команды Файл -> Экспортировать (подробнее мы уже говорили об этом в самом первом уроке). На случай, если вы вдруг в будущем захотите вернуться к правке картинки, сохраните её в формате .PSD.
Полезные ссылки:
13 фоторедакторов, которые вам обязательно пригодятся
Исследования Software Advice показали, что лучшим способов оптимизации постов в Facebook являются изображения.
Но что это значит для вас как для рекламодателей?
Вам необходимо стать визуальными.
Как же это сделать, обладая небольшими дизайнерскими навыками и скромным бюджетом?
Да легко!
Представляем лучшие инструменты для работы с картинками, которые помогут вам создать запоминающийся визуальный контент.
Они отобраны в соответствии с тремя критериями:
— простота использования
— соотношение эффективности и приемлемых затрат
— возможность создания уникального бренда
Итак, 13 необходимых вам инструментов для работы с картинками:
Если вы хотите создавать уникальные изображения за минуту, инструмент Relay вам подходит.
Это самое новое и самое быстро раскручивающееся приложение в этом списке. У него есть всё, что вы ищете, от простейших шаблонов и заготовок до элементов и макетов профессионального уровня.
Всё время пытаетесь соответствовать требованиям к параметрам картинок для разных социальных сетей? Нет проблем. Вам больше не придётся об этом волноваться. Вы сможете создавать картинки для твитов или обложек Facebook по щелчку.
Relay делает процесс очень простым. Вместо того, чтобы тратить время на добавление, удаление элементов, манипуляции с графическими макетами, вы просто выбираете цвета, макет, шрифт, чтобы создать уникальную визуально привлекательную картинку.
Что вы получите, если попробуете создать комбинацию из картинки и текста с помощью Word Swag App? Фантастический визуальный контент, который обязательно привлечёт внимание пользователей.
Word Swag, приложение iPhone, позволяет вам легко дополнить фото вдохновляющей или мудрой цитатой.
Благодаря более 290000 картинок, фонов и шаблонов создание уникального изображения никогда не было проще.
Выбор картинки и добавление текста занимает считанные секунды, а результат выглядит так, будто вы потратили много часов, создавая слои, передвигая элементы и выбирая идеальный шрифт.
Все любят вдохновляющие и мотивирующие цитаты, поэтому ими часто делятся. Но если вы действительно хотите повысить заинтересованность аудитории, поместите цитату на притягивающий взгляд фон.
QuotesCover – это лучший выбор для тех, кто ищет инструмент для создания визуальных версий цитат в высоком разрешении за короткое время. Приложение обладает большим набором шаблонов, фонов и шрифтов, которые помогут создать и популяризировать ваш графический контент.
Но что самое главное, в приложении есть большой выбор цитат, которые вы можете использовать. Выберете цитату из библиотеки, добавьте фон, соответствующий параметрам соцсети макет – и вы готовы опубликовать пост.
Если вы используете Photoshop, вы знаете, что эта не та программа, в которой можно разобраться за одну ночь. У приложения Pixlr похожий, но значительно упрощённый интерфейс, научиться пользоваться этой версией гораздо проще.
С Pixlr вы можете редактировать как уже существующие фото, так и создавать новые графические объекты с помощью черновиков. Вам предоставляется огромная свобода в выборе привычного размера изображения, вы также можете загружать свои шрифты и делать многое другое.
Но помните, что это не Relay или Canva, и вы не найдёте в приложении заготовленных шаблонов, так что убедитесь, что у вас есть дизайнерские навыки.
Pixlr является онлайн-инструментом, но вы также можете установить его как мобильное приложение.
Ищете самый быстрый способ, чтобы превратить ваши мысли в графический контент? Recite – вот ваше решение!
Recite не предлагает большое количество заманчивых опций. Приложение выполняет одну простую функцию – мгновенно превращает ваши слова в изображение, которым можно поделиться.
Добавьте текст, просмотрите варианты, выберите дизайн и опубликуйте изображение в вашей любимой социальной сети.
Если вам кажется, что Photoshop слишком сложен, а Recite – слишком ограничен, возможно, PicMonkey – это то, что вы ищите.
Интерфейс удобен для пользователей, вы можете добавлять текст к изображениям, рисовать границы, вставлять графики, выбирать фильтры и создавать коллажи – и всё это за минуту.
С того мгновения, как вы зайдете в приложение, вы поймёте, что редактирование изображений может быть очень простым и наглядным.
Skitch является одним из самых широко известных и давно используемых инструментов для работы с картинками.
Созданное той же командой, что и Evernote, приложение позволяет делать снимки и скриншоты, затем редактировать их и добавлять аннотацию.
Если вы работаете в команде, использование этого инструмента поможет вам сделать обсуждение проектов наиболее эффективным.
Если вы тратите большое количество времени на тренинги и презентации, вы точно оцените то, как легко рисовать стрелки, обращающие внимание слушателей на ключевые моменты, обводить важные данные и добавлять инструкции на изображение.
Если вам необходимо поделиться изображением, вы можете опубликовать его в Facebook, Twitter, iMessage и email. Кроме того, вы можете использовать приложение на своём мобильном устройстве.
Adobe Post – это новое приложение в этой сфере, которое сразу же завоевало себе репутацию одного из самых впечатляющих инструментов для визуального маркетинга. Если вам никогда не хотелось быть дизайнером и у вас нет никаких специальных навыков, этот инструмент создан для вас.
Нужно создать изображение для Facebook? Откройте приложение, выберите макет, добавьте элементы или текст. Вы можете всячески модифицировать предложенные заготовки так, чтобы конечный результат соответствовал вашему бренду.
C Over вы можете превратить своё мобильное устройство в компактную дизайнерскую студию. Фоторедактор позволяет добавлять текст, выбирать фон, шрифт, сохранять изображение или сразу же публиковать его в соцсетях. Вы можете использовать этот инструмент, чтобы превращать свои мысли в привлекающую взгляд рекламу для социальных медиа.
Приложение, доступное для Android и iPhone, очень просто в использовании и даёт пользователям возможность проявить свои дизайнерские навыки. Меняйте, редактируйте, адаптируйте и проектируйте, чтобы создавать классные изображения, подписанные фото, визуализированные идеи, поздравительные открытки и многое другое.
Цвет является важным элементом хорошего дизайна. Pictaculous поможет вам выбрать наиболее подходящий цвет.
Pictaculous является генератором цветовой палитры, куда вы можете загрузить своё изображение, например, логотип или скриншот домашней страницы вашего сайта, который подберёт подходящую цветовую палитру за несколько секунд.
Как только вы загружаете картинку, программа предлагает несколько цветовых схем, идеально дополняющих изображение.
В программе также содержатся универсальные коды цветов, которые вы можете использовать в любом инструменте, где можно применять шестнадцатеричные коды.
С Pictaculous вам никогда не придётся волноваться о том, как подобрать правильные цвета и оттенки.
С Aviary можно создавать привлекающие внимание картинки за несколько секунд. Удобный интерфейс приложения делает его очень простым и доступным в использовании, а возможность добавлять к изображению рамки и стикеры делает приложение функционально-полным.
Aviary – это простой инструмент для работы с картинками, который подходит как для iOS, так и для Android, который позволит вам создавать рамки, добавлять эффекты и адаптировать картинки для Facebook.
Устали видеть один и тот же контент на Facebook? Если вам необходимы свежие идеи, Tangent – то, что вы ищите.
С Tangent вы можете взять скучную и унылую картинку и превратить её в своего рода искусство.
В этом приложении вам предоставляется выбор из 44 уникальных макетов и 66 шаблонов, которые можно использовать как дополнительные слои, каждый из которых добавляет глубины и интереса даже обычному фото.
Плюс вы можете масштабировать изображение, вращать, менять его позицию так, как вам того захочется.
Придайте цвета вашему изображению с помощью огромной цветовой палитры приложения.
Все маркетологи, работающие в сфере социальных медиа, осознают важность визуального контента для рекламы.
Также не является секретом и то, что для привлечения максимально большой аудитории, необходимо использовать оригинальный визуальный контент. Как же создавать визуально привлекательный контент снова и снова?
Canva – ответ на этот вопрос.
Canva – прекрасный инструмент для создания привлекающих внимание изображений всего за несколько минут. Вам не нужно быть дизайнером или уметь пользоваться Photoshop, чтобы начать работать в этой программе.
Canva предлагает шаблоны, соответствующие размеру вашего последнего поста на Facebook, поэтому вам больше не придётся волноваться о размере изображений.
Множество шаблонов, шрифтов, размеров и других элементов позволят вам создать качественный визуальный контент, который заметят и которым поделятся.
Как добавить текст в Photoshop и настроить шрифт или цвет
Может быть, вы начинаете группу, которая пока не может позволить себе маркетинговую команду для создания плакатов. Или, возможно, вы безумный владелец собаки, ищущий пропавшего щенка.
В любом случае, это бесспорно, — зная, как пощечина текст поверх фото, безусловно, полезный жизненный навык.
А у пользователей Photoshop 2020 есть огромный выбор вариантов форматирования и дизайна, когда дело доходит до наложения текста на изображение.
Вот основные сведения, которые помогут вам начать добавлять текст в ваш следующий проект Photoshop.
Ознакомьтесь с продуктами, упомянутыми в этой статье:Adobe Photoshop (от 239,88 долларов США в Adobe)
MacBook Pro (от 1299,99 долларов США в Best Buy)
Как добавить текст в Photoshop1. Загрузить фото. В данном случае я скачал свое фото из Гугл Диск и перетащил изображение в Photoshop, перетащив его на значок, функция на компьютерах Mac.
Собака Напо (сокращенно от Наполеона) выглядит уравновешенной и готовой прославиться в Photoshop.Эмма Уитман / Business Insider2. Я выбираю изображение, на котором я могу легко выделить темные и светлые области для размещения текста. Однако, если вам нужно изменить фон, чтобы текст был более разборчивым, ознакомьтесь с нашей статьей «Как изменить цвет фона ваших фотографий в Photoshop, чтобы сделать ваши изображения более яркими».
3. Щелкните значок на левой панели инструментов, который выглядит как заглавная буква «T» шрифта с засечками. Выберите инструмент «Горизонтальный текст». Должно появиться текстовое поле с латинским текстом.
Латинский фиктивный текст предназначен для использования в качестве полезного заполнителя, но часто может просто мешать и случайно остаться позади.Эмма Уитман / Business Insider4. Чтобы быстро очистить включенный фиктивный текст «Lorem Ipsum», введите Ctrl или Command + A, а затем вернитесь на место или удалите, в зависимости от вашей операционной системы.
5. Отрегулируйте цвет шрифта так, чтобы он контрастировал с фоном (при необходимости), используя главную панель параметров. В центре горизонтального меню будет прямоугольная цветная плитка.
Для темного фона мне нужно использовать светлый текст. По умолчанию в фотошопе для текста используются черные чернила. Эмма Уитман / Business Insider6. Имейте в виду, что всякий раз, когда вы вносите изменения, вам нужно будет нажать клавишу возврата или ввода или щелкнуть галочку на главной панели параметров, чтобы защитить свои изменения и дополнения.
7. На панели «Свойства» вы можете настроить шрифт в разделе «Символ».
Просто PSA для всех, что Napo на самом деле не потеряно — не волнуйтесь.Эмма Уитман / Business InsiderОбязательно сохраните вашу работу.
Даже если вы сохраняете каждый шаг во время навигации в Photoshop, вашему конечному продукту необходимо назначить дом на жестком диске вашего компьютера, внешнем диске или в облачной службе.
Как добавить текстуры к тексту в Adobe Photoshop
Один очень простой способ оживить текст в логотипах, заголовках страниц и других частях вашего бренда — добавить к нему текстуру.
Будь то эффект акварели, металл, пламя или что-то еще, текстура может заинтересовать плоский шрифт.
Вот шаги, которые вам нужно сделать, чтобы добавить текстуру в Adobe Photoshop…
Шаг 1. Добавьте текст
Используя инструмент Text , введите текст в Photoshop.Вам нужно использовать более толстый шрифт, чтобы убедиться, что весь эффект текстуры виден — по крайней мере, выберите жирный вариант выбранного вами шрифта.
Также попробуйте подобрать шрифт к той текстуре, которую вы хотите использовать.Рукописный шрифт хорошо сочетается с акварельной текстурой; плоская купель хорошо сочетается с металлическим эффектом и т. д. Ознакомьтесь с нашим руководством, в котором подробно описано, где скачать бесплатные шрифты, чтобы расширить свои возможности.
Цвет текста не имеет значения, скоро он покроется текстурой.
Шаг 2: Найдите текстуру
Ваша текстура может быть получена из двух мест.Вы можете сделать это вручную на отдельном слое в файле Photoshop или импортировать из внешнего файла изображения.
Достаточно легко создать свои собственные текстуры в Photoshop для простых вещей, например, для добавления цветового градиента к вашему тексту.Однако во многих случаях вам будет лучше использовать существующую текстуру из другого файла. Вы можете найти много готовых на некоторых из лучших сайтов с бесплатными изображениями.
Шаг 3: поместите текстуру
Следующим шагом будет размещение текстуры.Если вы сделали свой собственный, убедитесь, что он находится на слое, расположенном прямо поверх вашего текстового слоя.
Если вы импортируете текстуру из другого файла, перейдите к File > Place Embedded .Затем перейдите к используемой текстуре и нажмите кнопку Place .
Если изображение полностью покрывает ваш текст, нажмите , введите .Если это не так, вы можете увеличить текстуру, используя ручки в углу изображения, чтобы изменить ее размер. (Обязательно удерживайте клавишу Shift , если вы хотите сохранить пропорции изображения.) Теперь нажмите Enter , чтобы двигаться дальше.
Шаг 4. Создайте обтравочную маску
Перейдите на панель Layers .(Если он не отображается, перейдите к Windows > Layers .) Вы должны увидеть три слоя в вашем файле — фон, текст и текстуру.
Убедитесь, что слой, содержащий текстуру, расположен прямо над текстом.Теперь щелкните этот слой правой кнопкой мыши и выберите Create Clipping Mask .
Слой с полной текстурой исчезнет и будет виден только там, где есть текст под ним.
Шаг 5: Отрегулируйте положение
Как текстовые, так и текстурные слои остаются полностью редактируемыми, как и обычные слои.Это означает, что вы можете вернуться и отредактировать текст, не удаляя или повторно применяя текстуру. Добавьте больше текста, и текстура будет автоматически размещена на нем.
Если текстура размещена не там, где вы хотите, выберите слой и откройте инструмент Marquee Tool или нажмите M на клавиатуре.Вы можете перемещать текстуру, удерживая клавишу Ctrl в Windows или Cmd на Mac и перетаскивая изображение с помощью мыши.
Если вы хотите изменить его размер, щелкните правой кнопкой мыши в любом месте текста и выберите Free Transform .Это повторно активирует ограничивающую рамку вокруг текстуры, и вы можете изменить ее размер так же, как описано в шаге 3 выше, при размещении изображения.
Шаг 6. Расширьте или смягчите края текста
К настоящему времени ваше изображение должно выглядеть довольно хорошо, и вы можете оставить там вещи, если будете счастливы.Но есть еще один последний, необязательный шаг, который вы можете попробовать.
В зависимости от типа эффекта, который вы хотите добиться, вам не всегда нужны резкие края в тексте.Текстура пламени, например, может выходить за края персонажей, или эффект коррозии может разъедать их. К счастью, этого легко добиться.
Чтобы срезать края текста, выберите слой Text и нажмите Добавить векторную маску .Теперь выберите инструмент Brush (B) и выберите кисть, которая соответствует вашему стилю.
Затем установите цвет Color на черный, убедитесь, что вы выбрали векторную маску, и закрасьте края текста.Покрасьте белый цвет, чтобы восстановить все детали, которые вы удалили по ошибке. Это должно выглядеть примерно так:
Чтобы добавить больше текстуры за края вашего текста, выберите слой Text , затем возьмите инструмент Brush .Дважды щелкните холст. Вам будет предложено преобразовать текст в растровый слой. Это означает, что вы больше не сможете редактировать текст, поэтому вы можете сначала продублировать текстовый слой, чтобы создать резервную копию. Нажмите ОК , чтобы продолжить.
Выберите подходящую кисть и установите цвет краски на белый.Теперь начните рисовать по краям текста, и вы увидите, как появляется больше вашей текстуры. Поскольку мы здесь не используем маску, вы должны использовать инструмент Undo , чтобы исправить любые ошибки.
Результат будет выглядеть примерно так:
Шаг 7. Сохраните изображение
Последний шаг — сохранить или экспортировать ваше изображение.Сохраните его как файл PSD, чтобы сохранить мастер-копию со всеми редактируемыми слоями. Или сохраните его как JPEG, чтобы сохранить сплющенную копию изображения с белым фоном.
Чтобы сохранить текст с прозрачным фоном, возможно, для использования в Интернете или в другом документе графического дизайна, удалите или скройте белый фоновый слой, а затем сохраните изображение как файл PNG (или GIF).
Узнайте больше о приемах Photoshop
Как видите, добавить текстуру для набора текста в Photoshop довольно просто.Самое главное — получить правильную текстуру и правильные шрифты. Если вам нужна помощь в выборе шрифтов для ваших проектов, наша статья о советах по сочетанию шрифтов поможет.
Обтравочная маска, которую мы использовали в этом уроке, — очень универсальный инструмент, который можно использовать во множестве интересных применений.Это позволяет вам обрезать изображения уникальными способами, не теряя при этом возможности полностью редактировать их. Вы можете узнать об одном из лучших применений в нашем руководстве, в котором подробно рассказывается, как обрезать изображения с помощью фигур в Photoshop.
Удалите эти файлы и папки Windows, чтобы освободить место на дискеХотите очистить дисковое пространство на вашем компьютере с Windows? Взгляните на эти файлы и папки Windows, которые вы можете безопасно удалить.
Об авторе Энди Беттс (Опубликовано 223 статей)Энди — бывший печатный журналист и редактор журнала, который пишет о технологиях уже 15 лет.За это время он внес вклад в бесчисленное количество публикаций и написал работы по копирайтингу для крупных технологических компаний. Он также предоставил экспертные комментарии для средств массовой информации и организовал панели на отраслевых мероприятиях.
Более От Энди БеттсаПодпишитесь на нашу рассылку новостей
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Еще один шаг…!
Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.
(Архивы) Adobe Photoshop CS3: Работа с текстом
Эта статья основана на устаревшем программном обеспечении.
Текст может быть добавлен к изображению или может быть создан для использования в качестве изображения отдельно.
Добавление текста
Добавить текст можно двумя способами: вы можете добавить текст к существующему выбранному слою или, если слой не выбран, вы можете добавить текст к изображению, и новый слой будет создан автоматически.
ПРИМЕЧАНИЕ. По умолчанию текстовый слой принимает первые 22 символа в качестве имени слоя. Вы можете переименовать слой в любой момент.
На панели инструментов нажмите и удерживайте указатель мыши над инструментом Horizontal Type Tool.
Появится список Type Tool .Выберите Инструмент для горизонтального ввода или Инструмент для вертикального ввода.
(Необязательно) Чтобы выбрать цвет текста из палитры Swatches , щелкните цвет.
ИЛИ
На панели инструментов «Текст» нажмите «Установить цвет текста».
ПРИМЕЧАНИЕ. Для получения дополнительной информации о выборе цвета см. Работа с цветами .Щелкните изображение в том месте, где должен начинаться текст.
На панели инструментов Параметры выберите для шрифта , Размер , Стиль и Выравнивание .
Введите свой текст.
Изменение текста
В палитре Layers выберите слой, содержащий текст, который нужно изменить.
На панели инструментов щелкните инструмент «Тип ».
Выберите желаемый текст.
На панели инструментов Параметры внесите соответствующие изменения.
Удаление текстовых слоев
Если вы недовольны своим текстовым слоем или решите не использовать его, его можно удалить.
В палитре Layers выберите слой, который нужно удалить.
В меню Layer выберите Delete »Layer .
ИЛИ
В палитре Layers щелкните правой кнопкой мыши слой, содержащий текст »выберите Удалить слой .
Появится диалоговое окно подтверждения.Щелкните Да.
Текстовый слой удален.
Позиционирование текста
Чтобы разместить текст, убедитесь, что выбран слой, содержащий текст, который вы хотите переместить.
На панели инструментов выберите инструмент перемещения .
В палитре Layers выберите текстовый слой.
Щелкните и перетащите текст на новое место.
ИЛИ
Чтобы перемещать текст пиксель за пикселем, используйте клавиши со стрелками.
Улучшение текста
Photoshop позволяет улучшить текст с помощью множества специальных художественных эффектов, включая тени, скос и тиснение, а также наложение цвета.
В палитре Layers дважды щелкните слой, который нужно улучшить.
ПРИМЕЧАНИЕ. Щелкните пустую область слоя. Не нажимайте на название слоя.
ИЛИ
В меню Layer выберите Layer Style »Blending Options …
Откроется диалоговое окно «Стиль слоя » .В разделе Стили выберите нужный вариант.
ПРИМЕЧАНИЕ. Дополнительные параметры улучшения, соответствующие вашему выбору, отображаются в разделе «Параметры наложения» в правой части диалогового окна.Сделайте требуемый выбор и настройте.
- Щелкните ОК.
Определение параметров смешивания
Тень
Создается впечатление, что текст приподнят над фоном.
Внутренняя тень
Создает впечатление, что фон приподнят над текстом.
Внешнее свечение
Создает текст с изображением мягкого света, исходящего из-под слов и распространяющегося вокруг них.
Внутреннее свечение
Создает полупрозрачный текст с внутренней подсветкой.
Фаска и тиснение
Создает реалистичный трехмерный текст.
Атлас
Придает тексту блестящий и гладкий вид.
Наложение цвета
Наложение текста на текст с сохранением светлых и теневых участков текста.
Наложение градиента
Наложение на текст градиентного цветового рисунка с сохранением светлых и темных участков текста.
Наложение рисунка
Наложение текста на узор с сохранением светлых и темных участков текста.
Ход
Добавляет вид линии, нарисованной по краю текста.
Делаем титры торчащими в Photoshop | Small Business
Adobe Photoshop включает несколько инструментов, позволяющих выделять заголовки на фоне фонового изображения или документа.Независимо от того, создаете ли вы новый логотип для своего малого бизнеса или готовите изображение для презентации клиента, лучший инструмент для вас зависит от используемых цветов, а также от сложности фона изображения. Хотя часто помогает крупный жирный шрифт, это не всегда желательно, особенно если он означает затемнение фона. Вы можете настроить каждый из этих инструментов Photoshop, что позволит резко выделить заголовок или слегка улучшить его.
Контрастные тона
Один из способов выделить заголовки на изображении — выбрать цвет шрифта с оттенком, контрастирующим с фоном.Самый простой способ сделать это — белый шрифт на темном фоне или черный шрифт на светлом фоне — во многих случаях достаточно, чтобы заголовок достаточно выделялся. Если фон изображения содержит сложные тона или вы не можете изменить цвет шрифта, например, с логотипом компании, вы можете добавить полупрозрачный прямоугольник на слой между текстом и фоном. Белый или закругленный прямоугольник с 30-процентной непрозрачностью обычно затемняет тона, чтобы сделать заголовок видимым, не закрывая детали на заднем плане.
Drop Shadow
Добавление тени к заголовку выделит его на светлом фоне и создаст трехмерный эффект, в результате чего заголовок будет казаться плавающим над фоном и отбрасывать тень. Как и в случае с любым другим эффектом слоя, тень будет применена ко всему тексту на слое; если у вас есть другой текст в том же текстовом поле, вы должны вырезать и вставить его в собственное текстовое поле, прежде чем применять тень. Photoshop дает вам несколько вариантов управления цветом и непрозрачностью тени, а также ее углом, расстоянием, распространением и размером.
Outer Glow
Для заголовка, размещенного на темном фоне, эффект внешнего слоя свечения поможет тексту выделяться. По умолчанию Photoshop использует светло-желтый цвет для свечения, но иногда требуется более тонкий подход. Когда вы щелкаете цвет свечения в диалоговом окне «Стиль слоя», вы можете выбрать цвет, который более точно соответствует фону. Даже использование пипетки для подбора цвета непосредственно за заголовком часто работает хорошо, поскольку свечение создает немного более светлый цвет и обесцвечивает некоторые детали изображения вокруг букв.Вы также можете настроить непрозрачность свечения, его размер и распространение.
Bevel and Emboss
Используя эффект стиля слоя Bevel and Emboss, вы можете выделить заголовки на изображении, добавив тексту элегантности. Это заставляет буквы выглядеть так, как если бы они были вдавлены либо в изображение, либо из него, что особенно эффективно для больших жирных заголовков, поскольку сложность этого эффекта может быть потеряна на мелком тексте или тонких шрифтах. Вы можете настроить глубину эффекта, а также направление теней, которые появляются внутри или вокруг букв.Как и в случае с другими эффектами стиля слоя, выбранные вами функции скоса и тиснения будут применены ко всему тексту в одном слое или текстовом поле.
Ссылки
Автор биографии
Публикуемый автор и профессиональный докладчик Дэвид Видмарк консультировал предприятия и правительства по вопросам технологий, средств массовой информации и маркетинга более 20 лет. Он преподавал информатику в Алгонкинском колледже, открыл три успешных бизнеса и написал сотни статей для газет и журналов по всей Канаде и США.
Как добавить прозрачный текст к изображению в Photoshop
В этом уроке я решил показать вам, как создать прозрачный текст в Photoshop. На изображении ниже вы можете увидеть, как это будет выглядеть после того, как вы закончите редактировать изображение.
Как видите, эффект выглядит очень профессионально и отлично будет смотреться на плакате, в качестве подписи к изображению или что-нибудь еще, что вы можете придумать. Ниже вы можете просмотреть видеоинструкцию полностью, а под видео вы можете прочитать письменное руководство, если хотите.
Не можете просмотреть видео? Смотрите на YouTube
Подготовьте фоновое изображение и слои:
Начните с открытия изображения, которое хотите использовать в качестве фона.
Если слой заблокирован, разблокируйте его, дважды щелкнув по нему в окне слоев.
Дайте вашему разблокированному слою имя или оставьте имя по умолчанию.
Щелкните значок папки в нижней части окна слоев, чтобы создать новую группу.
Теперь выберите эту новую группу и щелкните значок страницы в нижней части окна слоев, чтобы создать новый слой.
Перейдите в «Редактировать> Заливка», чтобы заполнить новый слой цветом.
Я использовал шестнадцатеричный код цвета # f3bb0a для своего изображения, потому что изображение было немного желтым, и я решил, что цвет будет хорошо совпадать. Конечно, для своего изображения вы можете использовать любой цвет.
После заливки моего слоя он выглядел так:
Теперь уменьшите непрозрачность слоя до уровня, который, по вашему мнению, выглядит хорошо.Я снизил непрозрачность своего слоя до 80%.
После уменьшения непрозрачности мое изображение выглядело так:
Создайте свой текст:
Щелкните инструмент горизонтального текста на левой панели инструментов
Теперь введите текст, выберите тип шрифта, расположите текст и т. Д. Обратите внимание, что вы также можете изменить шрифт после завершения редактирования изображения.
Когда вы будете довольны тем, как выглядит текст, просто нажмите галочку на верхней панели инструментов
Добавьте к тексту эффект прозрачности:
Теперь выберите слой, содержащий текст.
Теперь щелкните стрелку в правом верхнем углу окна слоев, которая выглядит так:
В раскрывающемся меню выберите «Параметры наложения».
В разделе расширенного наложения выберите «мелкое» для нокаута и измените непрозрачность заливки на 0%.
При желании вы также можете добавить рамку вокруг текста, установив флажок рядом с надписью «обводка».Когда вы закончите редактировать текст, нажмите кнопку «ОК».
Теперь выберите инструмент прямоугольной области на левой панели инструментов.
Выберите область слоя заливки, которую вы хотите удалить.
После выбора области перейдите к «редактировать> очистить», чтобы удалить эту область.
Щелкните выделение правой кнопкой мыши и нажмите «Отменить выделение», чтобы очистить выделение.
После завершения ваше изображение должно быть похоже на мое:
Учебное пособие по Photoshop Добавление фоновой текстуры к тексту
Большой тренд последних лет — использование текстуры в дизайне.В этом кратком руководстве по Photoshop я покажу вам, как добиться максимального эффекта текстуры, позволяя текстуре фона просвечивать сквозь текст. Этот урок будет полезен, если вы хотите имитировать граффити или трафарет на стене.
Чтобы текстура отображалась сквозь текст, вы можете настроить режим наложения текстового слоя на что-то вроде Soft Light или Multiply, или вы можете уменьшить непрозрачность текстового слоя, однако у вас не будет элемента управления для создания действительно хороший эффект.
Создайте новый холст
Ctrl + N
Мой размер 600 x 300 пикселей, если вы хотите продолжить.Сохраните psd. Я назвал свой texture-to-text.psd
Следующая открытая фотография текстуры стены. Я использую найденную здесь бетонную текстуру.
Перетащите изображение текстуры на новый PSD и назовите слой «стена».
Конкретное изображение, которое я использую, было огромным для этого проекта, поэтому я уменьшил его с помощью преобразования до 25%.
Ctrl + T
Вы можете удалить исходный «фоновый» слой. См. Изображение ниже…
Выберите инструмент «Текст». Я использую отличный трафаретный шрифт «Знай свой продукт», который можно скачать здесь.Введите свой текст. Неважно, какой цвет шрифта вы выберете на этом этапе, мы скорректируем его позже.
В Photoshop все аккуратно и идеально, поэтому для большей реалистичности лучше немного испортить . Я повернул текст на -1,5 градуса, используя преобразование. Ctrl + T
Когда вы будете довольны общей компоновкой текста, выберите форму текста, перейдя к параметрам верхнего меню.
Выбрать >> Загрузить выделение…
В меню слоев щелкните слой «стена».
Затем скопируйте Ctrl + C
Затем вставьте Ctrl + V
Если вы отключите видимость слоя «стена» и исходного текстового слоя, вы увидите, что новый созданный вами слой является вашим текстом в текстуре стены.
Удалите цвет с этого нового слоя. Нас интересуют только блики и тени.
Изображение >> Коррекция >> Обесцветить
Отрегулируйте контраст этого текстурированного письма, отрегулировав кривые.Этот шаг сделает текстуру «всплывающей».
(Чтобы вы могли видеть результат по ходу, включите видимость слоя «стена», но оставьте видимость исходного текстового слоя выключенной)
Изображение >> Коррекция >> Кривые
Линия в диалоговом окне «Кривые» примет вид диагонали. Дважды щелкните эту диагональную линию и перетащите эти два маркера, пока ваша линия не образует S-образную форму (как показано выше). Нижний маркер будет увеличивать значения черного, если вы потянете его вправо.Верхний маркер будет уменьшать значения серого, когда вы нажимаете его влево. Точная форма ВАШЕЙ S-образной кривой будет зависеть от ВАШЕГО изображения, поэтому следите за своим изображением, перемещая эти маркеры, пока не достигнете желаемого результата.
Результат должен выглядеть примерно так, как показано на рисунке ниже.
Теперь измените текстурированный текст на нужный цвет с помощью Color Overlay.
Слой >> Стиль слоя >> Наложение цвета
В зависимости от желаемого цвета необходимо настроить режим наложения и непрозрачность.
Для темных цветов попробуйте использовать режим наложения «Умножение», а для светлых цветов попробуйте «Наложение»… вам нужно будет поэкспериментировать, чтобы добиться нужного результата.
Включите видимость исходного текстового слоя. Измените цвет текстового слоя на тот же вариант, который вы использовали для наложения цвета, и растрируйте слой . (Слой >> Растрировать >> Тип)
Сделайте шероховатый слой на этом слое, чтобы открыть часть нижнего слоя, используя царапающую лоскутку. (Я использовал Spatter 24, расход установлен на 50%).Уменьшите непрозрачность этого слоя до тех пор, пока он не будет хорошо смотреться.
Наконец, некоторые дополнительные штрихи в стиле. Добавьте пару пробегов краски . Я использовал кисти dribbb27 и dribbb23 (с основным диаметром примерно 45), вы можете скачать бесплатные кисти для Photoshop здесь.
Чтобы имитировать внешний вид трафарета, я использовал Polygonal Lasso Too l и создал грубое прямоугольное выделение вокруг текста. Затем я, , перевернул выделение и использовал различные маленькие кисти для распыления и разбрызгивания по углам и немного по бокам .
Надеюсь, вам понравился этот урок!
Теги: Photoshop учебник, Текстура в текст
Как выделить текст в Photoshop, чтобы выделить его
В сегодняшнем выпуске мы исследуем, как выделить фрагмент текста в Photoshop. Этот метод может быть действительно полезен, если вы планируете использовать Photoshop для типографики.
Типографика — это искусство шрифтов и текста. Это форма визуальной поэзии, где эстетика и значение слова, а также его буквы объединяются, чтобы создать сумму, которая больше, чем целое.
В длинном списке творческих занятий, которые позволяет Adobe Photoshop, типографика также является одним из них. Итак, мы собираемся изучить множество способов, с помощью которых ваши идеи типографики и каллиграфии могут быть воплощены в жизнь в Photoshop.
Прежде чем мы начнем, у вас уже должен быть открыт кусок текста. Если вы не знаете, как это сделать, вы можете узнать, как это сделать, здесь.
Шаг 1: Подготовка фона
Я использовал для этого урока пример слова HELLO.
Как вы можете видеть на последнем изображении выше, фон имеет яркий оттенок красного. Для этого нам нужно перейти к палитре инструментов и выбрать инструмент Paint Bucket . Мы собираемся использовать это, чтобы нарисовать наш фон.
Внизу палитры инструментов находятся палитры цветов Foreground и Background . По умолчанию они установлены на черный и белый соответственно.
Чтобы нарисовать фон, нам нужно изменить цвет переднего плана . Итак, щелкните черный образец, чтобы открыть палитру цветов .
Используйте круговой инструмент в палитре цветов , чтобы выбрать цвет. Вы также можете ввести шестнадцатеричный код. Мой номер # aa2828. Как только это будет сделано, нажмите OK . Теперь, когда инструмент Paint Bucket все еще выбран, щелкните пустую часть белого фона.
Убедитесь, что фоновый слой выбран, когда вы это делаете.
Шаг 2: Подготовка текста
Теперь мы изменим цвет текста. Последнее изображение показывает текст в виде яркого желтого оттенка, тогда как цвет текста по умолчанию — черный.
Идем дальше и выбираем текстовый слой. Теперь в верхней части экрана вы найдете текстовый редактор .
В меню вы увидите черный прямоугольник.Щелкните по нему; появится палитра цветов текста .
Используйте палитру цветов , чтобы выбрать цвет текста. Мой желтый с шестнадцатеричным кодом # fff000.
Теперь ваше изображение должно выглядеть так.
Теперь о главной роли шоу: процесс контура.
Убедитесь, что текстовый слой выбран на панели слоев . В строке главного меню перейдите в Слой > Стиль слоя> Обводка .Кроме того, вы можете щелкнуть пустое место в поле текстового слоя. Это вызовет меню Layer Style .
В меню измените положение Position на Outside и увеличивайте размер до тех пор, пока контур не станет толстым и не закроет все пробелы в тексте, например центр буквы «O». Возможно, вам придется поэкспериментировать с этим. Также убедитесь, что для цвета установлен черный по умолчанию.
Теперь ваше изображение будет выглядеть так.
В левой части меню Layer Style будет символ «+» рядом с Stroke .
Нажмите кнопку «+», чтобы создать еще один слой обводки.
У этого нового слоя будут те же настройки, что и у предыдущего слоя. Используйте палитру цветов , чтобы изменить цвет на белый и увеличить размер примерно до 51%, и нажмите OK.
Теперь ваше изображение будет выглядеть так.
Поехали! Классный и простой способ создавать яркие контуры в Photoshop. Вы можете остановиться на этом, если хотите, но я продолжу немного улучшать изображение.
Шаг 4: Последние штрихи — Освещение
Теперь мы собираемся улучшить изображение, создав несколько эффектов трехмерного освещения, которые сделают изображение более выразительным и профессиональным.
Давайте начнем с создания реалистичной тени для текста.
Для этого нам нужно перейти в меню Layer Style . В строке главного меню перейдите в Слой > Стиль слоя> Тень . Кроме того, вы можете щелкнуть пустое место в поле текстового слоя.
Откроется меню стиля слоя с активной опцией Drop Shadow . Drop Shadow — это инструмент Photoshop, который создает реалистичную тень, и вы можете управлять различными параметрами тени, такими как угол, интенсивность и распространение тени, чтобы имитировать эффекты различных типов света, падающего на объект. .Сегодня мы собираемся смоделировать мягкий яркий свет, падающий прямо над изображением.
Я потратил некоторое время, чтобы поиграть с параметрами Непрозрачность, Расстояние, Размах и Размер в меню. Поскольку свет падает прямо над изображением, убедитесь, что угол остается равным 90˚, и убедитесь, что установлен флажок Use Global Light .
Теперь мы должны отметить, что Drop Shadow — это только цифровой инструмент и может создавать только один участок темных пикселей, как определено пользователем.Это не обязательно создает реалистичную тень, которая обычно является результатом нескольких источников света с разным рассеиванием.
Следовательно, нам нужно использовать несколько Drop Shadows . Как и в случае с опцией Stroke , вы заметите символ «+», расположенный рядом с Drop Shadow . Щелкните его, чтобы создать вторую тень Drop Shadow .
Опять же, вам нужно будет поэкспериментировать с этими значениями, чтобы найти то, что лучше всего подходит для вашего изображения.Я хотел получить более мягкую и более тонкую тень, которая падает от первой тени, и это значения, которые я придумал.
Вот как теперь должно выглядеть ваше изображение.
Почти на финише. На последнем этапе мы добавим градиент к фону, чтобы иллюзия нисходящего освещения стала более правдоподобной. Для этого мы создадим градиент таким образом, чтобы он был ярче в верхней части фона и плавно переходил в более светлый цвет в нижней части.
Перейдите на панель слоев и дважды щелкните слой Фон , чтобы убедиться, что он выбран и активен.
Обратите внимание, что фоновый слой не редактируется напрямую, поэтому нам придется сделать копию слоя. Поэтому щелкните его правой кнопкой мыши и выберите Дублировать слой .
Это создаст слой под названием Background copy . Убедитесь, что он остается выбранным.
Теперь перейдите в меню и выберите Layer> Layer Style> Gradient Overlay .
Это вызовет меню Gradient Overlay .
В меню Gradient Overlay дважды щелкните градиент. Это вызовет Gradient Editor .
В редакторе градиентов два нижних цветных квадрата представляют два цвета градиента. Слева — Darker Color, а справа — Lighter Color.
Двойной щелчок по любому из них откроет меню выбора цвета.Начнем с Darker Color.
Запомните цвет фона # aa2828. Для начала вы можете ввести шестнадцатеричный код в палитре цветов. После ввода цвета вручную переместите палитру цветов к более темному оттенку. Мой номер 912f2f.
Теперь нажмите ОК и сделайте то же самое с Lighter Color. Мой шестнадцатеричный код — # bc3434. Вот и все! Готовый градиент и законченный фрагмент текста с привлекательными контурами в Photoshop!
Также в качестве примечания: вы можете использовать инструмент Stroke Tool для создания других замечательных контуров.
