Главная » Полезное » Простой способ сделать надпись на картинке

Простой способ сделать надпись на картинке

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

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

выбор программы

и уже здесь найти и кликнуть Paint.

выбор Paint

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

открыть картинку

Допустим, я делаю сайт про дельтапланеризм. Для фона шапки я нашла кусочек неба и хочу написать на нем название «Небеса обетованные»:

картинка для ввода текста

Для того чтобы написать текст на этом изображении нужно сначала нажать букву «А» в панели инструментов (1), после этого под инструментами появятся две похожие картинки. Чтобы фон под текстом оставался прозрачным, и наша картинка с небом была видна целиком, надо нажать на нижнюю картинку (2). Если будет нажата верхняя картинка, то текст будет написан на белом (цветном) фоне. Нам, в данном случае, это не нужно.
Теперь нужно выбрать цвет текста. Над изображением вы видите разноцветные квадратики – это палитра цветов. Слева от палитры есть два наложенных друг на друга квадрата. Окраска верхнего квадрата показывает, какой цвет установлен в данный момент. Чтобы поменять цвет, нужно нажать на нужный в палитре цветов. Для моей картинки подходит белый цвет, поэтому я выбрала его (3).
В этой программе, прежде чем вводить текст, нужно создать для него поле по типу выделения, то есть «нарисовать» рамку. Для этого установите курсор там, где должен быть верхний левый угол рамки, зажмите левую кнопку мыши и, не отпуская кнопку, двигайте мышь по диагонали вниз, пока не получится рамочка нужного размера. Теперь кнопку можно отпустить.
Еще нам понадобятся инструменты изменения размера и вида шрифта. Для этого в верхней строке меню нажмите «Вид» и выберите «Панель атрибутов текста». Появится панель, в которой можно указать шрифт, его размер и вид:

ввод текста

Я выбрала полужирный шрифт Constanta с размером 36.
Введите текст. Если нужно его подвинуть по центру, установите курсор в начале текста и нажмите, сколько понадобится раз, клавишу «Пробел».

введенный текст

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

готовая картинка с текстом

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






Полезное
Понравился материал? Поделитесь с друзьями в социальных сетях, нажимайте на кнопочки!

10 комментариев

  • Валентина

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

    Ответить
    • Светлана Канаева

      На здоровье, конечно, но такие вещи все-таки лучше делать в Фотошопе.

      Ответить
  • Наталья Ковшикова

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

    Ответить
    • Светлана Канаева

      На здоровье, Наталья. Я и стараюсь писать все материалы именно для начинающих.

      Ответить
  • Anna

    Светлана, здравствуйте! Я хочу поблагодарить вас за такую нужную, для меня, но я думаю, что не только, особенно для начинающих, статью. Почему так говорю? Не умею пользоваться фотошопом. А вот столкнулась с проблемой надписи на картинке или фото. Рылась на других сайтах, взяла какие-то коды, ещё не пробовала их. Но вот нашла вас и…решила, что это то, что мне надо.Ещё раз вам СПАСИБО ОГРОМНОЕ!!! Желаю вам всего самого доброго и светлого. Удачи!!!Заходите на чашечку чая или кофе, буду вам искренне рада.

    Ответить
    • Светлана Канаева

      Здравствуйте, Анна. Рада, что мои статьи оказались для Вас полезными. А Фотошоп все-таки советую освоить, хотя бы на минимальном уровне. Очень полезный для блоггера навык. Я, например, даже не представляю, какими тусклыми были бы мои сайты и блоги, если бы не Фотошоп.

      Ответить
  • Anna

    Светлана, забыла сказать, что статью взяла в свою копилочку, чтобы всегда была под рукой.Я посмотрела темы ваших статей, для меня они очень интересны и полезны. Буду заходить теперь к вам почаще.Будьте здоровы и счастливы!

    Ответить
  • Anna

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

    Ответить
    • Светлана Канаева

      Достаточно перевести раскладку клавиатуры с русской на английскую.

      Ответить
  • нелли

    Спасибо Вам.Светлана ! Всё написано очень просто и доступно !!!

    Ответить

Ваш email не будет опубликован. Обязательные поля отмечены *
Имя *
Email *
Сайт
Ваш комментарий
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: