Как наложить текст на рисунок чтобы он был прозрачным

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

Здравствуйте, уважаемые читатели блога Start-Luck. Иногда очень простые действия вызывают массу неудобств и заставляют человека надолго задумываться: «А как, собственно, решить поставленную задачу?». Сегодня речь пойдет именно об этом.

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

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

Pixlr

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

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

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

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

Также вы можете воспользоваться сочетанием клавиш Ctrl+O.

Как и во многих программах и сервисах, функция добавления текста открывается при помощи иконки с большой буквой «А». Далее кликаете в любом месте картинки.

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

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

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

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

Готово. Осталось только сохранить, открыв категорию «Файл» в панели сверху и выбрать одноименный пункт в вывалившемся меню или же воспользоваться сочетанием клавиш Ctrl+S.

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

Полная версия Photoshop

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

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

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

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

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

Все шрифты, что отображаются в программе фотошоп – это те, что установлены на вашу операционную систему. Хотите добавить новые? Сделать это не так уж сложно, ссылку на обучающую инструкцию я уже дал.

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

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

Осталось только «Сохранить как…» все в той же вкладке «Файл» панели инструментов в верхней части программы. Кстати, возможно вам понадобится переместить текст. Для этого нажмите инструмент со стрелками, он располагается первым. Ну а для уменьшения или увеличения объекта используйте горячие клавиши Ctrl+T.

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

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

Вставить картинку в документ можно все также путем перетаскивания из папки.

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

Все в той же вкладке «Вставка» нажимаете на букву А, а затем выбираете стиль написания текста.

Осталось только ввести свой текст и готово.

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

Paint

Последний способ работы – программа Paint, от которой по слухам создатели Windows собираются отказаться в ближайшее время. Жмете на меню «Пуск», затем кликаете по папке «Стандартные» и там отыскиваете нужную программу, которая пока имеется в этом меню.

После того как прога будет открыта, открываете необходимый файл.

Жмете на иконку с буквой «А» и вставляете свою надпись.

Можно выбрать шрифт из тех, что уже есть в вашей системе Windows.

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

Сохранить результат работы можно в нескольких форматах – jpeg, png, gif, bmp и других.

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

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

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

На этом у меня все. Не забывайте подписываться на рассылку и группу Start-Luck Вконтакте . До новых встреч и удачи в ваших начинаниях.

Источник

Как наложить текст на фото без установок новых программ

Часто блогеры и владельцы сайтов сталкиваются с проблемой иллюстраций. Какие простые решения существуют для быстрого и качественного превращения картинки в стильный баннер или иллюстрацию для статьи? Рассмотрим наложение текста на примере онлайн-редактора Canva, в котором появился новый набор бесплатных шрифтов с поддержкой кириллического алфавита.

Как добавить текст к вашему фото

В этом случае перейдите в раздел “Моё” и добавьте в папку файл с вашего компьютера. После этого выберите подходящий по соотношению сторон формат из предложенных или воспользуйтесь кнопкой “Использовать специальные размеры” в правом верхнем углу. Затем просто перетащите ваше фото на макет.

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

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

Когда все готово, нажмите Скачать, выберите один из форматов – JPG, PNG, PDF – и сохраните файл на жесткий диск.

Работу с изображениями, видео, аудио и галереями в Уроках WordPress.

Создание иллюстрации с нуля

Этот путь отнюдь не долгий, как может показаться. Для каждого формата (баннер, запись в Инстаграм, открытка, пост для соцсетей и т.д.) редактор предлагает дизайнерские шаблоны, которые можно взять за основу и просто изменить в них несколько деталей. На всех шаблонах уже есть определенный текстовый блок. Вы можете выбрать композицию, которая подходит для вашего замысла – и слегка адаптировать ее под себя. В шаблонах редактируется все: от цвета и текстуры фона до фотографий и любых мелких деталей.

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

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

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

Источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вам нужен jpeg.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник