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

Содержание

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

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

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

Обтекание картинки текстом в фотошопе:

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

Вариант 1.

1. Выбираем инструмент “перо”. Рисуем нужный нам контур, последовательно от угла к углу, замыкаем в конце.

2. Выбираем инструмент “текст”. Подводим курсор к краю созданного пером контура, пока не увидим курсор как на скриншоте (обведен красным), кликаем.

После этого можно набирать текст, либо откуда-то вставлять. Он будет автоматически располагаться внутри созданного вами контура. Результат ниже.

Стоит отметить, что форма контура может быть совершенно любой, вовсе не обязательно прямоугольной!

Вариант 2 – отличается лишь способом создания контура.

1. Выбираем инструмент “выделение области” (в данном случае прямоугольной).

2. Далее, зажав “shift” выделяем еще области, дополнительно к выделенной, чтобы получить нужную форму контура, в котором должен разместиться текст.

3. Жмем правую кнопку на контуре и выбираем “образовать рабочий контур”. После этого повторяем пункт 2 из варианта 1. И все – тот же результат.

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

 

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

с уважением,  Agor

Непременно поделитесь с друзьями!

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


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

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

Какие есть способы

И так, с чего же нам начать? Ну конечно же, с открытия программы. Шучу, шучу! Вы и без меня это прекрасно знаете. Я уверен на все тысячу процентов! А теперь перейдем к более серьезным вещам и оставим шутки в стороне.

Перечисляю все способы, с помощью которых можно это сделать:

  1. Перетаскивание изображения из вкладки во вкладку
  2. Копирование и вставка через буфер обмена — Ctrl+C — Ctrl+V
  3. Команда «Поместить»
  4. Перетаскивание из папки компьютера

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

С чего начать?

Для того, чтобы приступить к разбору того, как в фотошопе вставить картинку в картину, требуется совсем немногое. Для начала, конечно, нужно установить саму программу Photoshop и запустить её. Затем начинается работа с изображениями.

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

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

Что бы ни было выбрано в качестве основы, этот файл необходимо открыть в программе Photoshop. Это можно сделать с помощью пунктов Файл – Открыть, или же просто перетащить выбранный объект прямо в рабочее поле.

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

Самый простой способ – перетаскивание из вкладки

Допустим, у вас открыты 2 вкладки с фотографиями, и вам нужно сделать, чтобы обе фотографии были в одном окне. Нужно нажать клавишу «V», таким образом вы перейдете в режим «Перемещение». Или нажать на панели этот значок:

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

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

Как «разморозить» изображение PNG

И ещё одно небольшое дополнение. Если вы используете изображения в формате jpeg, то проблем с перемещением картинки в картинку возникнуть не должно. Но я, например, использовал png формат. И в окне «Слои», слой с картинкой был закреплён. Это видно по иконке закрытого замочка на слое с изображением png.

В такой ситуации я ничего не мог делать с изображениями. Для того чтобы снять это ограничение, нужно поступить следующим образом: преобразовать изображение в цветовой режим RGB 8 бит/канал.

Как это сделать? Очень просто: кликнуть в горизонтальном меню по ссылке «Изображение», далее — «Режим» и отметить галочкой строку RGB. Теперь в окне «Слои» клацнем по слою с картинкой два раза и в появившемся окне нажмём «ОК». И далее работаем с изображением.

Копирование

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

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

Используем кнопки Ctrl+C для копирования выделенной области.

Отправляемся на вкладку фона, щелкнув по ней левой кнопкой мышки, и нажимаем Ctrl+V для вставки. На рабочей поверхности, в центре изображения появляется скопированное фото. Оно будет на новом слое.

Инструкция

Итак, мне понадобится 2 изображения. В качестве фонового изображения, внутрь которого я буду вставлять другую картинку, возьмём вот такой шаблон. Назовём его — изображение №1.

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

В качестве второго изображения возьму фото Джека с мячиком.

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

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

Теперь откроем в Photoshop изображение №2 и полностью выделим, нажав сочетание клавиш «Ctrl+A». Вы увидите пунктирное выделение картинки в активном окне. Теперь просто скопируем картинку в буфер обмена, нажав «Ctrl» и «C».

Далее вставим картинку №2 в фоновое изображение №1. Но сочетание клавиш «Ctrl+V» в этом случае не сработает. В Photoshop есть для этого функция «Специальная вставка», которая вызывается из пункта «Редактирование» верхнего меню.

Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню «Редактирование». Далее в выпавшем списке наведите курсор на строку «Специальная вставка» — появится ещё одно подменю, где щёлкнете по строке «Вставить в». Либо, вместо вызова из меню, нажмите сочетание «горячих» клавиш «Alt+Shift+Ctrl+V».

Обратите внимание на панель слоёв (у меня она находится справа). Над слоем фонового изображения (Слой 0) появился ещё один слой (Слой 1) с картинкой №2 и миниатюрой слоя-маски. Белый прямоугольник миниатюры слоя-маски — это и есть область выделения в картинке №1, которую мы ранее создали.

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

Встав на Слой 1 и выбрав инструмент «Перемещение», мы можем двигать картинку №2 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.

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

Команда Поместить

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

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

Нужно перейти на вкладку фона. Открываем меню «Файл» в верхнем левом углу страницы. В открывшемся списке находим пункт «Поместить встроенные».


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

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

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

Вставляем изображение в картинку и уменьшаем

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

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

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

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

Перетаскиваем из папки

А вот и финишная прямая! Четвертый способ – перетаскивание файла из папки компьютера.Это более простая версия предыдущего способа. Итогом также будет смарт-объект, но нам не нужно заходить в меню. Для этого нам нужно найти нашу картинку в папке, затем зажать ее мышкой и перетащить в окно фотошопа.

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

Либо вы можете перетащить картинку прямо в окно программы, если у вас папка с фото открыта прямо поверх фотошопа.

Вставка перетаскиванием

Смотрите также: “Как наложить текстуру на фото в Фотошопе”

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

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

Другой нюанс: если есть разница в разрешении между исходным документом и перемещаемым, размеры не будут совпадать. К примеру, в рабочей области изображение составляет 72dpi, а которое открывается – 300dpi. Второе фото/картинка будет меньше.

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

Вставка изображения отдельным слоем

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

На первоначальную картинку можно добавлять сразу несколько слоёв (изображений).

Чтобы скопировать одну картинку во вторую, откройте оба изображение как новые проекты в Photoshop. Теперь нужно выполнить перемещение между вкладками.

Вкладки проектов расположены в верхней части окна, под главной панелью меню.

Рис. 9 – внешний вид панели вкладок

Откройте вкладку проекта с изображением, на которое нужно добавить вторую картинку. Теперь перетащите вторую вкладку на любую область открытой первоначальной картинки.

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

В проекте будет автоматически добавлен новый слой для вставленного объекта.

Рис. 10 – добавление картинки в картинку

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

Рис. 11 -перетаскивание фото из одной области в другую

В результате вы сможете изменить положение перемещённого фото.

Рис. 12 – результат вставки фото с другой вкладки

Ещё один способ вставки – использовать проводник компьютера. Откройте в программе Фотошоп первое фото.

Затем найдите на панели главного меню раздел «Файл». Нажмите на пункт «Поместить».

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

Измените масштаб добавленного объекта, затем кликните на свободной области, чтобы применить изменение.

Рис. 13 – использование команды «Поместить…»

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

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

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

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

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

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

Этап трансформации

Когда возникает ситуация, что вставленный объект очень большой и не сочетается с пейзажным снимком, нужно выполнить масштабирование. В помощь придёт инструмент, который называется «Свободное трансформирование». Он позволит отредактировать размер вставленного объекта. Мы брали для примера птицу. Нужно её выделить и сдвинуть так, чтобы она не оставалась за кадром.

Кнопками Ctrl+A выделите слой с птицей и нажмите Ctrl+Т для редактирования. Чтобы уменьшить объект, достаточно потянуть мышкой за угол прямоугольника, который появляется по контуру выделенного изображения. Для пропорционального масштабирования в Фотошопе нужно удерживать во время операции клавишу Shift. Чтобы завершить операцию, нажмите «Применить».

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

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

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

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

Картинка наша открыта. Я предлагаю не просто наложить текст, а создать красивую открытку. Почему бы и нет? Давайте напишем поздравление. Слева вы найдете панель инструментов, на которой имеется пиктограмма «текст». Она-то нам и нужна.

Кликаем по ней. А затем по картинке. И пишем!

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

Для начала изменим цвет шрифта. Ставим курсор в конец текста. И выделяем, протягивая его к началу.

На верхней панели ищем иконку, кликаем. И выбираем цвет.

Я выбрала темно серый, почти черный цвет. Нажимаем на «ок» справа и цвет надписи меняется.

Мы не просто наложили текст на картинку, но и заменили его цвет. Давайте же расположим его красиво. Для этого ставим курсор после слова «рождения» и нажимаем enter на клавиатуре.

Давайте заменим шрифт. Снова выделяем текст, как было описано выше.

На верхней панели выбираем нужный из выпадающего списка.

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

А теперь подвинем надпись чуть правее. Для этого на панели инструментов ищем «перемещение». Делаем клик по надпись, и, не отпуская клавишу, оттягиваем надпись туда, куда нам хочется.

Теперь нам следует нажать комбинацию клавиш ctrl+shift+e. Слои сведутся в один. И сохраняем. На верхней панели имеется уже знакомая нам вкладка «файл – сохранить как».

Задаем имя. В выпадающем списке ниже выбираем формат jpg.

Наша открытка готова.

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

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

Чтобы сделать красивую надпись, можно сделать картинку в тексте. Сделать это довольно просто.

Для начала надо создать новый документ. Задайте ему размер 655х400 пикселей.

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

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

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

ObelixPro. Цвет установите любой, нам цвет потом вообще не нужен, вместо него будет картинка.

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

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

Вставка картинки

Шаг 6 Подготовка.

Создайте новый слой Ctrl+Shift+N . Откройте в фотошопе картинку, которую хотите поместить внутрь текста. Для этого выберите команду Файл — Открыть (или Ctrl+O ). Откроется окно проводника. Выберите заранее подготовленную картинку. В качестве картинки можно выбрать любое изображение, элементы которого впоследствии разукрасят буквы текста на первом слое. Также это может быть текстура или вообще любая графика.

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

Итак, вы добавили картинку к проекту с текстом. Она должна была появиться на новом слое. Установите для этого слоя непрозрачность порядка 60 — 70%. Это нужно для того, чтобы видеть, где расположен ваш текст.

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

Можно вернуть непрозрачность до 100%.

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

Сделайте инверсию выделение, нажав Ctrl+Shift+I . В результате получим выделение не самих букв, а все остальное пространство.

Выберите слой, содержащий картинку и нажмите клавишу Delete . Затем снимите выделение = Ctrl+D .

Ранее уже говорилось о группе инструментов Текст– где находится и как настраивать.

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

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

Добавляем текст

Для начала рассмотрим, как вставить надпись в Photoshop, чтобы затем заниматься её обработкой. Последовательность действий такова:

  1. Создаём новый рисунок или открываем тот, на который хотим добавить надпись.
  2. Кликаем по иконке «Т» в левой панели инструментов.
  3. Выбираем, в каком направлении будет идти надпись – горизонтально или вертикально.
  4. Пишем желаемый текст.
  5. Растягиваем поле до желаемых размеров, перемещаем на нужное место.


Мнение эксперта
Василий

Руководитель проекта, эксперт по модерированию комментариев.

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

Создайте и раскрасьте текст

Шаг 1

Откройте фото (или картинку), которую будете использовать:

Шаг 2

Давайте выберем цвет. При добавлении текста на картинку мы будем использовать цвет с фотографии. Откройте «Палитру цветов», используя «Пипетку» выберите темное дерево на бочке:

Шаг 3

Выберите инструмент «Текст». Я использую сжатый шрифт «Bernard MT Condensed».

Я собираюсь напечатать «PHOTOSHOP CAFE» и перетащить надпись на бочку:

Шаг 4

Самый быстрый способ изменить размер текста – нажать Ctrl-T (или Command T на Mac), зажать клавишу Shift, а затем растянуть текст в соответствии с пропорциями бочки:


Нажмите «Enter», чтобы сохранить изменения.

Делаем обтекание текстом

Шаг 5

Перед тем как добавить текст на картинку в Фотошопе, нажмите правой кнопкой мыши на текстовом слое в панели «Слои» и выберите пункт «Растрировать текст». Это действие преобразует текст в пиксели, чтобы мы могли искажать их:

Шаг 6

Нажмите Ctrl/Cmd -T чтобы вызвать команду «Свободное трансформирование». Щелкните правой кнопкой мыши и выберите инструмент «Деформация». Он отлично работает на закругленных поверхностях:


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

Потяните за края, чтобы выглядело так, как будто буквы повторяют контур бочки. Совет: используя инструмент «Деформация», можно щелкать по точкам или растягивать объект внутри сетки:


Нажмите «Enter», чтобы сохранить изменения:

Наложение текстуры на текст

Последнее, что нужно сделать, чтобы добавить красивый текст на картинку – это наложить на текст текстуру. Для этого мы изменим «Режим наложения».

Шаг 7

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


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

Редактируем надпись

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

