Как добавить текст на картинку в фотошопе
Как в фотошопе на картинку наложить текст
Фотошоп
Здравствуйте, уважаемые коллеги! Сегодня я расскажу как в фотошопе на картинку наложить текст. Сделать красивое фото – это полдела. Важно придумать к нему подходящую подпись.
Фотошоп позволяет не только редактировать фото, но и работать с текстом. В силу своей специфики, программа позволяет создать оригинальный дизайн надписи.
Наиболее удачные и выразительные сочетания изображения и текста могут стать открытками, мотиваторами или даже «визитной карточкой» Вашего домашнего бизнеса. Если в снимках заложен юмористический подтекст – у них есть все шансы стать мемами.
Делаем открытку
Начнем с самого простого. Возьмем в качестве фона картинку с цветами. Здесь выбран не сильно яркий и пестрый фон, для удобства работы. Затем нам понадобится текстовый слой.
Подводим курсор к пиктограмме «Т», нажимаем. Другой вариант: на английской раскладке выбрать букву «Т» и нажать «Enter».
Обратите внимание, что существует возможность размещать символы как вертикально, так и горизонтально.
Стоит напомнить, что шрифты, предусмотренный программой, не всегда имеют русскоязычные варианты. Недостающий вариант можно скачать и установить дополнительно.
Щелкаем по вкладке с названием шрифта, выбираем нужный вариант. Рядом с наименованием шрифта находится его образец. Подбираем подходящий размер. Можно выбрать из предложенных, можно напечатать сразу свои значения.
Мы красиво накладываем стихотворный текст, меняем цвет так, чтобы слова были видны на выбранном нами фоне. Выделяем строки, щелкаем два раза на закрашенный прямоугольник. Откроется палитра. Находим подходящий цвет, сохраняем.
Теперь, по аналогии, в верхней части изображения пишем заглавную фразу – например: «С Днем рождения!». Чтобы выделить ее на фоне общего текста, зададим другие цвет и шрифт. Наш самый простой вариант открытки готов!
Попробуем более сложный вариант. Теперь фон возьмем яркий и разноцветный.
Например, такой.
Для такого фона трудно будет подобрать цвет шрифта. Но мы справимся и с этой задачей. При помощи инструмента «Прямоугольная область» обозначим то пространство, где у нас будет располагаться текст. Меняем яркость данного пространства – выставляем значение 70.
Теперь накладываем на фото текст – так, как делали это в примере выше. Получаем вот такой вариант открытки.
Область может быть любого размера, на ней может располагаться любой текст с доступными для него характеристиками.
Создаем логотип
Давайте сделаем логотип для ютуб – канала. Назовем его, например, «Art News». Создаем при помощи заливки серый фон. Берем шрифт «Franklin Gothik book», белый цвет, пишем название канала.
Подбираем размер. Так как фон объемный, то ставим 500 пт. Переносим на новый слой первую букву, окрашиваем ее в красный цвет.
Заходим в панель «Текст», выбираем «Растрировать текстовый слой». Снова выделяем первую букву, нажимаем правую клавишу мыши, и в опции «Свободное трансформирование» выбираем пункт «Перспектива».
Тянем за верхний фрейм и задаем букве нужный наклон.
Теперь копируем слово «News». Открываем новое поле для текста, вставляем и экспериментируем с размером и положением текста. Получаем вот такой простой логотип.
Делаем мем
Мемы можно сделать различными способами. Кто-то для этого использует специальные сайты, так называемые «Генераторы мемов». Мы же пойдем другим путем и применим фотошоп.
При помощи этой программы сделать мем не сложней, чем открытку. Главное – удачное сочетание картинки и надписи на ней. И, конечно же, чувство юмора.
Берем популярную картинку. Теперь необходимо добавить текст. Подбираем шрифт, выбираем белый цвет и печатаем то, что хотели бы донести до окружающих.
Получаем вот такой результат.
Стартовая картинка и текст могут быть любыми. Вы можете применять не только готовые шаблоны ситуаций и реакций, но и создавать свои, задавая новый тренд. Пробуйте!
Тексты с эффектами
Для создания красивого текста в программе предусмотрено много эффектов.
Сочетая их, можно придать буквам объем, свечение, дорисовать контуры или тень.
Берем фон темного цвета. Наносим крупными буквами текст контрастного цвета (мы взяли белый). Мы будем использовать здесь второй способ создания текста.
Задаем необходимый размер букв и просто щелкаем в той части пространства, где планируем их разместить. Появляется мигающий курсор, можно печатать.
Добавляем к текстовому слою маску. Скачиваем и устанавливаем набор кистей «Разрушение». Выбираем черный цвет, настраиваем размер. «Непрозрачность» и «Нажим» должны стоять 100%. Вращая кисть, наносим следы «разрушения» на буквы.
Далее, нам понадобится еще один слой. Берем кисть из этой же коллекции, с отдельными крупными точками, и наносим отдельные белые штрихи. Получаем следующую картинку.
Берем кисть с изображением бьющегося стекла и наносим вот такой эффект.
Добавляем еще один слой, заливаем его черным. Выбираем кисть и делаем с ее помощью белые штрихи.
Получаем равномерные точки по всей поверхности. Делаем радиальное размытие со следующими настройками.
К этому слою применяем наложение «Экран». Попробуем придать более реалистичный вид, для этого понадобится наложить текстуру. Находим картинку с трещинами на стене, открываем. Копируем, вставляем на текст, получаем новый слой.
Перемещаем его над слоем с текстом. Нажимаем клавишу Alt, щелкаем между третьим слоем и текстом. Получаем вот такой эффект. Делаем копию этого слоя, растягиваем. Получаем вот такую картинку.
Итак, работа с привычными нам текстовыми символами тоже может быть творческой, а ее результат может стать хорошим дизайнерским решением.
Пробуйте разные варианты, придумывайте свои. Пишите в комментариях свои мысли и идеи, а я на этом с вами прощаюсь. Изучайте фотошоп и лайтрум и до новых встреч.
5 способов разместить текст на изображении в Фотошоп
5 способов разместить текст на изображении в Фотошоп
Сложность урока: Легкий
Учитывая современные тренды использовать высококачественные изображения в качестве заднего фона на страницах Интернет сайтов, очень важно обеспечить высокий контраст между текстом и задним фоном.
Очень важно, чтобы текст был разборчивым, таким образом, посетители сайта смогут получить ту информацию, которую хотят донести владельцы сайтов.
В этом уроке представлены 5 способов улучшения контраста при размещении текста поверх изображений.
1. Наложение Цвета
На изображении ниже, вы можете увидеть, что текст очень сложно прочитать, потому что отвлекает внимание задний фон. На заднем фоне слишком много деталей, в частности в области барной стойки. Хорошо подобранный шрифт “Buffalo Wings” полностью затерялся из-за нагромождения, которое создал задний фон. Тем не менее, в данном случае, у нас есть возможность улучшить контраст.
Первый шаг – создайте новый слой, назовите этот слой “наложение цвета”. Далее, выберите инструмент Пипетка (Eyedropper), нажав клавишу (I). С помощью данного инструмента, отберите образец цветового оттенка с рубашки мужчины, а затем залейте новый слой выбранным цветовым оттенком (Shift+F5).
В заключение, уменьшите непрозрачность (opacity) слоя с заливкой до 50%, а затем, переместите данный слой вниз, расположив ниже слоёв с текстом.
Как вы видите, мы значительно улучшили контраст. Теперь, текстура шрифта “Buffalo Wings” стала более отчётливой и более различимой.
2. Стиль слоя Тень (Drop Shadow)
В следующем эпизоде, заказчик попросил добавить невыразительный тонкий шрифт поверх слишком детализированной области фотографии. Данная ситуация крайне нежелательна, т.к. очень сложно добиться соответствующего контраста между изображением и текстом.
Первый шаг – подберите соответствующий цвет для текста.
Вы наверно догадались, что в данном случае, мы хотим, чтобы цвет текста был более светлым, предпочтительно белый.
Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха (Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.
Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).
3. Линии
Данный эпизод –это самый простой способ улучшения контраста. Просто добавив две белые линии, одну сверху, другую ниже текста, наилучшим образом разделит текст и задний фон.
Добавление двух линий….
.…создаёт наибольшее разделение между двумя элементами дизайна.
4. Фигурные Блоки для Текста
Следующий способ улучшить контраст – это добавить затеняющий фигурный блок за текстом. Данный способ немного сложно описать в словах, поэтому, я просто покажу его вам.
Как вы видите, данное изображение изначально имеет слишком слабый контраст, его практически нет. Текст очень сложно различить, а сам разделитель текста практически затерялся в деталях здания.
Чтобы усилить видимость текста, выберите инструмент Произвольная фигура (Custom Shapes Tool), нажав клавишу (U), чтобы создать фигурный блок. Фигурный блок может быть любой формы, здесь нет блока правильной формы или неправильной формы.
Залейте фигуру чёрным цветом, а также установите цвет Обводки (Stroke) белый, толщина обводки 3pt.
Далее, переместите фигурный блок вниз, расположив ниже слоя с текстом и слоя с разделителем текста. Уменьшите непрозрачность слоя с фигурным блоком до 57%.
Итоговый результат выглядит более профессиональным, а текст намного легче прочитать.
5. Размытие Заднего фона
5-й и последний способ улучшить контраст – это лёгкое размытие заднего фона.
Изначально, текст очень сложно различить на заднем фоне.
Первый шаг- преобразуйте слой с задним фоном в смарт-объект. Просто, щёлкните правой кнопкой мыши по слою с задним фоном и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).
Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filters-Blur-Gaussian Blur).
Как работать с текстом в фотошопе: создаем поздравительную открытку
Перед тем, как наложить текст на картинку, я ее предварительно готовлю: удаляю лишние элементы, меняю оттенки, резкость и т.
д.
Подробно я показываю эти операции в отдельном ролике, который вы можете посмотреть прямо сейчас.
В этой статье я оставлю картинку в том соотношении, как она была снята, то есть 4*3. Если вам нужно другое соотношение сторон, например 16*9, и вы не знаете, как это сделать, то смотрите еще один ролик, где я очень подробно показываю пошагово, как это выполняется.
Итак, фоновое изображение у меня есть. Переходим к следующим шагам.
Изменение размера изображения
Первым делом меняю размер изображения, чтобы было проще работать, не перегружая фотошоп.
Открываю в верхней панели выпадающее меню «Изображение» и в нем вкладку «Размер изображения».
В открывшемся окне я вижу, что картинка слишком велика, для открытки такие размеры вовсе не нужны. Поэтому меняю значение Ширины на 1500 пикселей. Можно сделать еще меньше, вплоть до 500 пикселей.
Обратите внимание на то, чтобы был активен замок, сохраняющий пропорции сторон.
Поэтому, меняя ширину, высота изображения меняется автоматически.
Поэтому, меняя ширину, высота изображения меняется автоматически.После этого немного меняю расположение в кадре основного элемента – букета. Для этого активирую инструмент «Перемещение», чтобы появились маркеры, и я могла бы сдвигать картинку.
Обратите внимание, что должна стоять галочка в окошке «Показать элементы управления».
Сдвигаю мышкой картинку с помощью инструмента «Перемещение» немного в сторону и растягиваю ее так, чтобы букет заполнил бОльшую часть пространства.
Для изменения размеров картинки без искажений пропорций нужно на клавиатуре зажать клавишу CTRL и мышкой потянуть за любой из маркеров.
Добившись правильного расположения картинки в кадре я, воспользовавшись инструментом «Обрезка» обрезаю лишнее.
Подготовительные работы завершены.
Делаем открытку
Начнем с самого простого.
Возьмем в качестве фона картинку с цветами. Здесь выбран не сильно яркий и пестрый фон, для удобства работы. Затем нам понадобится текстовый слой.
Подводим курсор к пиктограмме «Т», нажимаем. Другой вариант: на английской раскладке выбрать букву «Т» и нажать «Enter». Обратите внимание, что существует возможность размещать символы как вертикально, так и горизонтально.
Стоит напомнить, что шрифты, предусмотренный программой, не всегда имеют русскоязычные варианты. Недостающий вариант можно скачать и установить дополнительно.
Щелкаем по вкладке с названием шрифта, выбираем нужный вариант. Рядом с наименованием шрифта находится его образец. Подбираем подходящий размер. Можно выбрать из предложенных, можно напечатать сразу свои значения.
Мы красиво накладываем стихотворный текст, меняем цвет так, чтобы слова были видны на выбранном нами фоне. Выделяем строки, щелкаем два раза на закрашенный прямоугольник. Откроется палитра. Находим подходящий цвет, сохраняем.
Теперь, по аналогии, в верхней части изображения пишем заглавную фразу – например: «С Днем рождения!».
Чтобы выделить ее на фоне общего текста, зададим другие цвет и шрифт. Наш самый простой вариант открытки готов!
Попробуем более сложный вариант. Теперь фон возьмем яркий и разноцветный. Например, такой.
Для такого фона трудно будет подобрать цвет шрифта. Но мы справимся и с этой задачей. При помощи инструмента «Прямоугольная область» обозначим то пространство, где у нас будет располагаться текст. Меняем яркость данного пространства – выставляем значение 70.
Теперь накладываем на фото текст – так, как делали это в примере выше. Получаем вот такой вариант открытки.
Область может быть любого размера, на ней может располагаться любой текст с доступными для него характеристиками.
Работа с текстом в фотошопе
Подробно, пошагово о том, как добавить текст в фотошопе, изменить размер, начертание и стилистическое оформление.
Вставка текста
В боковой панели кликаю инструмент «Текст». По умолчанию активен горизонтальный текст, хотя вкладка содержит и другие варианты для написания.
Затем ставлю курсор приблизительно в то место, где будет текст, и набираю его с клавиатуры.
Если не делать переносов строки, то весь текст вытягивается в одну строку, то есть одни абзацем.
Абзац можно передвигать, активировав инструмент «Перемещение».
Чтобы разорвать строку на несколько, то есть сделать переносы строки, нужно активировав кнопку текста в боковой панели и, поставив курсор в нужное место в тексте, сделать перенос на другую строку клавишей Enter, как в обычном документе.
Форматирование текста в верхней панели
В моем случае строки слиплись между собой, у вас может быть так, что наоборот, слишком далеко друг от друга.
Кроме того меня не устраивают размер текста, шрифт. Это легко поправимо.
- Выделяю написанное.
- При активной кнопке ТЕКСТ в боковой панели инструментов открыта панель форматирования вверху.
Здесь можно изменить начертание текста, его размер, цвет, и так далее.
Как реалистично добавить текст на фотографию в Photoshop
Иногда одной иллюстрации недостаточно, и на неё обязательно нужно наложить надпись – например, название бренда. Главное здесь сделать всё так, чтобы она выглядела по-настоящему органично, смотрелась частью изображения, а не инородным элементом и не бросалась в глаза. С помощью программы Фотошоп онлайн сделать это проще простого!
Прочитав данную статью, вы не только узнаете, как добавлять текст к фото, но и как придавать ему форму поверхности (наклон, перспектива), как придавать надписи реалистичность и естественность.
Итак, начинаем. Открываем в Photoshop Online исходное изображение – чем качественнее оно будет и чем большим будет его размер, тем лучше, ведь из большого фото всегда можно сделать меньшее, а вот из маленького большое – нет.
Работать нам придётся со слоями и фильтрами, причём их может быть несколько.
Также нам понадобится загрузить в Фотошоп необходимый шрифт или использовать один из дефолтных, предустановленных.
Первое, что необходимо сделать, это выбрать для надписи подходящий цвет. Лучше всего выбирать из цветов, присутствующих на фотографии, так на буквах не будет слишком большого акцента, и они не будут казаться инородными. Открываем палитру цветов и, применив инструмент Пипетка, нажимаем ею на одном из объектов фото. Цвет определён, теперь используем инструмент Текст и печатаем нужную нам надпись. Изменяем размер кегля на подходящий. Перетаскиваем в нужное место и смотрим, что получилось. Корректируем размер и шрифт, если это необходимо.
Теперь начинается самое интересное. Необходимо сделать обтекание текстом, то есть деформировать надпись таким образом, чтобы она подходила к плоскости, на которой должна быть расположена. Для этого нам необходимо растрировать надпись, превратить её в изображение. Жмём на вкладку Слои – Растрировать текст. Теперь надпись можно искажать.
Нажимаем комбинацию клавиш Ctrl-T и применяем Свободное трансформирование. Используя правую клавишу мышки, выбираем инструмент Деформация. Он отлично подходит для закруглённых поверхностей. Подтягиваем все четыре угла так, как чтобы сетка с текстом соответствовала своей плоскости. При необходимости работаем с внутренними точками.
Если поверхность не закруглённая, а ровная и плоская, более подходящим станет другой инструмент – Перспектива или Наклон. Тянем за уголки, чтобы перспектива текста соответствовала перспективе плоскости, где он расположен. По завершению нажимаем клавишу Enter и применяем изменения.
Теперь осталось добавить на наш текст нужный эффект. Его можно сделать полупрозрачным, чтобы проступила фактура нижней поверхности, или добавить потёртостей и царапин, благодаря чему он станет выглядеть более естественно. С этой целью изменяем режим наложения слоя: Нормальный меняем на Перекрытие.
Для добавления шероховатости создаём слой-маску, жмём на клавиатуре кнопку «D» и выбираем чёрный в качестве цвета переднего плана.
Затем жмём «В» и берём Кисть. При этом следим, что Непрозрачность имела значение в 100 единиц, а режим наложения был установлен на Нормальный. Выбираем грубую кисть (как вариант — сухую) и рисуем чёрным на маске, аккуратно поглаживая края надписи, создавая более потёртый вид.
Вот и весь урок Фотошопа по добавлению текста на фото! Просто и эффектно! А самое главное – реалистично!
Правая панель символов для редактирования текста
Также для работы с текстом удобна отдельная панель на рабочем столе справа. Ее активировать можно из верхнего меню «Шрифт» далее «Панели» и выбор панели символов.
В этой вкладке очень удобно подгонять высоту строки, сжимать или раздвигать расстояние между буквами, менять и размеры шрифта, начертание.
Достаточно кликнуть в маленькое окошко с цифрами и покрутить колесико мышки – на мониторе сразу видны изменения. Либо вручную вбить с клавиатуры нужное значение.
Важно: текст для этого должен быть выделен.
Редактируем текст
После создания надписи или целого блока можно приступить к их форматированию. Обратите внимание, что изменяется как отдельный фрагмент, так и весь текст целиком. Чтобы редактировать букву, слово или словосочетание, достаточно отметить необходимый объект при помощи выделения левой клавишею мыши.
Для редактирования основных параметров текстового контента существует целая панель инструментов. Она расположена над рабочим холстом. На ней расположены следующие параметры:
- Шрифт;
- Написание;
- Кегль;
- Резкость;
- Положение относительно границ;
- Цвет;
- Деформация.
Чтобы редактировать тут или иную характеристику текста, нужно кликнуть на соответствующий значок. Подробнее рассмотрим на конкретных примерах.
Как выбрать шрифт для текста
Форматировать шрифт можно следующим образом:
- Выделите надпись или текстовый блок.
- Нажмите на стрелочку вниз в меню шрифта.
- Из предложенного списка выберите понравившийся.
Справа от этого параметра есть настройка начертания текста, меню которой открывается таким же образом. Среди предложенных вариантов можно выбрать жирный, курсивный или другой вариант.
Важно! У каждого шрифта своё количество начертаний и возможностей.
Кегль или размер шрифта
Кегль – это размер символов текста. Из стандартных можно выбрать показатель от 6 до 72 пикселей. Также можно настроить его вручную, введя в строку соответствующее число. Однако обратите внимание, что возможный максимум – 1296 пт.
Сглаживание шрифта
Настройки сглаживания регулируют крайние пиксели символов текста. Например, вариант «не показывать» удаляет любое сглаживание контура, а остальные добавляют на границу символа несколько пикселей, чтобы его размыть.
Рекомендация: используйте режим сглаживания «Резкое».
Выравнивание текста
Выравнивание – стандартная настройка для текста в документах.
Выберите один из параметров – слева, по центру или справа, чтобы определить положение текста на холсте.
Для изменения цвета текста выполните следующие действия:
- Убедитесь, что выбран слой с текстом.
- Нажмите на значок «Цвет».
- В открывшейся палитре выберите необходимый оттенок.
Деформация
В Фотошопе существует множество возможностей искривления текста. Для этого необходимо кликнуть на соответствующий параметр и выбрать стиль деформации. Также можно настраивать силу изменения в %: по горизонтали, по вертикали и уровень изгиба.
Параметры символов текста
Предпоследний значок открывается подробное меню форматирования текста. В нем указываются всех перечисленные выше характеристики, которые также легко изменить. Кроме того, в этом окошке доступно изменение более специфичных параметров. Подробно мы изучим их ниже.
Настраиваем вкладку «Символ»:
Кернинг – настройка расстояния между буквами (плотности текста).
Поможет визуально сделать текст более удобным для чтения.
Вертикальный и горизонтальный масштаб – форматируют высоту и ширину символов.
Интерльяж – параметр расстояния между строками в текстовом блоке.
Трекинг – позиция расстояния между символами.
Языковые настройки – определение языка, на котором написан текст.
Стилизация шрифта. Эта линейка параметров позволяет сделать текст зачеркнутым, подчеркнутым или установить верхний и нижний регистр.
Настраиваем вкладку «Абзац» (вызвать окно можно через меню Окно — Абзац):
Помимо выравнивания по одному краю или по центру в этой вкладке можно также:
Выровнять текст по ширине или оставить свободную последнюю строку:
Настроить ширину отступов:
Установить переносы слов (для текстового блока):
Обратите внимание! Для того, чтобы сохранить любые изменения форматирования, необходимо нажать на галочку, которая находится в конце панели инструментов.
Как применить стили к тексту в фотошопе
Перехожу к стилям текста.
Открываю в верхнем меню вкладку «Стили», в ней «Стиль слоя» и «Параметры наложения».
В открывшемся окне доступно большое количество вариантов изменения текста: наложение цвета, прозрачность, обводка, тени и многое другое.
Как сделать тень текста
Начну с теней, эта вкладка в нижней части списка.
С помощью ползунков меняю размер тени, ее размытие, сдвиг относительно текста. Все изменения сразу видны на картинке.
Чтобы тень легла так, словно освещение у меня слева вверху я меняю соответственно и угол падения света. Это круг с лучом, который легко двигается мышкой.
Далее делаю тень более прозрачной, легкой. И меняю ее цвет с черного на темно-красный.
Текст с тенью готов.
Внешнее свечение текста
Во вкладке «Внешнее свечение» меняю размер, размах, прозрачность, цвет – все по аналогии с тенью, все операции идентичны.
Чтобы посмотреть, как внешнее свечение текста будет выглядеть без тени, снимаю галочку на соответствующей вкладке с тенями. Очень удобно для просмотра результатов.
Как сделать обводку текста в фотошопе
Следующий пункт – обводка текста PhotoSHop. По умолчанию толщина линии у меня стоит 3 пикселя. Меняю на более тонкий контур в 1 пиксель. И цвет беру пипеткой из оттенков букета.
Изменение оттенка текста с помощью «Наложения цвета»
Очень полезная вкладка для изменения цвета текста непосредственно в стилях. Интуитивно понятна — просто используйте палитру.
Добавление рамки на открытку
Соответствующий инструмент расположен в палитре слева. При клике по значку прямоугольника в верхней части рабочего стола активируется панель.
В ней настраиваю внешний вид рамки:
- выбираю «Контур» фигуры,
- из «Заливки» выбираю перечёркнутый белый прямоугольник, то есть фигура будет без заливки, только рамка,
- цвет рамки настраиваю во вкладке «Штрих», выбираю градиент от красного к белому,
- определяю толщину рамки с помощью ползунка или вношу с клавиатуры.
Рисую рамку, просто протянув мышкой с нажатой левой клавишей из угла в угол по диагонали.
Поправляю ее с помощью инструмента «Перемещение» — немного растягиваю и сдвигаю. Для сдвига удобно использовать в данном случае клавиши стрелок на клавиатуре. Так будет точнее и аккуратнее.
Выбираем шрифт
В данном способе мы будем создавать надпись, выполняя установку дополнительных скачанных шрифтов, создадим градиентную заливку символов и их обводку.
Скачивать дополнительные шрифты для Фотошоп можно на сторонних ресурсах.
Самый популярный из них – 1001 free fonts. Выберите понравившийся шрифт и скачайте его, затем распакуйте архив.
Переместите файл формата TTF в системную папку Шрифты Windows, которая расположена в панели управления.
Рис. 9 – системна папка «Шрифты»
После перемещения файла выполните перезагрузку редактора Фотошоп, чтобы новый установленный шрифт добавился в программу.
Теперь нажмите на инструмент «Горизонтальный текст».
Напишите его на любом месте фотографии.
С помощью верхней панели выберите шрифт (помимо стандартных элементов, в этой вкладке также будет отображаться установленный шрифт).
Рис. 10 – добавление надписи
Выберите размер символов. Теперь можно приступать к добавлению различных эффектов. Откройте окно слоёв (вкладка «Окно», пункт «Слои»).
Выберите слой с текстом. В окне стили слоя добавляем тень. Для этого необходимо отрегулировать параметр непрозрачности примерно на 75%.
Далее выставьте смещение на 10-12 пикселей. В строке Размер также переместите ползунок до значения 10-12 пикселей.
Рис. 11 – настройка тени надписи
Все значения указаны примерно, вы можете настроить их на своё усмотрение, создавая новые эффекты. В правой части окна «Стиль слоя» присутствует предварительный показ настраиваемого шрифта.
Теперь добавим свечение внешней части текста. Для этого в том же окне «Стиль слоя» слева о.
В правой части окна выставьте параметр «Размах» как 8% и Размер как 27 пикселей.
Чтобы увеличить площадь свечения, отрегулируйте элемент «Размах».
Рис. 12 – настройка внешнего свечения текста
Далее приступим к работе с градиентной заливкой символов текста. В окне «Стиль слоя» кликните на раздел «Наложение градиента.
Нажмите на цвет градиента, чтобы открыть палитру оттенков. Можно выбрать цвет с помощью мышки или ввести код оттенка. Введём #fbfea0.
Далее нужно нажать на нижнем ползунке, который находится справа и ввести код цвета #ffef04.
Рис. 13 – создание градиентной заливки текста
Теперь сделаем обводку для символов. Кликните на «Обводка» и выберите размер контура «3» и цвет обводки под кодом #031f01.
Рис. 14 – настройка обводки текста
Закройте окно стилей слоя. Аналогично вы можете добавить ещё одну надпись с другим шрифтом и настроить для неё обводку, внешнее свечение и градиент.
Рис. 15 – результат создания надписи
Водяной текст или водяной знак
На своих открытках я обычно ставлю прозрачный водяной знак в виде адреса моего сайта.
Поэтому еще раз работаю с текстом и вставляю адрес сайта Uhelgi.ru.
Меняю начертание, цвет, размер и перетаскиваю его в правый нижний угол.
Прозрачность текста меняется в стилях. Делаю надпись полупрозрачной.
Чтобы текст не привязывался к рамке, нарисованной перед этим, я слой рамки перетаскиваю ниже, тем самым обрывая связь рамки с текстом, которую фотошоп настраивает автоматически.
Можно скопировать уже настроенные стили предыдущего текста и вставить их на новый текст. Эти команды все есть во вкладке «Стили».
Изменение размера готовой открытки
Для ВКонтакте или для других соцсетей данный размер открытки вполне подойдет. Но для сайта нужна картинка поменьше.
Не возвращаясь в фотошоп, я обычно и просматриваю, и выполняю простые операции в программе Picture Manager или еще его название Диспетчер рисунков. Вы можете посмотреть давний урок по работе в этой программе на Ютуб (ссылка)
В этой программе во вкладке (в верхней панели) «Изменить рисунки», кликаю «Изменение размера».
Далее выбираю «Стандарт Веб Крупный (640 на 480 пикселей)».
Затем либо сохраняю картинку с другим именем, либо просто при закрытии программы подтверждаю внесенные изменения.
Как добавить текст в Photoshop
В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.
Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.
Количество источников, использованных в этой статье: 9. Вы найдете их список внизу страницы.
Количество просмотров этой статьи: 71 606.
В программе Adobe Photoshop чаще всего создают иллюстрации и редактируют фотографии, хотя она позволяет также добавлять к изображениям текст и менять шрифт, размер или цвет текста. С помощью данной функции можно создавать объявления, титульные листы и обложки. Учитывайте, что основное назначение такой функции — сделать картинку более информативной при помощи короткого текста, а не печатать большие абзацы или создавать текстовые документы.
от простого к сложному. Часть 62
2 — 2003
1 Фон
2 Извлечение шрифта из надписи
3 Текст как текстура
4 Деформация текста
5 Поток мыслей
Photoshop позволяет применять к тексту самую разнообразную
оформительскую технику. Отличные результаты дает, например, использование текста
в качестве текстуры…
Используемые не по своему прямому назначению буквы способны принимать загадочный
вид. Вместо того, чтобы четко передавать смысл написанного, текст как текстура,
наоборот, его скрывает. Подобная техника поможет придать эмоциональную нагрузку
вашей композиции.
Текст в этом уроке должен будет вызывать ассоциации с чем-то давно позабытым.
Вы узнаете, как сливать буквы с другими элементами композиции. Слова становятся
частью картинки, утрачивая свой изначальный смысл.
У вас может не оказаться шрифта, который идеально вписался бы в композицию,
и здесь на помощь приходит фотография.
1 Фон
Чтобы типографика выглядела интереснее, потребуется соответствующие фон и текстура. Их-то и нужно создать прежде всего…
- Для фона мы выбрали вот такое изображение с градиентом, а в качестве текстуры используем два черепа. Подумаем, как лучше разместить эти объекты в композиции. Макет должен наилучшим образом оттенять инициалы JH (см. изображение в самом начале).
- Сначала тонируем фон. Комбинацией клавиш Ctrl+U/Command-U откройте диалоговое
окно Hue/Saturation (Цветовой тон/Насыщенность). Регулятором Saturation понизьте
насыщенность цвета, а регулятором Hue задайте ему коричневый оттенок. Этот
тусклый цвет в дальнейшем послужит хорошей основой для наложения на фон других
изображений в режиме Overlay (Перекрытие).
- «Череп.1» помещаем в центр так, чтобы верхнее и нижнее изображения сливались. Задайте режим наложения Maltiply (Умножение) на светлом пятне должен частично проявиться силуэт черепа.
- Берем еще одно изображение, «Череп.2», и переносим его в левую часть композиции. С помощью инструмента трансформации (Ctrl/Command+T) поворачиваем изображение перпендикулярно центральному черепу. Затем дублируем слой «Череп.2» и командой Edit > Transform > Flip Horizontal (Редактор > Трансформация > Отразить по горизонтали) создаем отраженное изображение в правой части иллюстрации.
- К обоим слоям применяем режим наложения Screen (Осветление). При этом черные
области исчезают и остаются только белые черепа. Итак, основа для композиции
создана.
- Открываем изображение высоковольтной вышки. Инвертируем его (Ctrl/Command+I). Переносим негатив на фон и позиционируем так, чтобы он перекрывал левый череп. Применяем режим наложения Screen, чтобы вышка выглядела призрачной.
- Для огрубления полученного изображения откроем файл с текстурой. Инвертируем его (Ctrl/Command+I). Это нужно для того, чтобы текстуру можно было наложить на композицию в режиме Screen.
- Помещаем текстуру на фон и выбираем режим наложения Screen. Изображение обретает наэлектризованность и эфемерность. С помощью регуляторов в диалоговом окне Levels (Уровни) добейтесь, чтобы шумы текстуры растворились в фоне.
- Увеличение показывает, насколько текстура помогает объединить все элементы изображения: черепа, вышка и фон обретают некое единство.
Этот
тусклый цвет в дальнейшем послужит хорошей основой для наложения на фон других
изображений в режиме Overlay (Перекрытие).
2 Извлечение шрифта из надписи
Эта надпись была вырезана на камне более 100 лет назад.
- На этой фотографии изображен крест, установленный в 1892 году. Красивый готический шрифт отлично подходит для вензеля, который должен находиться в центре нашего изображения. Это в очередной раз подтверждает, насколько удобно всегда иметь под рукой фотоаппарат. Инициалы JH будут центральной частью всей композиции.
- Чтобы буквы выглядели, как новые, понадобится трассировать их, то есть обвести инструментом «перо». Работа с «пером» требует определенных навыков. Это важнейший инструмент в арсенале компьютерного дизайнера-графика, поэтому его обязательно надо освоить.
- Аккуратно обведя все буквы, открываем палитру Paths (Контуры). Щелчок на символе «выделить контур» преобразует контур в выделение.
- С помощью инструмента «область» размещаем выделение между двумя
фланговыми черепами. Клавишами-стрелками выравниваем выделение по центру.
- Заполняем выделение слабым оттенком серого. Слой «Шрифт» должен находиться под слоем с текстурой, чтобы воспринять ее шероховатость. Сбрасываем выделение (Ctrl/Command+D) и выбираем режим наложения Color Dodge (Осветление основы).
- На данном этапе буквы выглядят не особенно ярко. Дублируем этот слой и понизим уровень непрозрачности копии до 50 процентов. Теперь буквы видны достаточно хорошо, чтобы составить центральный элемент композиции, и при этом сохраняют шероховатость нижней текстуры.
3 Текст как текстура
Теперь поэкспериментируем с типографикой как текстурой, создавая из текста неразборчивый фон…
- Откройте новый документ и выберите какой-нибудь старинный шрифт. В нашем
примере это Old English Next, хотя сюда хорошо впишется любой из подобных
шрифтов. Выберите инструмент «текст» и введите строку текста размером примерно
30 пунктов.
- Выделите текст и нажмите кнопку с буквой Т на горизонтальной панели инструментов. При этом откроется диалоговое окно деформации текста. Из списка вариантов мы выбрали Bulge.
- Создайте несколько строк текста и каждой строке задайте свой стиль искривления. Хотя текст предназначен для текстуры, некоторые слова все же останутся читаемыми, поэтому подобранные с умом фразы способны придать компании больше загадочности.
- Свяжите текстовые слои, щелкая в пустом квадратике слева от строки каждого слоя на палитре Layers (в квадратиках появляется изображение цепи). Связав слои (кроме фонового), комбинацией клавиш Ctrl/Command+Е совместите их. Выделите кусок текста инструментом «лассо» и перетащите его в основное изображение.
- Поместите этот текст позади символов JH они должны оставаться яркими.
Задайте режим наложения Multiply (Умножение) и позиционируйте текст-текстуру
по центру.
- Создайте несколько дубликатов слоя с куском текста и постройте из них колонку посередине композиции. Это поможет усилить фокальную точку иллюстрации и симметричность композиции.
4 Деформация текста
Чем сильнее деформирован текст, тем загадочнее будут выглядеть буквы фона…
- Вернемся к совмещенному файлу с текстом и дублируем слой. Откройте модуль Liquify (Shift+Ctrl/Command+Х) и обработайте текст, используя для этого разные инструменты.
- Перенесите слой в иллюстрацию и инвертируйте его, превратив черные буквы в белые (Ctrl/Command+I). В списке режимов наложения на палитре Layers выберите вариант Overlay (Перекрытие). Теперь буквы выглядят так, будто плавают на текстуре.
- Повторите этот процесс несколько раз, пока фон не заполнится перекрывающим
его текстом. Кое-где измените уровень непрозрачности, чтобы придать изображению
некоторую неравномерность. Не задумывайтесь, что и где должно находиться
лучше смотрите, как выглядит текстура в разных областях.
Кое-где измените уровень непрозрачности, чтобы придать изображению
некоторую неравномерность. Не задумывайтесь, что и где должно находиться
лучше смотрите, как выглядит текстура в разных областях.5 Поток мыслей
В завершение вставим в иллюстрацию еще один рукописный текст…
- Напишите коричневым цветом многократно повторяющуюся строку текста, который передает ощущение, вызываемое этим изображением. Новый текст должен быть более разборчивым, чтобы составить контраст уже имеющемуся деформированному тексту. Размер букв должен быть значительно меньше: примерно 8-9 пунктов.
- Обработайте некоторые участки нового текста в модуле Liquify. Только не
перестарайтесь: достаточно будет небольшой волны. Можете воспользоваться инструментом
Twirl (Искривление) с кистью большого диаметра. Придайте тексту такой вид,
будто по нему прокатился шквал или поток воды.
- Позиционируйте текст так, чтобы он пересек все изображение, пройдя через фланговые черепа и инициалы JH. В заключение выберите режим наложения Multiply (Умножение) и скопируйте слой несколько раз, пока поперек всего изображения со всей очевидностью не проявится ваш текст.
КомпьюАрт 2’2003
Как нанести водяной знак на фотографию в Photoshop и Lightroom
Видели ли вы надписи на фотографиях? Знаете, такие маленькие картинки или слова, указывающие имя фотографа? Они называются водяными знаками. Фотографы часто наносят водяные знаки на свои фотографии, чтобы обезопасить их от неправомерного использования. Вот несколько способов нанесения водяных знаков в Photoshop и Lightroom.
Водяные знаки в Photoshop
Вы можете создать водяной знак в Photoshop несколькими разными способами. Вот некоторые из них.
1. Слой с текстом
Первый способ – это создание слоя с текстом.
Это отличный способ для водяных знаков, которые содержат слова. Вы можете написать свое имя или название вашей компании. Здесь есть возможность настроить прозрачность, которую считаете нужной. Попробуйте изменить режим наложения, чтобы ваш водяной знак выглядел так, как вы хотите. Чтобы добавить символ ©, нажмите комбинацию «option+g» на Mac, или «Alt+0169» на ПК.
Обычный режим наложения с черным шрифтом и непрозрачностью 100%.
Обычный режим наложения с непрозрачностью 63% и черным шрифтом.
Режим наложения Перекрытие с черным шрифтом и непрозрачностью 100%.
2. Файл с логотипом
Если у вас есть логотип, вы можете нанести его на изображение. Вам нужно убедится, что логотип имеет прозрачный фон. Обычно это PNG файл, GIF или даже векторная графика. Если вы не уверенны, уточните это у дизайнера, который разрабатывал ваш логотип. Выберите место, куда бы вы хотели нанести логотип.
Опять же, вы можете регулировать непрозрачность и режимы наложения, чтобы получить желательный эффект.
PNG-файл с прозрачным фоном. Паттерн говорит о том, что фон прозрачный.
Выберите «Поместите связанные» в меню Файл в Photoshop. Затем выберите файл, который хотите разместить.
Разместите файл и установите желаемый размер. (Удерживайте Shift для изменения размера и сохранения пропорций вашего логотипа)
Вы можете снова установить непрозрачность и режим наложения для желаемого результата.
2a. Как сделать фон логотипа прозрачным
Если файл с вашим логотипом не имеет прозрачного фона, тогда придерживайтесь этих простых шагов, чтобы сделать его таким. Сначала откройте ваш файл в Photoshop. Теперь разблокируйте этот слой (двойным щелчком, затем нажмите Enter).
Фоновый слой заблокирован.
Теперь слой разблокирован.
Далее используйте волшебную палочку, чтобы выбрать фон. Если ваш фон не однотонный, тогда выделите логотип и инвертируйте выделение. Теперь, когда ваш фон выделен, просто вырежьте его. Используйте для этого комбинацию «cmd+x» (Mac) или «ctrl+x» для Windows.
Выберите только фон.
Ваше изображение теперь имеет прозрачный фон. Сохраните его как .PNG (JPG не поддерживает прозрачность) и вы готовы двигаться дальше.
Область с сеткой теперь прозрачная.
3. Используя инструмент Кисть
Более простым способом нанесения водяного знака является создание Кисти. Вам не придется проходить все эти три этапа каждый раз, когда вы захотите нанести водяной знак на изображение.
Чтобы создать кисть с заданным текстом, нужно создать новый документ в Photoshop. Убедитесь, что ваш документ имеет прозрачный фон.
Напишите информацию, которую будет содержать ваш водяной знак. Убедитесь, что он выглядит так, как вы желаете. Когда водяной знак готов, перейдите в Изображение-Тримминг-Прозрачные пикселы. Далее, Редактирование-Определить кисть. Назовите свою кисть и следуйте дальше. То же можно проделать с вашим логотипом.
Это простые установки, которые прекрасно работают в большинстве случаев. Убедитесь, что фон установлен, как «Прозрачный».
Учтите, что шрифт написан очень крупно.
Убедитесь, что применили тримминг к тексту.
Текст не должен содержать свободного пространства вокруг.
Сохраните свою кисть в меню Редактирование.
Присвойте кисти имя.
Учтите, что кисть теперь находится в вашей палитре кистей. Вы можете видеть ее в правом нижнем углу этой картинки.
Теперь вы можете использовать свою кисть, как любую другую.
Чтобы нанести водяной знак, просто создайте новый слой и выберите кисть с его изображением. Простым щелчком вы нанесете водяной знак на фотографию. Вы можете установить размер, непрозрачность и режим наложения в соответствии с вашими пожеланиями.
Lightroom имеет прекрасную встроенную опцию, которая позволяет наносить водяной знак на ваши фотографии при экспорте. Чтобы использовать эту опцию, вам сперва нужно создать водяной знак, и чтобы сделать это, перейдите Lightroom>Редактировать Водяной знак.
Вы можете выбрать изображение или текст. Здесь есть несколько разных установок, которые позволят вам создать желаемый водяной знак. Помните, чтобы получить наилучший результат, используйте файл PNG с прозрачным фоном. Иначе у вас будет белый блок вокруг логотипа. Нужно будет назвать и сохранить водяной знак.
Для текстового водяного знака просто напишите необходимую информацию в белом блоке.
Вы можете изменить шрифт, цвет, тень и размер вашего водяного знака. Взгляните на изображение и убедитесь, что достигли желаемого результата. Используйте опцию Якорь, чтобы задать место расположения водяного знака, и опцию Вставка для дальнейших манипуляций.
Шрифт, непрозрачность, размер и расположение могут быть изменены по вашему желанию.
Убедитесь, что используете логотип из файла с прозрачным фоном, чтобы избежать белого блока. Файлы JPEG не могут иметь прозрачный фон.
Теперь, когда ваш водяной знак готов, давайте применим его к фотографии. Перейдите в Экспорт и Водяные знаки. Здесь вы можете выбрать из имеющихся у вас готовых водяных знаков. Ваша фотография будет экспортирована в указанное место вместе с выбранным водяным знаком.
На эту фотографию был нанесен водяной знак в Lightroom с использованием теней.
Автор: Monica Day
Перевод: Татьяна Сапрыкина
Понравился урок? Поделись с друзьями!
Как добавить текст за изображением
youtube.com/embed/ezTPLLyWO7A?feature=player_embedded»> В этом уроке я покажу вам, как создать текст, который будет гармонировать с изображением в Gimpshop.
1.) После открытия приложения выберите «Файл» > «Открыть» или просто нажмите Ctrl + O.
После этого найдите файл, который вы хотите использовать, в каталоге вашего компьютера.
Выбранное изображение появится на холсте. Для этого урока я использовал изображение горы. Эту же картинку можно скачать по этой ссылке.
2.) Затем выберите текстовый инструмент на панели инструментов или просто нажмите T.
Щелкните в любом месте холста, и откроется диалоговое окно текстового редактора. Введите слово, которое вы хотите отобразить.
Вы заметите, что теперь на холсте есть текст.
Если ваш текст слишком мелкий, перейдите к параметрам инструмента и отредактируйте размер шрифта. Вы также можете изменить начертание шрифта и расстояние между буквами, если хотите.
Изменения отразятся на холсте.
3.) Чтобы настроить размещение текста, щелкните инструмент «Перемещение» на панели инструментов или просто нажмите M.
Затем щелкните текст и перетащите его на новое место.
4.) Когда вы довольны положением, скройте текстовый слой, щелкнув значок глаза рядом с ним в диалоговом окне «Слой».
Вы заметите, что текст исчез с вашего холста.
После этого выберите фоновый слой, чтобы сделать его активным. (Ваш активный слой выделен)
5.) Щелкните инструмент «Путь» на панели инструментов или нажмите клавишу B.
Затем обведите форму горы с помощью инструмента «Путь». Вы можете щелкнуть и перетащить, чтобы сделать кривую траектории.
Чтобы упростить задачу, щелкните инструмент «Масштаб» на панели инструментов или нажмите Z. Убедитесь, что для параметров установлено значение «Увеличить».
После этого щелкните в любом месте холста, чтобы увеличить эту часть изображения.
Затем начните обводить горы Инструментом Пути. Нажмите, чтобы создать заостренные края, а затем нажмите и перетащите, чтобы сделать кривую траекторию.
Когда вы закончите трассировку, уменьшите масштаб холста. Выберите «Вид» > «Масштаб» > «Подогнать изображение к окну» или нажмите Shift + Ctrl + E.
Убедитесь, что путь закрыт. Вы можете сделать это, добавив дополнительные опорные точки (те самые полупрозрачные круги на вашем пути) и удлинив конец линии, пока он не достигнет начала.
6.) После того, как вы закрыли путь, щелкните правой кнопкой мыши > Выбрать > Из пути или нажмите Shift + V.
Вы заметите, что анимированная пунктирная линия будет очертать ваш путь.
Перейдите в диалоговое окно «Слой». Щелкните текстовый слой и отобразите его, щелкнув область, где раньше был значок глаза.
Текст снова появится на вашем холсте.
После этого щелкните правой кнопкой мыши > Правка > Вырезать или нажмите Ctrl + X.
Части текста, которые перекрывали анимированный пунктирный контур, исчезнут.
Нажмите «Выбор» > «Нет» или нажмите Shift + Ctrl + A, чтобы избавиться от анимированной пунктирной линии. После этого нажмите M (или щелкните любой другой инструмент), чтобы избавиться от пути.
Теперь вы можете четко видеть текст, который выглядит так, как будто он находится за горой.
7.) Чтобы текст выглядел так, будто он сливается с фоном, перейдите в диалоговое окно «Слой» и отрегулируйте непрозрачность текстового слоя. Для этого урока я уменьшил непрозрачность до 75%.
8.) Если вы хотите, чтобы текст также отражался в воде, продублируйте текстовый слой.
Нажмите инструмент «Отразить» на панели инструментов или нажмите клавиши SHIFT + F. После этого в параметрах инструмента установите для типа отражения значение «По вертикали».
Вернитесь на холст, нажмите и перетащите текст вниз. Затем текст перевернется вертикально.
Нажмите инструмент «Перемещение» на панели инструментов или нажмите клавишу M. Нажмите и перетащите текст на его место в отражении воды. Убедитесь, что он соответствует своему аналогу за горами.
9.) Вы заметите, что отражение перекрывается с травой на переднем плане. Чтобы исправить это, выполните те же процедуры, что и при редактировании текста за горой. Сначала скройте инвертированный текстовый слой в диалоговом окне «Слой», щелкнув значок глаза.
Щелкните фоновый слой, чтобы сделать его активным.
Выберите инструмент «Путь» на панели инструментов или нажмите B.
Обведите контур травы. Вы можете использовать инструмент Zoom для увеличения, как и раньше.
Нажмите «Вид» > «Масштаб» > «Вписать изображение в окно», чтобы уменьшить масштаб изображения. Убедитесь, что вы закрыли путь, расширив конец до начальной точки привязки.
Щелкните правой кнопкой мыши > Выбрать > Из пути или нажмите клавиши SHIFT + V.
Ваш путь будет обозначен анимированной пунктирной линией.
Части текста, перекрывающие контур, исчезнут.
Нажмите «Выделить» > «Нет» или нажмите «Swft + Ctrl + A». После этого вернитесь к инвертированному текстовому слою в диалоговом окне «Слой» и уменьшите непрозрачность. Я использовал только 35% для этого урока.
Вы заметите, что теперь отражение выглядит более естественным.
10.) Чтобы создать эффект ряби для отражения, нажмите «Фильтры» > «Искажение» > «Волны».
Откроется всплывающее окно. Убедитесь, что вы установили режим на Smear. Держите все на низких настройках, чтобы пульсация была тонкой и более естественной. После этого нажмите ОК.
После этого выберите фоновый слой в диалоговом окне «Слой», и вы сможете четко увидеть конечный результат.
Поздравляем! Вы только что узнали, как добавить текст за изображением. Вы также получили некоторые знания о том, как использовать инструменты «Путь» и «Отразить», а также один из различных фильтров Gimpshop.
Ознакомьтесь с дополнительными руководствами на сайте, чтобы освоить различные инструменты и функции, которые может предложить это мощное бесплатное программное обеспечение.
Другие уроки:
Потрясающие манипуляции с фотографиями в GIMP
Базовый эффект луча
Безумно безумные манипуляции с фотографиями в GIMP
Фон рабочего стола
Расширение изображений с жидкостью Rescale
GIMP101: Energy Ball
GIMP101: Одержимый глаз в GIMP
Gimpknow’s FAQ видео
Как создать логотип
Как установить gimpshop Builds
. Стилизованный эффект эмо в GIMP
Как создать красочный эффект линии/волны в GIMP
Как сделать полосу загрузки в GIMP
Как вставить изображения в текст
Как удалить и вставить людей
Как изменить размер изображения в GIMPShop
Эффект человека-факела: Пылающая рука
Учебное пособие по подписи в GIMP
Как поместить текст позади человека в Adobe Photoshop CC
Привет, в этом видео мы собираемся добавить какой-то текст позади этой женщины здесь.
Это очень быстро, очень просто, давайте научимся делать это в Photoshop.
Прежде всего, в «Файлах упражнений» откройте «Быстрый выбор 07». Таким образом, этот конкретный трюк достаточно прост, потому что мы можем использовать инструмент быстрого выбора, который мы изучили в предыдущем видео, а также потому, что мы копируем и вставляем его не в другое изображение, где это может быть совершенно очевидно, мы повторно помещая его обратно на себя, и это довольно снисходительно. Итак, супер быстро и легко, что приятно.
Возьмите инструмент быстрого выбора. Что касается размера кисти, к которому я собираюсь подойти, вы можете видеть, что размер моей кисти увеличивается, используя квадратные скобки. Измените его примерно на 50. Я собираюсь сделать очень грубый проход, поэтому я просто нажму, удерживаю и перетаскиваю, пытаясь поднять его до середины ног. Вот так. Потом сюда, я просто ввожу большую часть, а потом пойду и приберусь. Я увеличу. Выглядит нормально. Итак, теперь я просто увеличу масштаб и проработаю эти части здесь.
Теперь вы обнаружите, что это изображение работает достаточно хорошо, потому что все в фокусе, за исключением этих туфель, они немного болезненны, но на заднем плане все еще достаточно контраста.
Если вы работаете над отдельным изображением, и оно просто никогда не захватывает его, и вы просто думаете: «Что не так?» это просто, иногда просто не получается, смотри здесь, серый цвет ботинка и фон здесь очень близки. Контраста все еще достаточно, чтобы я мог продолжать нажимать здесь и получать его, и если он заходит слишком далеко, я могу вернуться из него. Помните, удерживая клавишу «Option» на Mac, клавиша «Alt» на ПК минусует. Так что, если он зайдет слишком далеко, вы можете минусовать его обратно, вот так. Просто собираюсь отменить, потому что я только что разорвал свой.
Итак, теперь я собираюсь постепенно обойти это. Вы можете ускориться сейчас, потому что это просто много. И, как я уже сказал, это довольно щадяще, понимаете, как это… те самые… цвета… мы, люди, знаем, что обувь на этом заканчивается, но компьютеру приходится как бы пытаться считывать пиксели и цвета, и они могут разницы особо не вижу.
Опять же, это довольно снисходительно, поэтому я больше не беспокоюсь об этом. Сзади хорошо, там немного. Я собираюсь выключить минус, поэтому я держу клавишу «Option» на Mac и клавишу «Alt» на ПК. В этом случае я не слишком беспокоюсь о волосах, позже мы рассмотрим лучшую технику для этого.
Я держу «Alt», просто нажимаю здесь, это довольно хорошо поработало над носом. И я делаю симпатичную маленькую кисть, бери туда. Неправильная кисть, удерживая нажатой клавишу «Alt», щелкните здесь, чтобы удалить маску. Это может немного сбивать с толку, когда вы смотрите на отрицательный выбор, вы думаете: «О, чувак!» Это немного утомляет мозг, потому что я выбрал это, но также и фон, поэтому я хочу избавиться от него, я собираюсь использовать минус «-», чтобы избавиться от этих отверстий здесь. Опять же, этого достаточно для нашего маленького проекта. Я собираюсь уменьшить масштаб, чтобы у меня был достаточно хороший выбор.
Еще одна вещь, которую нужно знать, это то, что если она у вас есть, если она не в фокусе, становится очень трудно.
Если это тот же цвет, что и фон, очень сложно. Она одета в серое, как светло-серое. Ходовая часть, это было бы тяжело. Также обратите внимание, что это изображение довольно большое, поэтому «Изображение», «Размер изображения». Это довольно много пикселей в поперечнике, около 5000. Это типично для хорошего изображения с высоким разрешением с камеры DSLR. Если у вас есть одно, это всего лишь… проверьте свое, если оно идет плохо, и это только около 500 или тысячи, это просто не очень большое изображение, в нем не так много деталей, чтобы Photoshop мог обработать его. края. Посмотрите, сможете ли вы получить увеличенную версию изображения. Если нет, вам просто нужно приложить все усилия и, возможно, рассмотреть некоторые другие методы маскирования позже в этом классе.
Ладно, много болтовни, вырезал. То, что я хочу сделать сейчас, это скопировать и вставить его. Итак, я собираюсь перейти к «Редактировать», «Копировать» и «Редактировать», «Вставить». Крутая вещь в том, что делает Photoshop, заключается в том, что он вставляет его точно туда, где он его получил.
Вы увидите, теперь у меня есть два слоя, так что у меня есть этот нижний слой, а теперь этот верхний слой, оба расположены сверху. Теперь нам нужно поместить изображение, графику или текст, в нашем случае, между этими двумя слоями. Итак, я возьму свой «Инструмент для ввода текста». Щелкните один раз, я использую слово «Так». Шрифт, который я использую, я использую Roboto, бесплатный, его можно скачать онлайн, тот, который Google использует для YouTube. Я использую Condensed, потому что хотел, чтобы красивый высокий шрифт как бы выпирал сзади.
Итак, я возьму свой «Инструмент перемещения». Вы можете видеть сейчас, не работает. Итак, все дело в структуре слоев, возьмите «Душа». Нажмите, удерживайте, перетащите слово, и между ними появится маленькая синяя линия. Ну вот. Теперь дело в том, что, выбрав этот слой, я собираюсь использовать… Я мог бы изменить размер шрифта, но я собираюсь использовать свое сочетание клавиш, которое называется «Command T» на Mac, «Control T» на ПК. Я просто собираюсь сделать его супер большим.
Я собираюсь сделать так, чтобы он выглядел так, как будто он сидит на этой линии. Просто, оказывается, хорошее место для этого. Это взаимодействует с фоном, но вы все равно можете сказать, что это за слово. Что иногда сложно, вам нужно выбрать шрифт и размер, который сделает шрифт действительно разборчивым и не превратит его в странное слово или станет неразборчивым. Это мог быть ты.
Я собираюсь сделать еще одну вещь, прежде чем уйти. К этому слою я добавлю немного градиента, чтобы он соответствовал фону, я знаю, что это подделка, но небольшая интеграция с фоном не помешает в этом случае. Итак, я собираюсь… со слоем Души, я собираюсь перейти к моему «fx» и я собираюсь перейти к «Gradient Overlay». Здесь он помнит последнее, что я сделал. Поэтому, в зависимости от того, что у вас установлено, нажмите на эту цветовую полосу здесь в любом месте. Теперь первый дом, дважды щелкните по нему. Этот нижний здесь, я только что прошел и выбрал серый. Я перетаскиваю это, перетаскиваю сюда и выбираю более темный серый цвет.
Здесь вы можете увидеть, как он настраивается на заднем плане. Вы можете выбрать цвета из документа, что на самом деле, вероятно, лучше, но мне нужен более теплый цвет. Не такой стальной серый. Теперь я просто балуюсь, нажмите «ОК». Этот верхний я оставлю белым, вы можете использовать любой цвет, который вам нравится. Нажмите «ОК», нажмите «ОК». Вы можете поиграть с добавлением тени. Это уродливо. «5», «5». ‘Угол’. Я не собираюсь, я просто балуюсь сейчас. Мне совсем не нравится Drop Shadow, поэтому я его отменю. Я бы хотел, чтобы вы прошли, попрактиковались. Я хочу, чтобы вы использовали свой собственный текст. Вы можете использовать Soul, это нормально, просто пришлите мне свой пример. Может быть, выбрать другой текст, может быть ваше имя. И поэкспериментируйте с градиентом и тенью. Ладно, переходим к следующему видео.
Как добавить текст к изображению БЕЗ Photoshop
Картинка стоит тысячи слов.
Но иногда недостаточно передать свои идеи.
Добавление текста может однозначно улучшить ваше изображение.
В этом уроке мы увидим, как добавить текст к изображению без особых усилий.
Посмотрите видео до конца, потому что мы делимся 5 советами, которые вы должны знать, чтобы создавать шрифты на изображениях.
Выбор изображения
Войдите или зарегистрируйтесь в Picmaker, используя свои учетные данные.
Прямо сейчас мы на панели инструментов Picmaker.
Давайте возьмем пустую монтажную область миниатюр YouTube.
Вы можете загрузить собственное изображение или выбрать из миллионов стоковых фотографий.
Используйте эту строку поиска, чтобы быстро найти интересующее вас изображение.
Как видите, изображения со значками ромбов в правом верхнем углу являются премиальными и элитными изображениями.
Премиум-образы доступны в начальном и профессиональном планах.
Образы Elite входят в тарифный план Pro за определенную плату.
Если у вас бесплатный план, обновите его до начального или профессионального, чтобы использовать высококачественные изображения премиум-класса.
Получите мощность, контроль и настройку, необходимые для управления вашими дизайнерскими проектами
Выберите свой тарифный план
Вы также можете использовать бесплатные изображения, которые мы предлагаем.
Я выберу это изображение.
Установите его в качестве фона монтажной области.
Дважды щелкните изображение, чтобы правильно расположить его на доске.
Совет: добавление цветового оттенка к изображению может поднять текст.
Щелкните значок плюса вверху.
Выберите цвет, подходящий к изображению.
В данном случае я выберу черный.
Играйте с прозрачностью, пока не получите желаемый результат.
Прежде чем добавить текст, давайте добавим больше удовольствия к изображению с помощью объектов.
Теперь ваше изображение готово для добавления текста.
Щелкните текстовую часть на боковой панели.
Вы можете использовать один из этих готовых текстов или добавить текст с нуля.
Я покажу вам, как использовать оба варианта.
Добавить текст с нуля
Начнем с добавления текста с нуля.
У вас есть 6 опций на боковой панели.
Вам не нужно нажимать на эти параметры, чтобы увидеть, как это будет выглядеть на монтажной области.
Превью уже представлено здесь.
Большой текст больше, чем заголовки, а заголовки относительно больше, чем заголовки.
Аналогичным образом можно добавить основной текст, сводки и подписи.
С помощью этих опций вы можете избавить себя от необходимости выбирать размер шрифта отдельно.
Я буду использовать большой текст.
Чтобы изменить цвет, просто нажмите на цвет вверху.
Выберите цвет шрифта, идеально соответствующий изображению.
Дважды щелкните текст для редактирования.
Вы можете изменить шрифт, используя раскрывающееся меню вверху.
Настройте другие стили шрифта, такие как полужирный, курсив, подчеркивание и преобразование текста, чтобы оживить его.
Если вы чувствуете, что цвет текста не выделяется, измените прозрачность изображения.
Здесь можно изменить размер шрифта или изменить его вручную, как показано ниже.
Давайте добавим еще один текст, используя текстовую подпись.
Преимущество текстовой подписи в том, что она добавляет цвет фона к тексту.
И вы можете изменить цвет из меню выше.
Играйте с различными готовыми текстовыми эффектами в Picmaker.
Добавить готовый текст
Теперь, когда вы знаете, как добавить текст с нуля, пришло время научиться использовать готовые текстовые шаблоны.
Готовые текстовые шрифты — это предварительно разработанные шрифты с добавленными текстовыми эффектами.
Вы можете использовать их, когда вы находитесь в пути, чтобы спроектировать что-то за считанные секунды.
Например, давайте возьмем этот готовый текст.
Как видите, эффект полого текста добавлен яркими цветами.
Это не значит, что вы не можете настроить готовые тексты.
Дважды щелкните текст для редактирования, и вы всегда сможете поиграть с цветами.
Если вы разрабатываете презентацию, добавление ссылки на слайд очень поможет вам показать ссылки.
Загрузите свой собственный шрифт
В Picmaker установлено множество самых популярных шрифтов в мире графического дизайна.
Если вам нужно использовать свой собственный шрифт, вы можете загрузить его в любое время с помощью этой кнопки загрузки.
Загруженные шрифты удобно использовать в разделе текста на боковой панели.
Советы по дизайну шрифтом на изображении
Размытие изображения
Одна из проблем, с которой вы столкнетесь при добавлении текста к изображению, заключается в том, что текст сливается с изображением и затрудняет его чтение.
Размытие фона в возрасте, чтобы текст легко читался.
Добавляет акцент к сообщению, которое вы пытаетесь передать.
Игра с прозрачностью
Как было показано ранее, добавление цветового оттенка к изображению и игра с прозрачностью могут значительно улучшить читаемость текста.
За считанные секунды вы сможете вывести свой дизайн на новый уровень, сохранив при этом свое послание.
Добавление текста к фигурам
Добавление текста к фигурам, таким как прямоугольники или круги, поможет зрителям легко читать текст.
Это не только улучшает четкость, но и привлекает внимание к тексту.
Если вы выбираете прямоугольную форму, вам подойдет текстовая подпись.
Знайте иерархию
Используйте размер шрифта, чтобы различать, что важнее, а что нет.
Текст с крупным шрифтом будет заметнее, чем текст с мелким шрифтом.
Так что выбирайте размер текста с умом, чтобы убедиться, что ваши читатели читают именно то, что вы хотите.
Цветовые акценты
Цвета помогают выделить слово в дизайне.
Просто выберите слово и измените цвет.
