Как вставить текст в картинку в фотошопе – Добавьте текст на изображение в Photoshop Elements

Как вставить текст в фотошопе

Тема урока: Как вставить текст в фотошопе из другого документа. Вставляем на картинку готовый текст в заданную область.

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

Как вставить в Photoshop готовый текст

Выделяем и копируем привычным способом нужную фразу, например, сочетанием клавиш Ctrl+C.

Рис.1

В Photohop создаем новый документ или открываем картинку, на которой планируем сделать надпись.

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

Вставляем текст в заданную область

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

  • сочетанием клавиш Ctrl+V;
  • щелкнуть по картинке правой клавишей мышки, в появившемся окне выбрать Вставить;
  • по пути в меню Редактирование → Вставить.

Рис.2

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

Рис.3

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

Рис.4

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

Рис.5

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

Допустим, после завершения работы нас не устроило расположение фразы. Активным инструментом Текст щелкаем по буквам, рамка ввода снова становится активной и можно возобновлять работу. Изменим расположение поля – растягиваем/сжимаем стороны или углы рамки.

Рис.6

Почему не нужно вставлять текст строкой

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

Инструментом Текст щелкаем в точке начала предложения и вставляем скопированную ранее фразу одним из способов, указанных выше (описание к рис.2). Вот что получается:

Рис.7

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

Так же читайте:
Как установить шрифты в Фотошоп
Как обвести текст
Как написать текст
Группа инструментов Текст


hissite.ru

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

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

  • Графический редактор Adobe Photoshop.

Инструкция

Запустите Photoshop и загрузите в него изображение, в которое следует добавить надпись. Эти две операции можно совместить — кликните правой кнопкой мыши по нужной картинке в «Проводнике» или на рабочем столе. Во всплывшем меню раскройте раздел «Открыть с помощью» и выберите пункт Adobe Photoshop.

Выберите на панели инструментов «Горизонтальный текст» либо «Вертикальный текст» — они закреплены за иконкой с изображением буквы «Т». Это можно сделать и с клавиатуры, достаточно нажать клавишу с русской литерой «Е» или латинской T.

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

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

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

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

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

Щелчком по прямоугольнику у надписи «Цвет» раскройте палитру и выберите нужный оттенок окраски надписи.

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

Сохраните изображение с нанесенной надписью. Проще всего диалог сохранения вызвать одновременным нажатием клавиш Ctrl и S.

www.kakprosto.ru

Как вставить текст на картинку: в ворде и фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вам нужен jpeg.

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

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

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

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

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

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

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

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

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

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

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

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

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

Готово.

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

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

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

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

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

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

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

start-luck.ru

Как вставить картинку в текст в фотошопе: инструкция для новичков

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

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

Это самый простой прием, который только можно придумать, поэтому много времени у вас не займет ни чтение этой статьи, ни работа с Photoshop.

Создаем новый документ

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

Итак, после того как вы нажали «Файл» — «Создать». Перед вами появится форма, в которой вы можете выбрать тип документа из целого списка: международный формат бумаги, фото, web и так далее. Каждый из этих типов делится на различные подвиды, к примеру, web на большой баннер, стандартную интернет-страницу, MacBook. Международный формат – A3, A4, А2.

В чем преимущество этого метода? Вам не придется заморачиваться с размерами, искать их в интернете. Все заранее подготовлено.

Работа с текстом

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

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

Теперь выбираем цвет букв. Вы можете выбрать их панели сверху или меню слева.

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

Чтобы применить изменения, щелкните мышью по слою в панели справа.

Чтобы увеличить или уменьшить блок с текстом используйте сочетание клавиш Ctrl+T. Я уже подробно писал об этом сочетании. Дальше тяните за края в разные стороны и кликните на Enter как только закончите.

Работа с изображением

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

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

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

Вам просто нужно нажать enter, чтобы применить изменения к размеру картинки, а затем поменять слои местами.

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

Чтобы поместить картинку в нужное место в фотошопе есть инструмент «Перемещение», также вы можете использовать для этой цели тот же способ, что и работает с изменением размера картинки – Ctrl+T.

Если вам нужно поместить картинку между словами, вы можете растянуть расстояние между ними при помощи изменений параметров. Меню открывается при нажатии на иконку с папкой.

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

. Перемещая один из объектов или изменяя его размеры, второй остается неизменным.

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

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

start-luck.ru

Как вставить картинку в текст

Сейчас у нас активен дубликат, поэтому зажимаем клавишу Gtrl и кликаем по кнопке создания нового слоя, расположенной внизу палитры слоёв. В Панели слоёв появился новый слой, расположенный

под дубликатом:

k

