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

Мотивирующие надписи

Юмор

Название поста, статьи

Лайфхаки

Как это выглядит, думаю всем понятно. Переходим непосредственно к действиям.

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

1. Как сделать надпись на фото с помощью онлайн-сервисов

Как написать текст на картинке в Paint

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

Сайт https://www.firestock.ru

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

Теперь начинается самое интересное.

Работа в Paint

На Виндовс 10 есть также Paint 3D. С помощь него вы также можете успешно рисовать надписи на изображениях.

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

Инструкция:

Как сделать надпись на фото в онлайн-сервисах

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

Наложить текст на фото с сайтом lolkot.ru

Гораздо легче чем в программах наложить текст на фото можно на сайте lolkot.ru.

Добавление надписи на картинку на сайте holla.ru

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

Приветствую Вас в данной статье! Как Вам такие красивые надписи? Это графический текст.

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

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

Где использовать эти надписи

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

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

Создаем красивые надписи

Вот сам сервис http://flamingtext.ru на котором и будем креативить с текстом.
Для начала выбираем шаблон шрифта. Их здесь много, на любой вкус и цвет. Можем пролистать все страницы в поиске подходящего шаблона, но это займёт уйму времени. В таком случае идём в категории в конце страницы и выбираем нужный нам стиль. Остальное можем поменять в настройках, если нужно.

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

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

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

Прозрачный фон для текста

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

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

Вот так всё просто. А наложить красивую надпись на фотографию либо на другое какое-то изображение можно с помощью бесплатной программы FastStone Image Viewer или Picasa . Это очень классные программы и я в них постоянно работаю. Рекомендую их установить себе.

Редактируем графический текст

Обратите внимание, что в графическом редакторе есть ещё несколько вкладок с инструментами.
Текст — Здесь можем заменить или добавить текст, увеличить размер шрифта (ограничено), поставить другой шрифт.
Лого — В этой вкладке мы меняем основной цвет текста. Он может быть зарисован сплошным цветом либо под текстуру (узор) или градиент (градиент, это набор нескольких цветов плавно переходящих с одного в другой). Так же в тексте есть контур, который так же как и основной текст можно увеличить и закрасить.

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

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

На этом всё ребята. Видите, как просто сделать надписи на картинке. Да, возьмите на вооружение ещё пару сайтиков по этой теме.

http://x-lines.ru

https://cooltext.com

Анимированные блестящие тексты

http://gifr.ru/glitter

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

Это полезно знать:

• 
  Аватан — бесплатный фоторедактор онлайн с…

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

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

Способ 1: EffectFree

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

1. Нажмите на кнопку «Выберите файл» для его последующей обработки.



2. Выделите подходящий вам графический файл, хранящийся в памяти компьютера, и кликните «Открыть» .



3. Продолжите, нажав на кнопку «Выполнить загрузку фото» , чтобы сервис загрузил его на свой сервер.



4. Введите желаемый текст, который будет нанесён на загруженную фотографию. Для этого кликните мышкой на строку «Введите текст» .



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



6. Выберите цвет и нажмите «Наложить текст» для завершения.



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

Способ 2: Holla

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

1. Нажмите на кнопку «Выберите файл» для начала выбора необходимой картинки для обработки.



2. Выберите файл и кликните в правом нижнем углу окна «Открыть» .



3. Для продолжения нажмите «Загрузить» .



4. Затем выберите фоторедактор «Aviary» .



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



6. Выберите инструмент «Текст» , чтобы добавить содержимое на изображение.



7. Выделите рамку с текстом для его редактирования.



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



9. По желанию примените предоставленные параметры: цвет текста и шрифт.



10. По завершении процесса добавления текста нажмите кнопку «Готово» .



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

Способ 3: Editor photo

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

1. Чтобы начать обработку файла, нажмите кнопку «С компьютера» .



2. Выберите изображение для последующей обработки.



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



5. Нажав на рамку с добавленным текстом, измените его.



6. Выберите и примените необходимые вам параметры для изменения внешнего вида надписи.





7. Для начала скачивания файла на диск компьютера необходимо нажать на кнопку «Скачать» в появившемся окне.

Способ 4: Rugraphics

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

1. После перехода на сайт нажмите кнопку «Загрузить изображение с компьютера» . Если вам удобнее, можно воспользоваться одним из трёх других способов.



2. Среди файлов на жестком диске выберите подходящую картинку для обработки и нажмите «Открыть» .



3. На появившейся слева панели выберите «А» - символ, обозначающий инструмент для работы с текстом.
4. Введите в форму «Текст» желаемое содержимое, по желанию измените представленные параметры и подтвердите добавление нажатием на кнопку «Да» .



5. Войдите во вкладку «Файл» , затем выберите пункт «Сохранить» .



6. Для сохранения файла на диск выделите «Мой компьютер» , после чего подтвердите действие нажатием на кнопку «Да» в правом нижнем углу окна.



7. Введите название сохраняемого файла и кликните «Сохранить» .

Способ 5: Fotoump

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

1. Кликните по кнопке «Загрузить с компьютера» .



2. Выберите необходимый для обработки графический файл и нажмите «Открыть» в том же окне.



3. Для продолжения загрузки нажмите «Открыть» на появившейся странице.



4. Перейдите во вкладку «Текст» для начала работы с этим инструментом.



5. Выберите понравившийся вам шрифт. Для этого можно использовать список либо поиск по названию.



6. Установите необходимые параметры будущей надписи. Чтобы добавить её, подтвердите действие нажатием на кнопку «Применить» .



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



8. Сохраните прогресс с помощью кнопки «Сохранить» на верхней панели.



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

Способ 6: Lolkot

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

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

Вам понадобится

• Программа Adobe Photoshop. Системные требования и полные инструкции по установке программного обеспечения можно найти на сайте http://www.adobe.com/ru/products/photoshop/tech-specs.html

Инструкция

На панели инструментов щелкните мышью на маленьком двойном квадратике "Default Foreground and Background Colors" («Цвета переднего плана и фона по умолчанию») в нижней части панели инструментов, чтобы установить черный цвет переднего плана. Это тот цвет, которым вам нужно ввести на этом шаге.

На панели инструментов выберите инструмент "Horizontal Type" («Горизонтальный ввод»). В верхней части окна программы появится панель параметров инструмента. Установите требуемые значения. Выберите шрифт в открывающемся списке "Font" («Шрифт»). В приведенном примере использовался шрифт "Arial". Выберите стиль шрифта. В приведенном примере использовался "Regular" («Обычный»). Введите размер шрифта в пунктах в текст овое поле "Size" («Размер»). В приведенном примере использовался размер 30 пунктов. В открывающемся списке "Anti-Aliasing" («Сглаживание»)выберите пункт "Crisp" («Четкий»). Выберите параметр выравнивания текст а "Center Text" («Выравнивание по центру»).

Щелкните мышью где-нибудь в левой верхней области окна изображения.
Обратите внимание, что палитра "Layers" («Слои») теперь содержит слой с именем "Layer 1" («Слой 1») со значком "T" возле слоя, указывающим, что это текст овый слой.

Выберите инструмент "Move" («Перемещение») и перетащите текст , расположив его там, где его не затруднено.
Обратите внимание, что на палитре "Layers" («Слои») имя слоя заменилось на введенный вами текст .
В приведенном примере текст переместили чуть вправо, где на фотографии более светлый фон.

Вы можете улучшить вид путем добавления специальных эффектов из готовых и редактируемых стилей слоя. Откройте меню "Layer" («Слой»). Выберите пункт "Layer Style" («Стиль слоя»).
Убедившись, что активным остается слой с текст ом, экспериментируйте с вашим слоем, устанавливая различные эффекты. В приведенном примере установлены эффекты "Drop Shadov" («Тень»), "Outer Glow" («Внешнее ») и изменен цвет надписи с помощью эффекта "Color Overlay" («Цвет»).
Значения для каждого эффекта вы можете выбрать , выделив его и нажав на названии эффекта мышью.

Photoshop предоставляет возможность придать надписи оригинальный вид за счет стилизации и деформации текст а.
Убедитесь, что слой с текст ом по-прежнему активный. На панели инструментов выберите инструмент "Horizontal Type" («Горизонтальный ввод»). В верхней части окна программы появится панель параметров инструмента. Щелкните мышью на кнопке "Create Warped Text" («Создать деформированный текст »). Выберете в окне "Warp Text" нужный вам стиль и измените значения.
В приведенном примере использовался стиль "Rize".

Часто, при написании статей, необходимо сделать надписи непосредственно на самой картинке. Самый простой способ, без установки дополнительных программ — сделать это в Paint (программа входит в стандартный пакет на любом компьютере)

1. Находим программу Paint и открываем её

«Пуск» — «Все программы» — «Стандартные» — «Paint»

2. Открываем изображение

«Файл» — «Открыть» — выбрать картинку.

3. Выбираем цвет надписи и убираем непрозрачный фон (Paint)

«Палитра» — «Изменить палитру» — в открывшемся окне выбираем цвет.

Затем идём в «Рисунок» — в самом низу открывшегося меню убираем галочку в «Непрозрачный фон»

4. Выбираем текст и шрифт (Paint)

Слева в боковой панели выбираем надпись «А» (1), окно активируется и даёт возможность вставить рамку в любое место картинки (2).

Затем наводим курсор в то место, где будет надпись, правой кнопкой мыши вызываем меню и выбираем «Панель атрибутов текста» (3)

Здесь выбираем шрифт, его размер, наклон…

5. Делаем надпись (Paint)

Вводим текст, по завершению просто нажимаем на картинку, текст закреплён на картинке, осталось правильно сохранить.

6. Сохранение картинки (Paint)

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

(Visited 16 359 times, 1 visits today)