Отредактировать надпись можно по следующему алгоритму:

  1. Выделяем слой, который содержит символы, и нажимаем на «Т» в панели инструментов.
  2. Нажимаем на выпадающий список в левом верхнем углу. В нём будут отражены те шрифты, которые установлены в системе. Если системные шрифты не подходят, можно скачать дополнительные. Для этого нужно найти интересующий в Интернете в формате TTF или OTF, после чего вставить его в папку «Шрифты» в «Панели управления».
  3. Выделяем текст и нажимаем на прямоугольник сверху для того, чтобы сменить оттенки. Оттенок можно выбрать вручную с использованием палитры. Если есть заранее подготовленные параметры, то их нужно ввести в соответствующее поле.
  4. Для переворота строки необходимо кликнуть по «Т» со стрелками.
  5. Изменить начертание можно посредством выделения надписи и выбора интересующих пунктов. В этом же меню можно настроить параметры сглаживания – плавное, жёсткое, насыщенное, чёткое.

Вечная классика или как сделать фотографию, которая понравится всем

Поиграем в идиотов. Я сейчас скажу, а вы сделаете вид, что это для вас новая информация. Фотошоп можно найти в онлайн версии: https://editor.0lik.ru/, скачать себе взломанный на компьютер или купить лицензионную версию.

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

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

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

Будьте аккуратны с цветами. Черный и белый – практически всегда выигрышны. Плохо разбираетесь в сочетаниях – используйте их, не старайтесь извратиться с фиолетовым, красным и серо-буро-козявчатым.

Текст красив на контрасте. На белом или светлом фоне лучше выглядит черный, на темном – белый. Знаю умников, которые считают, что кто-то будет вглядываться в изображение, ради того, чтобы узнать, что же хотел сказать автор. Акститесь, такого не будет никогда. Вы боретесь за внимание читателя, а он волен выбирать из 1000 предложений. Вы обязаны обеспечить ему комфорт и удобство, если хотите, чтобы он полюбил именно ваш сайт или проект.

Эффекты

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

Пример работы с эффектами:

  1. Нажимаем правой кнопкой на слое со знаками.
  2. Переходим в «Параметры наложения».
  3. В появившемся списке жмём на «Создать обводку».
  4. Задаём параметры рамки – её оттенок, ширину, расположение, прозрачность и т. д.
  5. Нажимаем на «Тип», чтобы поменять фактуру. Доступны «Цвет», «Узор» и «Градиент». Градиент, к примеру, позволяет создавать многоцветный текст.

Добавление рамки – это простейшее действие. Разобравшись в меню «Эффекты», вы сможете добавить тень, поработать с освещением, наложить глянцевый эффект и т. д. Результат отображается сразу после применения какого-либо инструмента.

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

Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

Одновременно с появлением вертикального курсора в палитре Layers (Слои, для открытия нажимаем F7) автоматически образуется новый текстовый слой, который выделен синим цветом, что означает активирование слоя .

Все дальнейшие действия с текстом (выбор шрифта, размера шрифта, цвет шрифта и другие настройки) будем выполнять только при активированном слое текста.

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

Объём и деформация

Photoshop позволяет создавать из знаков объёмные фигуры. Для этого:

  1. Выбираем слой и нажимаем на «3D».
  2. Переходим в меню «Новая сетка из градаций серого» и выбираем интересующие характеристики.
  3. Используем параметр «Новая структура» для изменения слоя. К выбору доступна «пирамида», «куб», «шар» и другие фигуры.

Надпись можно деформировать – для этого нужно кликнуть по искривлённой «Т» и перейти к пункту «Деформировать». Текст можно выстроить дугой, волной, аркой или любым другим способом.

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

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

Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

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

Стиль слоя Тень (Drop Shadow)

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

Первый шаг – подберите соответствующий цвет для текста.

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

Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха (Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.

Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).

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

Обновлен: 16 ноября 2015

– 0 – 8681Как обработать фото в фотошоп. >
Скачать урок

Этот урок можно скачать
в составе одного из наших продуктов:

В данном видеоуроке мы расскажем вам, как добавить текст на изображение в Photoshop CS6.

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

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

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

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

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

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

Оглавление

1.Как убрать прыщи в Фотошопе?4:5094155
2.Как изменить цвет глаз в Фотошопе?2:27429297
3.Как изменить цвет волос в Фотошопе?3:391141840
4.Как изменить фон в Фотошопе?4:216296792
5.Как сделать фотографию черно-белой в Фотошопе?4:09120123
6.Как обрезать фотографию в Фотошопе?3:091103816
7.Как установить плагин для Фотошопа?3:0941723
8.Как добавить кисти в Фотошоп?2:2919452
9.Как вырезать объект или человека в Фотошопе?4:222190188
10.Как сделать кожу идеальной в Фотошопе?4:3588587
11.Как установить шрифты в Фотошоп?3:0356089
12.Как создать новый слой в Фотошоп?1:5427989
13.Как сделать Gif-анимацию в Фотошопе?4:05153237
14.Рисуем зомби в Photoshop3:34519610
15.Как сделать скриншот?1:3917293
17.Как уменьшить вес фотографии2:065057
18.Как уменьшить размер фотографии1:075757
19.Как две фотографии соединить в одну1:1344109
20.Как сделать панорамное фото?1:489393
21.Как сделать фото из видео?1:4821730
22.Как скачать Photoshop?2:1929657
23.Основные отличия Photoshop® CS6 от CS51:543700
24.Как быстро переместить объект на фотографии в Photos.1:307742
25.Как добавить текст на фотографию в Photoshop® CS61:238681
26.Как обработать фото в фотошоп CS61:3115916
27.Как отбелить зубы в Photoshop® CS61:257648
28.Как сделать красивую фотографию в Photoshop® CS61:4517467
29.Как сделать красивые, яркие глаза в Photoshop® CS61:26224422
30.Как создавать HDR изображения в Photoshop CS61:168127

© TeachVideo.ru 2020, Все права защищены

  • О проекте
  • Контакты
  • Реклама на сайте
  • Пользовательское соглашение
  • FAQ

Разработка сайта и техническое сопровождение

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

Что обычный пользователь делает, когда в документе Word нужно поместить текст на изображении? Правильно, применяет разные графические редакторы от стандартного Paint до мощного PhotoShop, а на это тратится время и результат может не порадовать. Но существует несколько вариантов вставки в картинку текста в ворде, который будет смотреться оригинально, в самом Word не прибегая к применению других программ.

Приведенная инструкция познакомит с приемами создания любых надписей на изображении.

Способ №1: текстовый блок

Итак, предположим, что в документе уже присутствует нужный рисунок и на нем осталось лишь разместить несколько предложений или список. Как это сделать? Для каждого релиза текстового редактора схема отличается, но незначительно.

  • Word 2007. Откройте вкладку «Вставка», нажав соответствующий пункт на панели. Теперь отыщите в ленте блок «Текст», кликните кнопку «Надпись».
  • Word 2010, 2013, 2016. Все действия совершаются в этой же панели и группе, но названия элементов ленты немного другие. Здесь найдите кнопку «Текстовое поле».
  • После этого развернется меню с набором готовых шаблонов. Тут нажмите «Простая надпись» (это будет первый пример в окне). В результате на листе отобразится рамка с образцом текста.

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

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

    Теперь надо убрать белый фон и обрамление. Для этого просто кликните по надписи и перейдите во вкладку «Формат». Отыщите и щелкните в группе «Стили» по кнопке «Заливка фигуры». Выпадет меню, где выберите пункт «Нет заливки», и фон отключится.

    Осталось убрать рамку. В этой же группе кликните «Контур фигуры», а в списке нажмите «Нет контура». Команда отключает обрамление.

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

    Способ №2: объект Вордарт

    Есть еще один интересный прием создания надписи — вставка объекта WordArt. По сути, это такое же текстовое поле, только имеющее более интересную стилизацию шрифта (с тенью, отражением, объемом и так далее).

    Во вкладке «Вставка» щелкните кнопку «Добавить объект WordArt» в виде голубой повернутой буквы А. Отобразятся наглядные примеры. Выберите, что подходит к изображению и просто кликните по образцу.

    Теперь введите нужную информацию в блоке и перетащите полученное на картинку.

    Способ №3: обтекание текстом

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

    На вставленной картинке щелкните правой кнопкой и выберите в контекстном меню строку «Обтекание текстом». Далее, нажмите пункт «За текстом».

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

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

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

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

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

    Pixlr

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

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

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

    Сейчас я постараюсь показать вам основные функции утилиты. Для работы с картинкой вам потребуется Pixlr Editor , а не Express, ссылка на него находится слева.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Paint

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

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

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

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

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

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

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

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

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

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

    НАЛОЖЕНИЕ ТЕКСТА НА ИЗОБРАЖЕНИЕ – используя представленный бесплатный функционал, вы можете самостоятельно создавать картинки с текстами без использования графических редакторов на своем компьютере.

    При возникновении проблем с созданием картинок, пожалуйста, пишите в группу:

    Поместите изображение внутри текста с помощью Photoshop

    В этом уроке мы будем использовать Photoshop, чтобы поместить изображение внутри текста. Для этого требуется обтравочная маска, которую легко сделать, если вы знаете, как это сделать. Для этих снимков экрана использовался Photoshop CC 2019, но вы сможете использовать его вместе с другими версиями.

    Инструкции в этой статье относятся к Photoshop CC 2019.

    Как разместить изображение внутри текста

    1. Откройте файл изображения в Photoshop.

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

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

    4. Выберите инструмент Horizontal Type на панели инструментов Tools , обычно расположенной слева, щелкните один раз на прозрачном фоне и введите слово заглавными буквами.В этом руководстве мы используем Lifewire .

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

    5. Шрифт должен быть полужирным, поэтому мы выберем Window > Character , а с выбранным инструментом Horizontal Type и выделенным текстом измените шрифт на панели Character на Arial Black или другой большой и жирный шрифт.

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

    7. Далее нам нужно настроить отслеживание. Отслеживание регулирует расстояние между буквами в выделенном тексте или блоке текста. На панели Символ введите -150 в поле Установить текст отслеживания . Впрочем, вы можете вводить разные числа, пока вам не будет удобнее расстояние между буквами.

      • Если вы хотите отрегулировать расстояние только между двумя буквами, вы можете использовать кернинг. Чтобы настроить кернинг, поместите точку вставки между двумя буквами и установите значение в поле Metrics for Kerning , которое находится слева от поля Set Tracking text .
    8. Выделив текстовый слой на панели Layers , выберите Edit > Free Transform . Сочетание клавиш для этого: Ctrl + T на ПК и Command + T на Mac.Текст будет окружен ограничивающей рамкой.

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

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

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

    11. Выделив слой изображения, выберите Layer > Create Clipping Mask ( Alt + Ctrl + G ).Это поместит изображение внутрь текста.

    12. Выбрав слой изображения на панели Layers , выберите инструмент Move на панели инструментов Tools . Выберите изображение и перемещайте его, пока вам не понравится его расположение внутри текста.

    13. Теперь вы можете выбрать Файл > Сохранить и назвать это готовым или продолжить, чтобы добавить некоторые последние штрихи. Вы можете сделать цветной фон, добавить контур к тексту или применить множество других эффектов, чтобы сделать изображение еще более интересным.

    Спасибо, что сообщили нам!

    Расскажите, почему!

    Другой Недостаточно подробностей Трудно понять

    Как разместить фото внутри текста



    Другие материалы… подписывайтесь на меня:

    «Просто примечание, чтобы сказать, что я ЛЮБЛЮ ваш сайт! Кажется, есть несколько элементов PS обучающие сайты, но ваш, безусловно, самый ясный и легкий для понимать. Спасибо! »- Элли


    «Просматривая ваши учебники даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое.Большое спасибо! »- Дуглас


    «Я очень рада найти такие полезные и понятные информация по использованию Photoshop Elements. Я не могу дождаться, чтобы использовать твой учебные пособия (особенно с моей одержимостью скрапбукингом) »- Джуди в MS


    Хорошо день Рик: «Я очень ценю ВСЕ, ВСЕ ваши уроки. Очень, очень ясно а также полезные советы, приемы и практические приемы в PSE9. Отличный отличный работа! »- Хоан


    «Любите ваши учебники на YouTube.Очень понятно и полезно. Большое спасибо. «-
    Rich


    «Я люблю твои видео! Они были такой БОЛЬШОЙ помощью. Я купил чайников книга, и это нормально, но я лучше смотрю, а не читаю. Престижность к вам! «- Ура, Кэти


    «Спасибо за этот сайт! Я нашел его в одном из ваших видео на YouTube.
    Еще раз, большое вам спасибо!» — Ванесса


    «Это действительно щедрый и достойный восхищения сайт!» — Ура, Йонас


    «Привет Рик! Сначала я должен сказать спасибо за всю информацию, которую вы Поделиться.Не могу дождаться, чтобы увидеть «советы и рекомендации», над которыми вы работаете потому что похоже, что это поможет всему собраться вместе.
    Я просмотрел несколько ваших руководств и многому научился. Я не могу похвалить вас за ваше время и терпение »- Вики.


    «Ваш сайт — отличный сервис, и я благодарю вас!»
    — С уважением, апрель


    «Большое спасибо вам и вашему веб-сайту, а также за информацию и помощь, которые я получил от
    , это очень ценно.»- Роб


    Рик — «Большое спасибо за ваш совет, который я приму. Большое спасибо, как хорошо для вас исключительно хорошие учебные пособия. Кажется, у вас есть удивительное умение заставлять сложные задачи казаться легкими и простой. Я фанат! »- С наилучшими пожеланиями, Тони


    «Намного полезнее, чем книга PS Elements 9 для чайников …. Большое спасибо за ваш сайт .. действительно легко следить.» — Карин


    Привет Рик.Просто хотел сказать большое спасибо за все отличные информация, содержащаяся в ваших учебных пособиях. Я наткнулся на PS9 для прошло уже несколько недель, и я не могу поверить, насколько легко вы объясняете разные аспекты. Это способ, намного более мощный, чем я представлял, и теперь для меня тоже можно использовать. Большое, большое спасибо из Великобритании. — Парень

    Как поместить изображение внутри текста в Photoshop с помощью обтравочной маски

    * Обновлено в декабре 2020 г. *
    В этом коротком руководстве по Photoshop мы рассмотрим, как сделать изображение внутри фрагмента текста.

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

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

    Вот как будет выглядеть наше окончательное изображение.

    Что такое обтравочная маска в фотошопе?

    Обтравочная маска — это объект, например мазок кисти, фигура или буква, форма которой маскирует изображение на другом слое, так что видны только те части изображения, которые находятся внутри обтравочной маски.Чтобы сделать обтравочную маску, нам понадобится два слоя. Форма на нижнем слое определяет то, что видно на слое над ним. Прозрачные пиксели нижнего слоя маскируют (или скрывают) содержимое верхнего слоя. Это похоже на идею использования трафарета с краской или чернилами.

    Давай маскируем!

    1. Откройте изображение в Photoshop. Я использую пляжную сцену. Если вы хотите продолжить, вы можете бесплатно получить эту красивую фотографию Спенсера Уотсона на Unsplash.

    2.Выберите инструмент «Горизонтальный текст» (ярлык T) и на панели параметров инструмента в верхней части экрана выберите шрифт. В этом случае для обрезки лучше всего подходит толстый сплошной шрифт. Я использовал семейство шрифтов Monserrat, стиль шрифта Black, размер 72 и сглаживание, установленное на сильное. Неважно, какой цвет вы используете для шрифта.

    3. Щелкните изображение один раз, чтобы создать новый текстовый слой, и введите текст. Я набрал слово ПЛЯЖ. Обратите внимание, что на панели слоев был создан новый текстовый слой.

    4. Используйте инструмент «Перемещение» (V), чтобы центрировать слово в середине изображения или над интересующей областью изображения. Вы можете изменить это позже, если вам нужно.

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

    6. Убедитесь, что выбран слой Image над текстом. Это очень важно! Щелкните значок меню «Гамбургер» в правом верхнем углу панели «Слои». Выберите Create Clipping Mask из меню. Или используйте сочетание клавиш Alt + Ctrl + G (Windows) или Option + Cmd + G (Mac).

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

    Все, кроме букв, теперь скрыто маской.

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

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

    При необходимости выберите инструмент «Перемещение» (V) и перемещайте изображение или текстовый слой, пока не получите части изображения, которые вы хотите видеть выровненными.

    Уборка

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

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

    1. Чтобы добавить слой под текущим слоем, щелкните текущий слой, в данном случае текстовый слой, затем, удерживая Ctrl (Windows) или Cmd (Mac), щелкните значок Create New Layer внизу панель «Слои».

    Новый пустой слой появится на панели «Слои» под текстовым слоем.

    2. Щелкните образец цвета переднего плана на панели инструментов и убедитесь, что он белый.

    Затем выберите инструмент «Заливка» (G), щелкните один раз на изображении, чтобы залить новый слой белым цветом.

    Ваше изображение и панель слоев должны теперь выглядеть примерно так:

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

    Чтобы немного приподнять текст со страницы и придать ему больше очарования! мы добавим тень к текстовому слою.

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

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

    Я использовал следующие настройки для создания тонкой тени: Цвет тени — черный, непрозрачность — 25%, угол — 150, а расстояние, распространение и размер — 15, 10 и 20 пикселей соответственно.

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

    Чтобы завершить это изображение, мы добавим еще один фрагмент текста над вырезанным текстом, чтобы он гласил: «Жизнь — это пляж».

    1.Выберите инструмент «Текст» (T) и на панели параметров в верхней части экрана Photoshop настройте внешний вид текста.

    2. В этом примере я использую скриптовый шрифт Lemonfish, который я купил на Creative Market, но вы можете использовать любой шрифт, какой захотите. Я установил размер 250 pt и ярко-оранжевый цвет.

    3. Щелкните один раз в окне документа, чтобы добавить текст. Затем введите слова «Life is a». Используйте инструмент «Перемещение» (V), чтобы перетащить новый текст так, чтобы он выровнялся слева со словом «Пляж».Ваше окончательное изображение должно выглядеть примерно так:

    Надеюсь, вам понравилось следовать руководству по Photoshop, в котором показано, как создать обтравочную маску с использованием текста.

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

    Буду очень признателен, если вы поделитесь этим постом. Большое спасибо!

    Получите бесплатную распечатываемую шпаргалку панели инструментов Photoshop

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

    Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку, и загрузите шпаргалку панели инструментов Photoshop.

    Советы по работе с изображениями в Publisher

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

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

    Что ты хочешь сделать?

    Дополните свое сообщение изображениями

    Когда вы создаете или выбираете изображения для публикации, сделайте их:

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

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

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

    • Неподвижный Анимация захватывает взгляд и не отпускает его. Беспричинная анимация рискует остановить ваших потенциальных клиентов — они могут настолько отвлечься, что упустят суть. Если вы используете анимированное изображение в онлайн-публикации, дайте ему четкую цель (например, покажите последовательность использования вашего продукта).

    Используйте изображение правильного размера для среднего

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

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

    Разрешение изображения выражается в пикселях на дюйм (ppi) или точках на дюйм (dpi).Эти термины часто используются как синонимы.

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

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

    Найдите эффективное разрешение

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

    Чтобы узнать эффективное разрешение изображения в публикации, выполните следующие действия:

    1. Нажмите Инструменты > Диспетчер графики .

    2. В области задач Graphics Manager в разделе Выберите изображение , щелкните стрелку рядом с изображением с нужной информацией, а затем щелкните Details .

    3. Поле Эффективное разрешение отображает разрешение в точках на дюйм (dpi).

    Если вы планируете печатать цветные изображения на коммерческом принтере, разрешение вашего изображения должно быть от 200 до 300 пикселей на дюйм. У вас может быть более высокое разрешение — до 800 пикселей на дюйм, но у вас не должно быть более низкого разрешения. Если вы планируете использовать изображения только в Интернете (например, в Интернете или в PowerPoint), изображения должны иметь разрешение всего 96 пикселей на дюйм, что является разрешением экрана компьютерных мониторов.

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

    Формат файла

    Онлайн

    Настольная печать

    Коммерческая печать

    Основное использование

    Характеристики

    БМП

    х

    х

    Штриховая графика (значки, кнопки, логотипы)

    Маленький размер файла, мало цветов, нет прозрачности, мало сжатия

    EMF

    х

    х

    Штриховая графика

    Улучшение BMP с меньшим размером файла

    EPS

    х

    х

    Штриховая графика, рисунок с обтравочными контурами, дуплексы, плашечные цвета

    Данные цвета CMYK

    GIF

    х

    Плоские цветные линии низкого разрешения с острыми краями (значки, кнопки, логотипы), анимация

    Маленький размер файла, мало цветов, прозрачность, некоторое сжатие без потери деталей

    JPEG

    х

    х

    Фото

    Маленький размер файла, миллионы цветов, отсутствие прозрачности, гибкое сжатие с потерей деталей

    PNG

    х

    х

    х

    Штриховая графика, анимация

    Улучшение GIF с меньшим размером файла, миллионами цветов, прозрачностью и сжатием без потери деталей

    TIFF

    х

    х

    Фотографии, штриховая графика

    Большой размер файла, богатые цветовые данные RGB и CMYK, прозрачность, сжатие без потери деталей

    WMF

    х

    х

    Штриховая графика

    Улучшение BMP с меньшим размером файла

    Уменьшение графики высокого разрешения

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

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

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

    Уменьшить графику высокого разрешения

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

    1. Щелкните изображение правой кнопкой мыши, выберите Форматировать изображение > Изображение .

    2. Нажмите Сжать .

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

      • Нажмите Коммерческая печать , чтобы сжать изображения до 300 пикселей на дюйм (ppi).

      • Нажмите Desktop Printing , чтобы сжать изображения до 220 пикселей на дюйм.

      • Щелкните Web , чтобы сжать изображения до 96 пикселей на дюйм.

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

    5. Если появится сообщение с вопросом, хотите ли вы применить оптимизацию изображения, щелкните Да .

      Сжатая версия того же изображения или изображений заменяет исходное изображение или изображения с высоким разрешением.

    Уменьшите размер публикации, используя связанные изображения

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

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

    Примечание: Если вы переносите публикацию на другой компьютер, не забудьте также перенести копии связанных изображений. Когда вы используете мастер Pack and Go Wizard, этот шаг делается за вас.

    Вставить картинку как ссылку

    1. Щелкните Вставить > Рисунок > из файла .

    2. В диалоговом окне Вставить изображение найдите нужный рисунок и выберите его.

    3. Щелкните стрелку рядом с Вставьте , а затем щелкните Ссылка на файл .

    Получение изображений, которые можно использовать

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

    Если у вас нет возможности создавать фотографии или иллюстрации профессионального качества, поищите изображения в различных интернет-источниках, в том числе:

    • Bing, которым можно пользоваться, не выходя из офиса. В Office 2013 или 2016 перейдите по ссылке Вставить > Сетевые изображения . В более старых версиях Office перейдите к Вставить > Картинки .

    • Компании стоковой фотографии, такие как Corbis и Getty (требуется оплата).

    • Другие поисковые системы, такие как MSN, Yahoo и Google (права использования различаются).

    • Библиотеки и другие государственные учреждения, такие как Библиотека Конгресса США (права использования различаются).

    Правовые вопросы

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

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

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

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

    Улучшение получаемых изображений

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

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

    Совет: После изменения клипа вы можете сохранить его, чтобы снова использовать. Чтобы сохранить измененный клип, щелкните его правой кнопкой мыши и выберите Сохранить как изображение . В диалоговом окне Сохранить как в списке Сохранить как тип щелкните формат файла. Если вы планируете использовать измененный клип в печатных публикациях, сохраните его в формате метафайла Microsoft Windows (.wmf). Если вы планируете использовать клип в веб-публикациях, щелкните Изменить , а затем щелкните Интернет (96 dpi) .Сохраните клип в формате обмена графикой (.gif). Щелкните местоположение в Сохранить в , а затем нажмите Сохранить .

    Обрезка

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

    1. Выберите клип в документе.

    2. Нажмите Изображение > Обрезка .

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

    Изменение размера

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

    1. Выберите клип.

    2. Наведите указатель мыши на один из открытых кружков в углу изображения.

    3. Перетаскивайте, пока изображение не достигнет желаемого размера.

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

    Вращение и переворачивание

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

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

    Поверните зажим
    1. Выберите клип.

    2. Щелкните Упорядочить > Повернуть или отразить , а затем выполните одно из следующих действий:

      • Нажмите Повернуть влево на 90 ° или Повернуть вправо , чтобы повернуть клип с шагом 90 градусов. Щелкните один раз, чтобы повернуть клип на 90 градусов. Продолжайте щелкать, пока клип не займет нужное положение.

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

    Переверните зажим
    1. Выберите клип.

    2. Щелкните Упорядочить > Повернуть или отразить , а затем щелкните Отразить по горизонтали или Отразить по вертикали .

    Добавление тени

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

    1. Выберите клип.

    2. Щелкните Форматирование > Стиль тени и выберите нужный стиль.

    Примечание: Чтобы удалить тень, щелкните Стиль тени , а затем выберите Без тени .

    Изменение контрастности и яркости

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

    1. Выберите клип.

    2. На панели инструментов Изображение выполните одно из следующих действий:

      • Чтобы увеличить яркость, нажмите Больше яркости .

      • Чтобы уменьшить яркость, нажмите Меньше яркости .

      • Чтобы увеличить контраст, нажмите Больше контраста .

      • Чтобы уменьшить контраст, нажмите Меньше контрастности .

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

    Если вы хотите разместить клип за текстом, вы можете размыть клип, щелкнув Изображение > Цвет , а затем выбрав параметр Промывка .

    Обертывание текста вокруг клипа

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

    1. Вставьте клип в блок текста.

    2. Выделив клип, щелкните Изображение > Обтекание текстом , а затем щелкните стиль обтекания текстом, который вы хотите добавить.

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

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

    Помещайте фотографии в текст с помощью Photoshop

    Одним из многих преимуществ графического редактора, поддерживающего концепцию слоев — Adobe Photoshop, Photoshop Elements и Pixelmator, и многих других — является то, что вы можете протолкнуть изображение через содержимое другие слои. В этой колонке вы узнаете, как протолкнуть разные картинки через каждую букву в слове ЛЮБОВЬ. Эта техника — не только забавный проект, но и супер-сладкий подарок ко Дню святого Валентина.Если вы сделаете дополнительный шаг, напечатав его, вы можете обрамить его, или удачливый получатель может прикрепить его к своему холодильнику, а затем использовать его в качестве закладки позже. Следующие шаги предназначены для Photoshop, но вы можете легко адаптировать их для использования в Photoshop Elements или Pixelmator.

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

    Выберите «Файл»> «Новый», чтобы создать новый документ желаемого размера. Если вы собираетесь распечатать фрагмент, введите разрешение 240–300; если нет, введите 72.

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

    Некоторые хорошие варианты шрифтов, которые уже есть на вашем Mac, включают Arial Black, Charter Black, Futura Condensed ExtraBold, Gill Sans Bold, Gill Sans Ultra Bold, Hoefler Text Black, Impact, Iowan Old Style Black, Phosphate Solid (Yosemite или выше), или Superclarendon Black.Вы также можете искать в бесплатных шрифтах Google толстые шрифты.

    При активном инструменте «Текст» выберите большой толстый шрифт в меню шрифтов на панели параметров и увеличьте размер шрифта, чтобы буквы были действительно большими (здесь использовался Gill Sans Ultra Bold с 244 пунктами). Неважно, какого цвета текст, но вам нужен большой толстый шрифт, чтобы было место для фотографии.

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

    Вставить картинки

    Возможно, самой сложной частью этого проекта является поиск изображений, на которых объекты расположены достаточно близко друг к другу и помещаются внутри буквы. После того, как вы собрали несколько изображений, активируйте слой типа «L» и выберите «Файл»> «Поместить внедренные». Перейдите туда, где живет фотография, и нажмите «Поместить». Photoshop добавляет изображение и окружает его рамкой изменения размера; просто перетащите любой угловой маркер, удерживая Shift, чтобы изменить его размер.

    Нажмите V, чтобы взять инструмент «Перемещение» и расположить фотографию над буквой, через которую вы хотите протолкнуть ее.Выберите «Слой»> «Создать обтравочную маску», чтобы протолкнуть изображение сквозь форму слоя под ним. Чтобы изменить размер изображения внутри буквы, нажмите Command-T, чтобы вызвать свободное преобразование, удерживая Shift, перетащите любой угловой маркер и нажмите Return, когда закончите. Чтобы изменить положение фотографии внутри буквы, убедитесь, что слой изображения активен, а затем используйте инструмент «Перемещение».

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

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

    Украшаем и тонируем

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

    Активируйте слои, которые вы хотите тонировать, а затем поместите их в группу слоев (папку), нажав Command-G. Затем выберите Layer> New Adjustment Layer> Hue / Saturation.На появившейся панели щелкните значок обрезки (в кружке) в нижнем левом углу, чтобы обрезать (ограничить) корректирующий слой содержимым группы. Вернувшись на панель «Свойства», включите «Раскрашивание» (также обведено), а затем поэкспериментируйте с ползунками «Оттенок» и «Насыщенность», чтобы найти приятный цвет.

    Чтобы смягчить оттенок цвета, уменьшите непрозрачность корректирующего слоя «Цветовой тон / насыщенность» (здесь использовалось 75%). Если вы добавили обводку к каждой букве, как описано ранее, она приобретет одинаковый цветовой оттенок.

    Сохранить и отправить или распечатать

    Чтобы сохранить документ с неповрежденными слоями, выберите «Файл»> «Сохранить как» и выберите Photoshop в меню формата. Чтобы распечатать свой шедевр, просто выберите «Файл»> «Печать». Чтобы подготовить копию для отправки по электронной почте, выберите «Файл»> «Сохранить для Интернета». В меню вверху справа выберите JPEG и Максимум. Если вы публикуете изображение на Facebook, выберите PNG – 8 или PNG – 24; Таким образом, алгоритм сжатия Facebook не повлияет на качество вашего изображения полностью.

    Диалоговое окно «Сохранить для Интернета»

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

    До следующего раза да пребудет со всеми вами творческая сила!

    Фото предоставлено: Fotolia.com/Daria Filiminova (пара снимков), Fotolia.com/Kirsty Pargeter (фон сердца)

    Основатель PhotoLesa.com Лиза Снайдер — автор бестселлеров a Photoshop CC: The Missing Manual , соавтор iPhoto: The Missing Manual, автор серии электронных книг The Skinny Book , основатель CreativeLIVE, инструктор и постоянный обозреватель журналов Photoshop User и Photo Elements Techniques.

    Как разместить текст за объектом в Photoshop

    В этом уроке вы научитесь , как легко разместить текст за объектом в Photoshop !

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

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

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

    Вот изображение, которое я буду использовать. Вы можете загрузить бесплатную версию с водяными знаками из Adobe Stock. Но можете следить вместе с любым фото

    Указатель учебного пособия:

    Шаг 01 — Введите текст и стиль

    Первый шаг — напечатать слово поверх фотографии.

    Начните с выбора инструмента Horizontal Type Tool на панели инструментов. Вы также можете нажать клавишу T на клавиатуре, чтобы выбрать его.

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

    Стиль текста

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

    Затем щелкните значок Все заглавные буквы .

    Вы также можете изменить на этой панели атрибуты Leading, Tracking, Kerning и другие.

    Печатайте поверх изображения

    Напечатайте все, что вам нравится, поверх фотографии. Я наберу слово « позади » слева от фотографии.

    Не забудьте, что подтвердите свои изменения , нажав Ctrl Enter (Mac: Command Return) или щелкнув галочку на панели параметров.

    Шаг 02 — Измените размер текста

    Если ваш текст слишком маленький (или слишком большой), вы можете масштабировать его так же, как любой другой слой.

    Нажмите Ctrl T (Mac: команда T), чтобы войти в режим преобразования . Затем, удерживая Shift, нажмите и перетащите любой угловой маркер ограничивающей рамки, чтобы масштабировать текст.

    Удерживание Shift при преобразовании позволяет масштабировать текст без искажения пропорций.

    Нажмите Ctrl Enter (Mac: команда Return), чтобы подтвердить преобразование.

    Шаг 03 — Переместите текст в позицию

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

    Центрировать текст на холсте

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

    Нажмите Ctrl A (Mac: Command A), чтобы выделить весь холст.

    Затем выберите инструмент Move Tool , нажав V на клавиатуре. На панели опций вы можете щелкнуть значки «Выровнять», чтобы выровнять текстовый слой.

    Щелкните на Align Vertical Centers и Align Horizontal Centers , чтобы центрировать текстовый слой по центру холста.

    Нажмите Ctrl D (Mac: команда D), чтобы отменить выбор.

    Отключить текстовый слой

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

    Шаг 04 — выделите основную тему вашего изображения

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

    Начните с выделения основного объекта изображения.

    Один из самых простых способов сделать выделение в Photoshop — использовать инструмент Quick Selection Tool .

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

    Выбрать тему (Photoshop CC 2018 и новее)

    Если вы используете Photoshop CC 2018 или новее, то есть инструмент, который поможет вам быстрее приступить к работе.

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

    Когда вы нажимаете Select Subject Photoshop будет использовать Adobe Sensei, искусственный интеллект Adobe, для выделения основного объекта фотографии.

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

    Select Subject никогда не сделает идеального выбора; вам всегда нужно будет его настраивать. Но это дает вам толчок в процессе выбора и экономит немного времени.

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

    Шаг 05 — Исправьте проблемные области с вашим выделением

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

    Помните, что с помощью инструмента Quick Selection Tool вы можете удерживать Alt (Mac: Option), чтобы вычесть из выделенного .

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

    Шаг 06 — Уточните выделение с помощью рабочей области «Выделение и маска»

    После того, как вы сделаете свой выбор, вам нужно будет его уточнить.

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

    Если вы используете Photoshop CS6 или более раннюю версию, тогда этот параметр будет читать Refine Edge . Интерфейс будет немного другим, но все инструменты и настройки, которые мы используем в этом руководстве, также доступны в диалоговом окне Refine Edge.

    Примечание : Если вы используете Photoshop CC и хотите, чтобы вернул старый диалог «Уточнить края / Уточнить маску» , вы можете следовать этому руководству.

    Режим просмотра

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

    Также установите непрозрачность Onion Skinning на 100%.

    Обнаружение края

    В параметрах Edge Detection включите Smart Radius , чтобы создать переменную ширину края по краю вашего выделения.

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

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

    Global Refinements

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

    Рассмотрите возможность использования ползунка Smooth , чтобы края не были неровными. Кроме того, добавление Contrast и Contracting выделение внутрь может помочь в удалении краевых ореолов.

    Инструмент Refine Edge

    Если у вас есть волосы на изображении, выберите инструмент Refine Edge Tool и закрасьте расплывчатые волосы на фотографии.

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

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

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

    «Марширующие муравьи» должны быть активны.

    Шаг 07 — Создайте группу для хранения текстовых слоев

    Создайте группу, щелкнув значок New Group на панели слоев.

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

    Щелкните и перетащите текстовый слой в новую группу.

    Шаг 08 — применить выделение как маску к группе

    Layer Masks делают текст позади объекта возможным. Layer Maks позволяет выборочно отображать или скрывать пиксели слоя или группы.

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

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

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

    При активном выделении и выбранной группе, удерживайте Alt (Mac: Option) и щелкните значок Layer Mask , чтобы создать инвертированную маску слоя.

    Шаг 09 — Уточнить маску слоя

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

    Щелкните маску Group Layer Mask и выберите инструмент «Кисть » . Вы можете рисовать черным или белым цветом, чтобы скрыть или показать пиксели.

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

    Шаг 10 — Раскрасьте детали

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

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

    Начните с создания нового слоя и переименуйте его в « Hair ». Затем перетащите слой с волосами внутрь группы текста.

    Выберите инструмент «Кисть » , нажав B на клавиатуре . Затем на панели параметров щелкните значок «Параметры кисти».

    На панели настроек кисти уменьшите интервал до 1% и размер до 1 пикселя.

    Вы можете временно включить инструмент «Пипетка» для выбора цветов, удерживая Alt (Mac: Option). Затем щелкните в любом месте холста, чтобы выбрать цвет.Выбирайте цвет, похожий на распущенные волосы.

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

    Шаг 11 — Подобрать глубину резкости

    Обратите внимание, что распущенные волосы, которые вы нарисовали, резкие, в то время как волосы на фотографии расплывчаты.

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

    Вы можете размыть слой с волосами, выбрав Filter> Blur> Gaussian Blur .

    При активном поле ввода Radius вы можете нажимать клавиши вверх и вниз на клавиатуре для точной настройки размытия с шагом 0,1 пикселя.

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

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

    Вот как выглядит мое окончательное изображение:

    Твоя очередь!

    И вот оно! Вот как легко разместить текст за объектом с помощью Photoshop ! Ознакомьтесь с разделом «Текстовые эффекты Photoshop», чтобы узнать больше о подобных уроках!

    Если вы создадите что-то с помощью этого руководства, вы можете поделиться своими результатами в Instagram с хэштегом #ptcvids!

    Окончательное изображение

    Перетащите ползунок, чтобы увидеть до и после

    Как обернуть текст вокруг фигур в Photoshop (3 простых способа)

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

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

    1. Как обернуть текст вокруг фигур и изображений в Photoshop

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

    — Обтекание текстом фигуры или объекта

    Первое, что вам нужно сделать, это создать контур вокруг вашей формы.Самый быстрый способ сделать это — использовать Pen Tool.

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

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

    Щелкните, чтобы добавить новые опорные точки с помощью инструмента «Перо», и потяните, чтобы изогнуть контур пера. Если вы еще не знакомы с этим инструментом, обязательно прочтите наше руководство по использованию Pen Tool в Photoshop.


    Этот контур не обязательно должен быть идеальным. Подойдет просто общая форма, соответствующая контуру объекта!

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

    Для доступа к линейке нажмите Command + R (Mac) или Control + R (ПК). Нажмите на линейку (горизонтальную или вертикальную) и потяните за нее.Будет создана новая подвижная направляющая, которая будет располагаться поверх вашего изображения.

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

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

    Продолжайте и снова соедините контур пера с начальной точкой привязки.

    Завершив траекторию движения пера, возьмите инструмент «Текст», нажав T.

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

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

    Результат

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

    2. Как обернуть текст по краю фигуры

    Второй способ обернуть текст в Photoshop — обернуть его по краю фигуры. Вместо того, чтобы располагать строки текста вокруг фигуры, этот метод формирует текст по краю фигуры.

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

    — Обтекание предварительно созданной формы текстом

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

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

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

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

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

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

    Результат

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

    — Обтекание текстом произвольной формы

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

    Чтобы создать нестандартную форму, вам нужно создать путь. Лучше всего это сделать с помощью Pen Tool.

    Откройте Pen Tool, нажав P или найдите его на панели инструментов.

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

    После того, как вы создали нужную форму, возьмите инструмент «Текст», нажав T.

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

    Теперь ваш текст будет обтекать края только что созданной вами формы!

    Результат

    Это еще один отличный способ обернуть текст по краю, используя любую форму, которую вы можете себе представить! Вместо того, чтобы ограничиваться предустановленными параметрами в Photoshop, вы можете проявить творческий подход и создавать свои собственные формы! Pen Tool — самый универсальный инструмент для этой работы, который упрощает создание пользовательского контура.

    — Как обернуть текст вокруг внутреннего края формы

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

    С помощью инструмента «Текст» выделите текст и нажмите Command + A (Mac) или Control + A (ПК), чтобы выделить все.

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

    3. Как перенести текст внутрь фигуры в Photoshop

    Третий способ обтекания текста в Photoshop — это размещение всего текста целиком внутри фигуры. Этот метод является одним из самых простых способов переноса текста и не требует больших усилий вручную.

    Для начала создайте форму, внутри которой поместится текст. Еще раз используйте инструмент Shape Tool ( U ) для этого шага.

    Перед созданием формы решите, хотите ли вы, чтобы форма была видимой или прозрачной для окончательного эффекта. Чтобы текст обтекал прозрачной формой, выберите опцию path . Если вы хотите, чтобы текст имел цветной фон, выберите опцию shape . Ниже приведены два примера каждого из них.

    Затем создайте фигуру на холсте. Если у вас много текста, убедитесь, что ваша фигура немного больше!

    Возьмите инструмент «Текст», нажав T или открыв его на панели инструментов.

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

    Результат

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

    Заключение

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

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

    — Брендан 🙂

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

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

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