На данный момент новый слой полностью пустой. Давайте заполним его белым цветом. Для этого сначала нажимаем на буквенную клавишу D, при этом в цветовой палитре цвета вернулись к дефолтным, т.е. чёрный — цвет переднего плана, а белый — фоновый. Для заливки слоя фоновым цветом нажимаем комбинацию клавиш Ctrl+Delete (или Ctrl+Backspace).
При этом вид основного документа не изменится, так как верхний слой блокирует просмотр находящегося под ним белого, но в Панели слоёв видно, что слой залит белым:

k

Кликните по самому верхнему слою в Панели слов для его выбора, на инструментальной панели выберите инструмент «Текст» (Type Tool) и тир шрифта. Как правило, этот эффект лучше применять к шрифту с толстыми буквами. Я сейчас собираюсь выбрать шрифт Arial. Кстати, на данный момент не беспокойтесь по поводу размера шрифта.

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

Итак, на данный момент у нас активен инструмент «Текст», выбран шрифт и его цвет. Сделайте надпись на основном документе, поскольку я использую фото Гавайев, я собираюсь набрать слово «HAWAII»:

k

Когда закончите ввод текста, нажмите на галочку в панели параметров для применения действия инструмента.

Нажмите клавиши Ctrl+T для активации инструмента «Свободная трансформация» и используя маркеры на углах рамки трансформации, растяните текст по всему изображению:

к

Для применения действия инструмента нажмите клавишу Enter.

Перетащите тестовый слой так, чтобы он оказался под верхним слоем (под «Слой 1»):

k

Снова кликните по верхнему слою и создайте обтравочную маску. Для создания обтравочной маски зажмите клавишу Alt и наведите курсор между слоями в Палитре, при этом курсор изменит отображение. Кстати, вид значка создания обтравочной маски в CS6 отличается от версий ниже. На рисунке ниже я привёл отображение значка в CS6 (cлева) и в CS5 и (справа):

kak

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

kak

Можно ещё для красоты и придания объёма тексту добавить стили слоя, «Тень» (Drop Shadow) и «Внутреннюю тень» (Inner Shadow):

Как вставить картинку в текст

rugraphics.ru

Методы ввода текста в Photoshop

На углах и в серединах сторон рамка имеет маркеры для изменения её размера, изменение размера рамки маркерами мы рассмотрим позже:

20

После того, как Вы создали ​​текстовое поле, в левом верхнем углу рамки вы увидите мигающий текстовый маркер (при условии, что вы используете по умолчанию опцию выравнивания текста «выровнять слева»). Теперь можно начинать печатать:

21

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

Если Вам необходимо изменить положение текстового поля внутри документа во время добавления текста, переместите курсор мыши в любое место за пределы поля. Вы курсор временно изменит свой вид с «двутавровой балки» на стрелку от инструмента «Перемещение» (Move Tool). Нажмите левую клавишу мыши и перетащите текстовое поле в новое место, затем наведите курсор на текстовое поле и продолжите ввод:

22

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

23

Также, как и при первом способе набора текста, после его принятия, Phоtoshop переименовывает текстовый слой по первым буквам фразы:

24

Чтобы показать текстовое поле снова, кликните в любом месте по тексту при активном инструменте «Текст», и поле вновь появится вокруг него.

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

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

25

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

Как вставить текст в фигурную или произвольную область в Photoshop

Коме того, в Photosop имеется возможность вставить текст в область, имеющую не только прямоугольную, но и любую геометрическую форму.

Область для ввода текста в Photoshop можно создать с помощью векторных инструментов «Эллипс» (Ellipse Tool), «Произвольной фигуры» (Custom Shape Tool) и пр., «Пера» (Pen Tool), кроме того, в контур можно конвертировать выделенную область.

Если навести курсор текстового инструмента на контур, (на рисунке ниже я нарисовал контур Пером), вокруг курсора появится пунктирный круг:

26

Теперь надо кликнуть внутри контура и ввести свой текст:

26

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

rugraphics.ru

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

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

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

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

Ну что ж, приступим?

Пара слов о выборе картинки

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

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

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

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

Ну и если вам нужна картинка, но вы всерьез боитесь преследования со стороны закона, то можете посмотреть текстуры на сайте photoshop-master. Кстати, здесь вы можете найти не только бесплатные текстуры, но и шрифты, рамки, кисти, градиенты, узоры, стили и много всего, что прокачает ваш Photoshop.

С этим вроде разобрались. Теперь давайте приступим к наложению.

Как создать текст

Первым делом вам нужно открыть свою заготовку. Открываем картинку в фотошопе.

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

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

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

Далее, перенести текстовый слой мышью.

Зажмите Alt и поместите курсор между этими двумя слоями. Он должен визуально измениться. Щелкните левой клавишей мыши.

Вы создали маску слоя. Все почти готово. Осталось только добавить фон. Создайте новый слой при помощи сочетания клавиш Ctrl+Shiht+N или кнопки в меню слоя.

Поместите его под текст.

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

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

Готово.

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

Видео инструкция

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

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

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

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

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

start-luck.ru

Оставить комментарий

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *