Как быстро вставить текст на картинку: инструкция для новичка

3 голоса
Как вставить текст на картинку

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

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

Как быстро вставить текст на картинку: инструкция для новичка

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

Как вставляют тексты в картинки копирайтеры

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

Открываете программу и добавляете картинку. Для этого переходите во вкладку «Вставка», а затем находите «Рисунок». Кликаете по нему.

Как быстро вставить текст на картинку: инструкция для новичка

Теперь осталось только найти файл на компьютере и нажать на «Вставить» в нижнем левом углу открывшегося меню.

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

Если не получается, в верхней панели отыщите «Обтекание текстом» и ту же самую функцию.

Как быстро вставить текст на картинку: инструкция для новичка

Курсор отображается прямо на картинке. Вы можете писать прямо текстом. Измените цвет, размер шрифта, выравнивание.

Как быстро вставить текст на картинку: инструкция для новичка

Есть и другой вариант. Снова переходите во вкладку «Вставка» и находите тут «Надписи».

Как быстро вставить текст на картинку: инструкция для новичка

Кликните по стилю.

Как быстро вставить текст на картинку: инструкция для новичка

В верхней панели можете выбрать стиль отображения.

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

Чтобы снова понять стиль, если приняли неправильное решение жмите на «Экспресс-стили».

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

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

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

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

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

Читайте также:  Четыре программы, которые помогут наложить текст на картинку

Как быстро вставить текст на картинку: инструкция для новичка

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

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

Как вставляют текст в картинки дизайнеры

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

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

Перейдем к делу. Открываем необходимую фотографию в фотошопе, кликнув по вкладке «Файл».

Как быстро вставить текст на картинку: инструкция для новичка

Согласитесь, с этим предложением.

Как быстро вставить текст на картинку: инструкция для новичка

Теперь нужно выбрать справа кнопку, отвечающую за «Текст». На ней буква «Т».

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

Теперь выберите цвет. Нажмите на эту плашку.

Как быстро вставить текст на картинку: инструкция для новичка

Откроется цветовая палитра, а все изменения сразу отобразятся на фотографии. Щелкайте по цветам и смотрите как будет лучше. Когда закончите нажмите «Ок».

Как быстро вставить текст на картинку: инструкция для новичка

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

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

Как быстро вставить текст на картинку: инструкция для новичка

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

Читайте также:  Как в Photoshop сделать красивую таблицу - пошаговая инструкция

Как быстро вставить текст на картинку: инструкция для новичка

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

Как быстро вставить текст на картинку: инструкция для новичка

Вам нужен jpeg.

Как быстро вставить текст на картинку: инструкция для новичка

Чтобы вставить эту картинку в вордовский документ, достаточно найти файл на компьютере и открыть его через стандартную программу, а затем нажать Ctrl+C (копирование).

Как быстро вставить текст на картинку: инструкция для новичка

Теперь открываем ворд и нажимает Ctrl+V (вставить). Щелкаем по картинке и дергаем за маркеры, чтобы увеличить размер.

Как быстро вставить текст на картинку: инструкция для новичка

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

Упрощенный дизайнерский вариант

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

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

Если хотите попробовать работу в фотошопе, но пока не хотите скачивать программу на компьютер. Откройте сайт https://pixlr.com и выберите здесь Editor.

Как быстро вставить текст на картинку: инструкция для новичка

Сразу же измените язык на русский во вкладке Language.

Как быстро вставить текст на картинку: инструкция для новичка

Теперь откройте изображение.

Как быстро вставить текст на картинку: инструкция для новичка

И выберите текст. Тут на кнопке будет стоять не «Т», как в оффлайн версии, а «А». Разница пока невелика.

Как быстро вставить текст на картинку: инструкция для новичка

Откроется дополнительное поле, куда вам и нужно вставить свой текст.

Как быстро вставить текст на картинку: инструкция для новичка

Выбираете шрифт. Они тут будут предустановлены и ничего нового добавить вы не сможете. Измените размер, цвет и выравнивание.

Как быстро вставить текст на картинку: инструкция для новичка

Чтобы написать текст на разных строчках, нужно сделать точно также и в самом окне. Посмотрите как  это сделано на рисунке. Когда закончите жмите «Ок».

Как быстро вставить текст на картинку: инструкция для новичка

Готово.

Совет начинающим верстальщикам и создателям сайта

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

Правильным решением будет работа в фотошопе. Ни к чему нагромождать публикацию и делать лишние телодвижения.

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

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

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

До новых встреч и удачи в ваших начинаниях.

Комментариев к статье: 2

  • Олег 2017-03-27 в 16:17

    Здравствуйте, Андрей. А как вот сделать так, чтоб при нажатии на картинку в статье она увеличилась для просмотра, а при повторном уменьшилась до исходного размера. Чтоб не было как у меня здесь u-znayki.ru/terminyi-cpa/, когда картинка открывается в новом окне.

    Кстати- а как вы публикуете статьи, присланные вам с картинками в ворде? Я делаю это так- u-znayki.ru/kak-vyidelit-risunok-iz-stati-v-vorde-i-sohranit-v-fayle/ Но думаю, что может быть еще проще. Если знаете- поделитесь в комментариях
    :smile:

    • Андрей Зенков 2017-03-28 в 00:30

      Привет, Олег! Для изображений я использую плагин — jQuery Colorbox. Что касаемо картинок из Ворда, то да у Вас описан самый верный способ, но мне изображения присылают только отдельным архивом, чего и Вам желаю :smile:

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

  • ;-)
  • :|
  • :x
  • :twisted:
  • :smile:
  • :shock:
  • :sad:
  • :roll:
  • :razz:
  • :oops:
  • :o
  • :mrgreen:
  • :lol:
  • :idea:
  • :grin:
  • :evil:
  • :cry:
  • :cool:
  • :arrow:
  • :???:
  • :?:
  • :!: