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

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

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

Картинки с текстом используются для создания:

• красиво оформленной цитаты или мысли;
• цепляющего заголовка к статье или посту;
• объявления о конкурсе или акции.

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

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

Как сделать картинку с надписью: 10 популярных онлайн-сервисов

Canva

Canva – онлайн-сервис, любимый SMM-специалистами. В нем русскоязычный интерфейс, много бесплатных возможностей. Здесь можно создавать записи для ВКонтакте, Facebook, Instagram, баннеры для блога, флаеры, макеты обложек книг, меню и прочее.

Особенности Canva:

• Большая база бесплатных шаблонов (около 8000).
• Автосохранение наработок.
• Готовые файлы скачиваются в формате .PNG, .JPG, .PDF.
• Удобная регистрация через почту или аккаунт Facebook/Google.
• Масса размеров шаблонов, которые к тому же стилизованы для разных сфер бизнеса.
• Созданные ранее баннеры хранятся на сервисе, и их можно продолжить редактировать.
• Можно создать команду до 10 человек.

Как сделать надпись:

1. Выберите подходящий формат графики.

2. Через загрузки добавьте файл с компьютера или подберите шаблон.

3. Выберите формат заголовка в меню слева.

4. Напишите свою фразу.

5. Выберите шрифт, цвет записи в верхнем меню.

6. Скачайте файл в нужном формате.

Стоимость

Платный доступ открывает полноценный функционал ресурса. Тариф Pro стоит около 13$ в месяц. К тому же, за отдельную плату можно скачивать шаблоны и фото. Они могут стоить от 1 до 10$ и выше.

Pablo

В онлайн-сервисе Pablo 6-тысячная библиотека стоковых картинок. Здесь не требуется регистрация.

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

Особенности Pablo:

• поиск по ключевым словам;
• 9 эффектов (затемнение, размытие и пр.) и 25 шрифтов, однако на кириллице большинство из них работает криво;
• размер фото можно быстро подогнать под нужную соцсеть;
• можно загрузить свою картинку;
• готовую работу можно сразу добавить в Instagram, Facebook, Twitter.

Как написать текст на картинке:

• Выбираете интересное изображение или грузите свое (через кнопку «Upload image»).
• Кликаете дважды на картинку и меняете надпись на свою.
• При желании можно выбрать цвет, расположение записи (по центру, вверху или внизу), размер.
• Само изображение можно также украсить: выбрать нужный оттенок, размыть, поменять контраст.

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

Fotor

Онлайн-сервис Fotor позволяет не только делать надписи, но и создавать коллаж или полноценный дизайн. Для работы требуется регистрация, которую можно пройти через Facebook.

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

Особенности Fotor:

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

Если шаблон платный – на нем стоит водяной знак «Fotor».

Как работать в Fotor:

1. Если у вас нет картинки, заходите в «Дизайн» и ищете подходящий файл без водяного знака. Если нужно загрузить исходник с ПК, грузите его через кнопку справа. После нажимайте на «Текст».

2. Затем в левом черном меню выбираете эффекты – те, которые не помечены бриллиантом (это платная версия). Скачать готовый файл можно в формате .jpg или .png.

Цена:

Подписка на Fotor стоит 8.99$ в месяц. Но за эти деньги вы получаете очень хороший сервис с множеством крутых эффектов. Работать в нем намного легче, чем в Фотошоп, а качество изображений выше.

FotoUmp

FotoUmp – русскоязычный бесплатный онлайн-сервис для создания надписей и небольшой коррекции. Редактор позволяет добавить фильтры, изменить форму, обрезать, добавить стикер.

Особенности FotoUmp:

• есть возможность работать без регистрации;
• фото можно загрузить свое или скачать из библиотеки FotoUmp;
• шрифты на кириллице не работают;
• редактор позволяет создавать креативные надписи (неоновые, 3D и др.) на прозрачном фоне.

Как работать в FotoUmp:

1. Для начала загрузите файл.

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

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

Easelly

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

Чтобы начать работу, нужна регистрация (можно через Facebook). Аккаунт позволит хранить созданные макеты и редактировать их заново. Стоимость платной версии – 3$ в месяц.

Особенности Easelly:

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

Как создать надпись:

1. Нажимаете на «Blank Template».2. Тяните нужную картинку в рабочую область или загружаете через «Upload».

2. Нажимаете на Text в верхнем меню и выбираете тип записи (название, заголовок, обычный текст, список).

3. Создаете свою надпись, после чего можно скачивать фото на компьютер.

Crello

Crello – удобный сервис для создания инфографики. Он позволяет не только наложить текст на изображение, но и добавить анимацию. По интерфейсу напоминает Canva.

Особенности Crello:

• большая галерея стоковых фотографий;
• огромный выбор шаблонов для соцсетей, пригласительных, афиш и пр.;
• большой функционал для редактирования надписей: можно выбирать шрифты, цвет, интервалы, прозрачность;
• есть разные эффекты для изображения;
• русскоязычный интерфейс;
• можно загружать свои шрифты;
• большинство картинок в платной подписке (5$ в месяц);
• бесплатные стоковые фотографии можно искать в отдельной папке: не нужно всматриваться на наличие значка $.

Как добавить текст в Crello:

1. Выберите размер публикации.

2. Перейдите в раздел «Фото» в левом меню — «Загрузки» — «Загрузить изображение».

3. Выберите формат, введите свою надпись и настройте параметры.

4. Если нужен шаблон, заходите в «Дизайн», выбираете тот, что имеет пометку «бесплатно» и редактируете.

Piktochart

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

Особенности Piktochart:

• можно делать инфографику очень длинной, просто добавляя блоки;
• есть форматы для разных соцсетей;
• можно добавлять различные плашки;
• в бесплатной версии скачать готовую картинку можно только в формате .png и в качестве Normal или Medium.

Как работать:

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

2. Если нужно загрузить картинку, кликните на «Uploads».

3. Затем нажмите на «Текст», укажите тип надписи. В верхнем меню можно задать параметры.

Effectfree

Effectfree – простой бесплатный онлайн-сервис, чтобы добавить текст на фото. Помимо этой функции, есть еще возможность создавать рамки и различные спецэффекты (правда, на «любителя»).

Особенности Effectfree:

• простой интерфейс на русском языке;
• не требует регистрации;
• к буквам можно добавить тень;
• подвинуть надпись в нужное место можно только стрелками;
• 24 варианта шрифтов, которые работают на кириллице.

Как работать:

1. Загружаете картинку с компьютера или вставляете ссылку на нее из интернета.
2. Затем в белом поле внизу пишете надпись.
3. Выбираете шрифты и эффекты.
4. Двигаете запись с помощью стрелок в нужную область.

BeFunky

BeFunky – англоязычный ресурс, мало чем отличается от остальных.

Особенности BeFunky:

• Большие возможности для редактирования текста.
• Три вида редактирования: фоторедактор, коллаж, дизайн.
• Много шаблонов и функций, правда, большинство из них в платной версии (5$ в месяц).
• Для редактирования фото не нужна регистрация.

Как добавить надпись на фото:

1. Заходите в раздел «Foto Editor» и загружаете картинку с ПК.
2. Нажимаете в левом меню «А», затем зеленую кнопку «Edit text» и вводите надпись.
3. При желании, картинку можно отредактировать эффектами, которые не помечены золотой звездочкой.
4. Фразу можно редактировать через всплывающее окошко «Text Properties» (выбрать цвет, размер, тип шрифта и пр.).

PicMonkey

PicMonkey – сервис для создания коллажей, ретуши, дизайна и редактирования. Можно работать с шаблонами или с собственными фотографиями.

Особенности сервиса PicMonkey:

• Есть бесплатная пробная версия на 7 дней, потом – 8$ в месяц.
• Для текста есть эффекты: разные шрифты, цвета, расстояния между буквами, прозрачность, тень и пр.
• Можно редактировать фото человека: убрать красные глаза, сделать стройнее, отбелить зубы и др.

Как подписать изображение:

1. Добавляете свое фото через плюсик.

2. Затем жмете «Add text» и редактируете.

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

Заключение

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

1. Выбирайте цвет записи, контрастный с фоном, например, на насыщенном красном фоне хорошо будет смотреться белый текст, но не черный.
2. Обрамляйте надпись плашками, рамками, если редактор позволяет (Fotor, Canva, Crello).
3. Не наносите текст на значимые места (лица, предметы) и выбирайте свободный участок с однородным фоном.

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

Добавить Текст на Фото

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

Другие инструменты для фото

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

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

Давайте начнем!

Добавляем текст в Фотошопе

Пришло время сделать первые шаги: попробуем добавить текст на белый фон. Создаем новый документ – по умолчанию у нас уже есть слой с фоном. Нажимаем на инструмент «Текст» на панели инструментов в левой части экрана (можно просто нажать клавишу Т). Теперь можно кликнуть в любом месте на холсте – там появится поле для ввода горизонтального текста.

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

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

Когда вы создаете новый текст в документе, он отображается в виде текстового слоя. Если вы не видите эту панель, просто нажмите F7 или откройте вкладку «Окно» – «Слои». Обязательно откройте эту панель – далее мы будем часто к ней обращаться.

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

Начало положено – у нас есть заголовок и абзац под ним. Давайте посмотрим, как мы можем изменить внешний вид текстов с помощью базовых инструментов Adobe Photoshop. Я создам новую надпись и маленький абзац, а на фон поставлю какую-нибудь картинку. Давайте теперь откроем вкладки «Окно» – «Символ» и «Окно» – «Абзац».

Это два главных окошка для форматирования текста, где есть все параметры. В окне «Символ» вы можете выбирать и менять шрифты, настраивать расстояние между буквами и многое другое. В окошке «Абзац» – настраивать выравнивание текстов и отступы. А теперь я расскажу обо всем подробнее.

Как поменять шрифт и размер текста

Для того чтобы изменить размер текста, для начала нужно найти инструмент «Перемещение» на панели инструментов (значок со стрелками). Выбираем текст, размер которого нужно изменить, и просто тянем за уголок рамки. Если так сделать не получилось – убедитесь, что в верхней панели стоит галочка возле пункта «Автовыбор».

Если ваш Photoshop был выпущен до июня 2019 года, то для пропорционального изменения размера необходимо зажимать Shift.

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

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

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

Как изменить текст в Photoshop

Существует два способа поменять текст:

1. Нажмите на инструмент «Перемещение» (V), а затем дважды щелкните на текст.
2. Выберите инструмент «Текст» (Т) и щелкните на текст на холсте.

Как поменять цвет текста

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

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

Также можно менять цвет текста в окне «Символ», о котором я писала выше. Выберите слой с текстом, а потом щелкните по полю «Цвет». Вы прекрасны!

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

Появляется палитра, и вот он – желтый! Кстати, цвет можно взять пипеткой с картинки или другой надписи: просто нажмите мышкой на нужный цвет на холсте, а курсор сам превратится в пипетку.

Как скопировать текст

Чтобы скопировать текст в Фотошопе, необходимо выбрать нужный слой на холсте (снова убедитесь, что включен «Автовыбор»), зажмите Alt и потяните мышкой в сторону. Так вы можете сразу проконтролировать, куда разместить копию. Другой способ – бессмертные сочетания клавиш Ctrl + C и Ctrl + V, но в этом случае текст поместится на холст рандомно.

Если вы хотите скопировать текст так, чтобы он оказался ровно на том же месте, то потяните этот слой на панели «Слои» вверх или вниз с зажатым Alt.

Метод с копированием и вставкой также работает, если вы копируете текст, например из Word.

Создаем эффекты для текста

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

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

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

Как сделать контур текста

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

Далее действуем примерно так же, как с обводкой: заходим в «Стили слоя» и выставляем цвет и толщину обводки. А теперь магия! В панели слоев выкручиваем пункт «Заливка» на 0%. Теперь у надписи виден лишь контур.

Как сделать прозрачный текст

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

Дальше следите за руками:

1. Нажимаем на инструмент «Прямоугольник» (U), чтобы сделать подложку. Я возьму прямоугольник белого цвета со скругленными углами. 
2. Перемещаем эту фигуру под слой с текстом (потяните его на панели слоев вниз на один пункт). 
3. Нажимаем правой кнопкой мышки на панели слоев по слою прямоугольника, затем на «Растрировать слой». 
4. Теперь с зажатой кнопкой Ctrl кликаем по слою с текстом, прямо по значку «Т». 
5. Скрываем текстовый слой, ткнув на иконку с глазиком. 
6. Выбираем слой с плашкой и нажимаем Delete. 

Как изменить прозрачность текста

Чтобы изменить прозрачность букв, откройте панель «Слои». Найдите нужный вам слой и введите значение непрозрачности. Если нажать на стрелочку, появится ползунок.

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

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

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

1. Создаем текстовый слой какого-нибудь кислотного цвета, например ярко-малинового. 
2. Дважды кликаем по нему на панели, чтобы вызвать окно стилей слоя.
3. Открываем «Внешнее свечение» и выбираем цвет этого свечения – у меня малиновые буквы, и свечение от них я тоже сделаю малиновым, только чуть светлее.
4. Настраиваем непрозрачность и переходим ко вкладке «Внутреннее свечение».
5. Во вкладке «Внутреннее свечение» я выбрала светло-розовый цвет, полностью непрозрачный, а возле пункта «Источник» – «Из центра». 

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

Как сделать градиент текста

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

Если кликнуть по самому градиенту, вы увидите окно редактора, где можно выбрать цвета и выставить все настройки. Редактируйте цвет, кликнув по маленькому ползунку-квадратику, расположенному под градиентом. Если двигать ползунки по горизонтали, градиент будет меняться. Созданный градиент можно сохранить: так вы можете собрать целую коллекцию собственных градиентов. Попробуйте!

Меняем форму

Наклон

Для того чтобы сделать наклон текста, выберите его инструментом «Перемещение» или нажмите на него на панели слоев. Затем выберите вкладку «Редактирование» – «Трансформирование» – «Наклон».

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

Деформация

В Фотошопе есть специальное окно, посвященное деформации текста. Чтобы его открыть, нажмите на инструмент «Текст». Наверху появится кнопка, открывающая окно деформации. Здесь вы можете выбрать стиль и настроить уровень искажения текста. После этого текст все еще будет доступен для редактирования.

Есть еще один способ деформировать надпись. Если нажать правой кнопкой мышки по текстовому слою и затем на «Растрировать текст», то откроется новое поле возможностей.

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

Можно тянуть слово в любую сторону, попробуйте! 

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

Как сделать текст по кругу

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

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

Заключение

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

Надеюсь, что эта статья помогла вам немного прокачать свой уровень владения Фотошопом