Наложить текст на фото онлайн — уроки фотошоп

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).

Установите радиус размытия 3.8 px.

Теперь контраст значительно улучшен, а текст можно легко прочитать.

Надеюсь, вам понравился данный урок!

Источник: https://Photoshop-master.ru/lessons/text/5-sposobov-razmestit-tekst-na-izobrajenii-v-fotoshop.html

Наложить текст на фото онлайн

Приветствую вас, любители фотошопа!

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

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

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

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

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

Загружаем фото в фоторедактор онлайн

Для начала зайдите в фотошоп онлайн (фоторедактор pixlr — https://pixlr.com/editor/) и откойте в нём нужную фотографию.

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

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

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

За добавление надписи отвечает конкретный инструмент. Он находится слева на панели инструментов и называется «Текст» (буква T лат. на клавиатере).

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

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

Настройка шрифта и цвета надписи

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

Шрифт я выбрал Russo One, размер шрифта задал 65.

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

Сохраняем фото

Как только вы закончите работать с надисью нажмите на «Да» в окне редактирования текста.

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

Фотографию можно сохранить через меню ФайлСохранить.

Автор урока — Александр

Источник: https://pixelbox.ru/kak-dobavit-nadpis-na-foto-onlajn

Добавить текст на фото онлайн

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

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

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

Пример изображения с текстом

Особенности наложения надписи на фотографию онлайн

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

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

  1. Прямым — вы непосредственно размещаете надпись на вашем фото с помощью мышки, визуально контролируя процесс;
  2. Текстовым – вы указываете в настройках сервиса координаты места на фото, где будет располагаться ваша надпись (используется крайне редко)

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

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

Fotoump.ru — онлайн редактор фото

Отечественный сервис fotoump.ru обладает достаточным функционалом для базовой обработки фотографий. В его функционал входят обрезка и вращение фото, изменение размера изображения, добавление к нему различных форм, рисование, задействование различных фильтров и другие возможности.

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

  1. Перейдите на fotoump.ru;
  2. Нажмите на «Загрузить с компьютера», и укажите сервису путь к вашему фото для загрузки;
  3. После промотайте ползунок справа чуть вниз, и нажмите на «Открыть» (ваше фото отобразиться на экране редактирования);
  4. Выберите вкладку «Текст», и определитесь со шрифтом. Сверху вы можете выбрать вид нужных вам шрифтов, а снизу выбрать конкретный шрифт;
  5. После выбора шрифта внизу экрана появится меню, где вы сможете выбрать цвет шрифта, прозрачность, размер и другие соответствующие настройки;
  6. На вашем фото справа появится специальная рамка для ввода текста, которую вы можете передвигать с помощью мыши, наведя на неё курсор и зажав левую клавишу;Выбираем настройки в fotoump.ru
  7. Для ввода текста в указанном поле дважды кликните на нём;
  8. После проведения необходимых изменений нажмите на «Применить», а затем и на «Сохранить» вверху.

Effectfree.ru — простой инструмент для добавления надписи к фото

Сервис effectfree.ru специально предназначен для работы с различными видами эффектов для изображения, включая необходимое нам добавление красивого комментария на фотографию.

Алгоритм такого добавления выглядит следующим образом:

  1. Выполняете вход на effectfree.ru;
  2. Нажимаете на кнопку «Обзор», и указываете сервису путь к фото на диске (или ссылку на нужное фото в сети чуть ниже);
  3. Нажимаете на «Выполнить загрузку фото» для загрузки фото на ресурс;
  4. В открывшейся странице редактирования под фото будет размещена панель управления. Размещение текста на фото будет регулироваться кнопками курсора, в соответствующей строке вы сможете ввести ваш текст и выбрать его настройки;Наложение текста на effectfree.ru не создаст каких-либо проблем
  5. После определения всех необходимых параметров нажмите на «Наложить текст» справа, а затем и на «Скачать и продолжить».

Addtext.com — англоязычный ресурс для добавления комментария

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

Для работы с сервисом выполните следующее:

  1. Запустите addtext.com;
  2. Нажмите на «Computer» для загрузки фото;
  3. Откроется страница редактирования, слева будет расположен ряд настроек, а справа – загруженное вами изображение;
  4. В поле «Your text here» вводите ваш текст, поле «Style» отвечает за стиль вашего шрифта, а поле «Size» за его размер. Разместите вашу надпись в нужном месте фотографии с помощью мышки;Работа с изображением на addtext.com
  5. Кнопка «More text» позволит вам добавить к изображению ещё одну надпись;
  6. После того, как вы разместите надпись в нужном месте, нажмите на «Next» под изображением, а затем на «Download» для сохранения фото на ПК.

Editor.pho.to — удобный фоторедактор

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

  1. Воспользуйтесь editor.pho.to;
  2. Выберите «С компьютера» для загрузки изображения на ресурс;
  3. Перейдите во вкладку «Текст» слева (изображение «Т+»);Рабочее окно фоторедактора editor.pho.to
  4. Справа определитесь с видом текста, слева – с его настройками, а в специальном поле на фото введите сам текст, и передвиньте его в нужное место с помощью мышки;
  5. Для сохранения результата нажмите «Сохранить и поделиться».

Imgonline.com.ua — быстрое наложение надписи на картинку

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

  1. Перейдите на imgonline.com.ua;
  2. Нажмите на «Обзор» для загрузки фото на ресурс;
  3. В поле ниже введите сам текст;
  4. В строке «Готовые предустановки» выберите один из шаблонов, или сами установите все параметры чуть ниже;
  5. Нажмите на «Ок» в самом низу, подождите пока сервис обработает результат, и выберите «Скачать обработанное изображение».Текстовые настройки на imgonline.com.ua

Заключение

Практически каждый из перечисленных сервисов (за исключением, может, imgonline.com.ua) обладает крайне простым функционалом. Позволяя за несколько секунд добавить нужный текст на изображение, а потом и сохранить последнее на ПК. При этом данные сервисы доступны абсолютно бесплатно, что лишь добавляет к ним интереса со стороны множества пользователей.

(1

Источник: http://it-doc.info/dobavit-tekst-na-foto-onlajn/

Как онлайн сделать надпись на фото или наложить текст на картинку

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

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

Читайте также:  Как выделить с помощью каналов и маски - уроки фотошоп

Как сделать надпись на фото в онлайн-редакторе

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

Заходим на lolkot.ru и выбираем вкладку лолМиксер (что такое LOL можете узнать по ссылке).

Выбираем картинку с компьютера (или загружаем из интернета) и переходим к вводу и настройкам накладываемого текста.

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

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

Добавление надписи на фото с holla.ru

Еще один инструмент для наложения надписей на фото онлайн — это holla.ru.

Загружаем фото и внизу картинки выбираем фоторедактор. Мне больше по душе второй (о нем на этой сайте имеется подробнейшая статья — Pixlr Editor — фотошоп в онлайне).

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

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

Для перемещения текста по картинке используем инструмент «стрелка».

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

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

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

Итак, для начала открываем в Фотошопе картинку, куда требуется добавить текст в виде водяного знака (полупрозрачного и малозаметного текстового или какого-либо графического изображения). Сделать это можно с помощью команды File->Open (Файл->Открыть) или же просто перетаскиваем ее в окно редактора.

Активируем инструмент «текст»:

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

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

Ну а теперь делаем водяные знаки. Для начала текст сначала нужно сделать объемным. Внизу палитры Layers (Слои) есть значок добавления функции.

Нажимаем его и выбираем Bevell & Emboss (Тиснение). В принципе, можете оставить все как есть и нажать ОК, а можете подвигать ползунки и следить за изменениями на картинке.

В итоге у вас должен получиться объемный текст. Теперь последний штрих — делаем из него водяной знак. Вверху палитры Layers (Слои) есть ползунок Fill (Заливка), устанавливаем его в нулевое значение, и все готово!

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

Сохранение файла в фотошопе осуществляется с помощью команды File->Save As (Файл ->Сохранить как). Не забудьте выбрать из выпадающего списка формат JPEG или другой необходимый вам.

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

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

Подборки по теме

Использую для заработка

Рубрика: Отвечаю на частые вопросы, Тестируем онлайн-сервисы

Источник: https://KtoNaNovenkogo.ru/web-obzory/kak-onlajn-sdelat-nadpis-na-foto-nalozhit-tekst.html

Сделать надпись на фото онлайн

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

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

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

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

Кроме того, Вы можете растрировать текст (но не забывайте, что это необратимая операция) и работать с ним, как с обычным изображением.

Давайте сперва разберёмся, как сделать текстовую надпись онлайн.

Создаём текстовую надпись онлайн

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

В качестве примера, на картинке ниже я привёл три надписи, сделанные разными шрифтами, установленными на моём компьютере — DS_arabic.ttf, Quake.ttf и Graf.ttf, эти шрифты Вы можете скачать в данном разделе нашего сайта:

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

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Как вставить фотографию в рамку онлайнВ интернете имеется множество ресурсов, предлагающих вставить пользовательскую фотографию в рамку, поздравительную открытку, рамку-календарь и тому… Программа для самостоятельного создания календарей с фотографиямиЕсли Вам надо создать календарь, оформленный Вашими фотографиями (например, в подарок близкому человеку, или для того,  чтоб повесить в кабинет…
Реалистичный эффект старой фотографии конца 19-го векаЕщё один способ переделки современной фотографии в старую, похожую на фото конца 19-го века — на этот раз, с помощью экшена (action) Photoshop. Экшен… Придать портрету журнальный вид с помощью PhotoInstrument 4.7 RUPhotoinstrument — лёгкая программа для редактирования цифровых фото, которая была создана разработчиками специально для редактирования фотопортретов…

Источник: https://rugraphics.ru/forimage/nadpis-na-foto-onlayn

Как написать текст на фотографии в Photoshop

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

  • Программа Adobe Photoshop. Системные требования и полные инструкции по установке программного обеспечения можно найти на сайте http://www.adobe.com/ru/products/photoshop/tech-specs.html

Инструкция

Откройте фотографию в программе Photoshop. Откройте меню «File», выберите «Open» («Файл» -> «Открыть») и откройте файл с фотографией.

На панели инструментов щелкните мышью на маленьком двойном квадратике «Default Foreground and Background Colors» («Цвета переднего плана и фона по умолчанию») в нижней части панели инструментов, чтобы установить черный цвет переднего плана. Это тот цвет, которым вам нужно ввести текст на этом шаге.

На панели инструментов выберите инструмент «Horizontal Type» («Горизонтальный ввод»). В верхней части окна программы появится панель параметров инструмента. Установите требуемые значения. Выберите шрифт в открывающемся списке «Font» («Шрифт»). В приведенном примере использовался шрифт «Arial». Выберите стиль шрифта.

В приведенном примере использовался «Regular» («Обычный»). Введите размер шрифта в пунктах в текстовое поле «Size» («Размер»). В приведенном примере использовался размер 30 пунктов. В открывающемся списке «Anti-Aliasing» («Сглаживание»)выберите пункт «Crisp» («Четкий»).

Выберите параметр выравнивания текста «Center Text» («Выравнивание по центру»).

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

Обратите внимание, что палитра «Layers» («Слои») теперь содержит слой с именем «Layer 1» («Слой 1») со значком «T» возле имени слоя, указывающим, что это текстовый слой.Выберите инструмент «Move» («Перемещение») и перетащите текст, расположив его там, где его чтение не затруднено.

Обратите внимание, что на палитре «Layers» («Слои») имя слоя заменилось на введенный вами текст.
В приведенном примере текст переместили чуть вправо, где на фотографии более светлый фон.Вы можете улучшить вид надписи путем добавления специальных эффектов из коллекции готовых и редактируемых стилей слоя. Откройте меню «Layer» («Слой»).

Выберите пункт «Layer Style» («Стиль слоя»).
Убедившись, что активным остается слой с текстом, экспериментируйте с вашим слоем, устанавливая различные эффекты. В приведенном примере установлены эффекты «Drop Shadov» («Тень»), «Outer Glow» («Внешнее свечение») и изменен цвет надписи с помощью эффекта «Color Overlay» («Цвет»).

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

Photoshop предоставляет возможность придать надписи оригинальный вид за счет стилизации и деформации текста.
Убедитесь, что слой с текстом по-прежнему активный. На панели инструментов выберите инструмент «Horizontal Type» («Горизонтальный ввод»).

В верхней части окна программы появится панель параметров инструмента. Щелкните мышью на кнопке «Create Warped Text» («Создать деформированный текст»). Выберете в окне «Warp Text» нужный вам стиль и измените значения.
В приведенном примере использовался стиль «Rize».

На панели параметров инструмента щелкните мышью на кнопке «Commit Any Сurrent Edits» («Принять все текущие правки»), чтобы принять вашу правку и отключить режим редактирования.
Откройте меню «File», выберите «Save» («Файл» -> «Сохранить»).

Источники:

  • как написать комментарий к фотографии

Источник: https://www.kakprosto.ru/kak-34294-kak-napisat-tekst-na-fotografii-v-photoshop

Как написать текст на картинке? Программы, онлайн-фоторедакторы. — Техника и интернет

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

Мотивирующие надписи

Юмор

Название поста, статьи

Лайфхаки

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

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

  1. Как написать текст на картинке в Paint
  2. Как написать текст на картинке в Фотошопе
  3. Как сделать надпись на фото с помощью онлайн-сервисов

Как написать текст на картинке в Paint

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

Сайт https://www.firestock.ru

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

Теперь начинается самое интересное.

Работа в Paint

  1. Первым делом открываем Paint. Путь на виндовс 7: Пуск —> Все программы —> Стандартные —> Paint. На Windows 10 процесс происходит еще  быстрее, достаточно лишь пропустить «Все программы».
  2. Теперь начинаем писать текст на картинке.

     Для этого в Paint нажимаем на «Главная» —> Буква «А»

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

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

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

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

  6. Осталось лишь сохранить изображение. Для этого проходим по пути: Файл — Сохранить как — Прописываем имя — Выбираем формат jpg или png — Сохранить.

    В статье Как уменьшить размер изображения можете подробнее прочитать про форматы.    

На Виндовс 10 есть также  Paint 3D. С помощь него вы также можете успешно рисовать надписи на изображениях.

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

Открываем программу Adobe Photoshop, а далее по инструкции.

Инструкция:

  1. Открываем изображение в фотошопе. Для этого пройдите по пути: Файл -> Открыть.
  2. После того, как картинка открылась переходим к главному. Итак, выберите в боковой панели инструмент «текст», обозначается буквой «T».
  3. Теперь вы уже можете набирать символы с клавиатуры.

    Как сделать это быстро рассказывалось в статье Проверка скорости печати.     

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

    Осталось лишь сохранить. Файл —> Сохранить как —> Выбор формата —> Сохранить.

Как сделать надпись на фото в онлайн-сервисах

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

Наложить текст на фото с сайтом lolkot.ru

Гораздо легче чем в программах наложить текст на фото можно на сайте lolkot.ru.

  1. Переходите на сервис и загружайте изображение, либо прописывайте url-адрес картинки, фотографии. 
  2. После успешного выбора, переходим ко второму пункту «Добавление надписи». Достаточно прописать текст на русском или английском и нажать «Добавить». Перед добавлением можно также выбрать тип шрифта, размер, цвет. Помимо этого, есть возможность добавить эффекты: обведен, тень, вибрация.  При желании укажите градусы поворота. В качестве примера я написал 50 градусов и отобразил это на скриншоте.
  3. В общем, прописывайте, что требуется и переходим к сохранению. Чтобы не потерять обработанную картинку перейдите к третьему пункту и нажмите «Скачать на компьютер». Изображение помещается в папку загрузки, если кто-то не знает где искать. 

Добавление надписи на картинку на сайте holla.ru

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

Инструкция:

  1. Попадаем в черный интерфейс и находим там под заголовком «ЗАГРУЗКА ФОТОГРАФИИ ДЛЯ РЕДАКТИРОВАНИЯ» кнопку «Выберите файл». Выбираем и жмем «ЗАГРУЗИТЬ».
  2. Теперь вы видите фотографию, которую загрузили. А под ней располагаются две кнопки «Скачать изображение» и «Загрузить другое фото».

    Первой из них мы воспользуемся чуть позже. Сейчас требуется посмотреть ниже и выбрать редактор фото. Их два: Aviary Fiather и Pixlr Edirot.  Как мне показалось первый редактор удобнее и проще. Однако, второй более функциональный и привычен тем, кто пользуется Adobe Photoshop.

  3. Чтобы воспользоваться Pixlr Edirot потребуется регистрация, либо вход через Гугл+. Работать с  Aviary Fiather можно без предварительного указания данных. Открываем первый фоторедактор, нажимаем по стрелочке «вправо» и кликаем на букву «T». Далее выбираем цвет, шрифт, прописываем текст.

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

  4. Осталось кликнуть «Скачать изображение».

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

У кого остались вопросы, задавайте их в комментариях под статьей.

Интересные записи:

Источник: http://medicina-treat.ru/kak-napisat-tekst-na-kartinke-programmy-onlajjn-fotoredaktory/

Фотошоп онлайн бесплатно на русском языке

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

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

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

Начать работу в Фотошоп Онлайн

Инструкция по работе редактора Фотошоп онлайн:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пункт меню «Изображение» позволяет редактировать параметры изображения: его цветовое значение (градации серого, CMYK, RGB и так далее).

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

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

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

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

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

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

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

«Слой» — это следующий рассматриваемый пункт главного меню:

Что за зверь: слой в фотошопе?

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

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

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

Давайте попробуем разобраться в вопросе подробнее и рассмотрим, принцип, лежащий в основе инструмента «Слои» в программе фотошоп онлайн.

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

Если вместо темной кальки положить светлую (в терминах фотошопа – сделать корректирующий слой ярче), то видимая нами картинка также станет ярче.

При этом исходное изображение, лежащее под слоем-калькой, никак не измениться.

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

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

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

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

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

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

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

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

«Коррекция» – важное меню для профессионалов и любителей:

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

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

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

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

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

Сделать работу в онлайн фотошоп удобнее: панели «Вид», «Обзор» и «Язык»:

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

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

Для чего нужно окошко «Обзор» ?

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

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

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

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

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

Панель инструментов:

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

  • рамка, которая поможет быстро обрезать изображение до нужного размера;
  • лассо, с помощью которого легко выделить фрагмент изображения;
  • штамп – близкий друг ретушеров, который позволяет перенести один маленький кусочек изображения в другое место;
  • карандаш и кисть для рисования;
  • палитра цветов;
  • инструмент для работы с надписями и текстами;
  • точечные размытие и резкость;
  • «умная» пипетка, которая поможет быстро определить цвет в любой точке картинки
  • ластик

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

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

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

Хорошего настроения, побольше новых идей и вдохновения!

Начать работу в Фотошоп Онлайн

Источник: http://editor.0lik.ru/photoshop-online

Как сделать эффект для текста в Фотошопе

В этом уроке вы научитесь создавать карамельный текст в Фотошопе.

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

Создайте новый документ в Photoshop (Ctrl + N), высотой (Height) 1920 и шириной (Width) 1080 пикселей. Разрешение (resolution) поставьте 300 пикс/дюйм (300 ppi), и цветовой профиль (color mode) RGB. Затем нажмите ОК.

Нажмите Ctrl + Shift + N, чтобы создать новый слой. Выберите основным цветом (foreground color) #292929 и нажмите Alt + Delete, чтобы залить слой выбранным цветом.

Нажмите Ctrl + Shift + N, чтобы создать еще один новый слой. Теперь основным цветом выберите #996933. Выберите Инструмент Градиент – Gradient (G). В окне настроек градиента убедитесь, что вы выбрали градиент от цвета к прозрачности (смотрите рисунок), также выберите тип градиента Радиальный (Radial). Сделайте градиентную заливку по центру от верха к низу холста.

Шаг 2. Создание фона

 Снова создайте новый слой (Ctrl + Shift + N). Выберите основным цветом #daba97. Снова возьмите Инструмент Градиент – Gradient (G) и в настройках выберите градиент от цвета к прозрачности, тип градиента Радиальный (Radial).

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

Теперь уменьшите Непрозрачность (Opacity) градиента до 64%.

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

Шаг 3. Добавление тексту эффектов: тень, наложение градиента, тиснение.

 Теперь наберите слово «Caramel», первую букву сделайте заглавной, остальные – строчными. Используйте шрифт Channel размером 47 пунктов, цвет шрифта — #b5710f. Разместите текст по центру холста, как показано на рисунке ниже:

Шаг 4. Добавление тексту эффектов: тень, наложение градиента, тиснение.

Дважды кликните левой кнопкой мыши по слою с текстом и добавьте стиль Тень (Drop Shadow) с такими настройками:

— режим наложения: Умножение (Multiply)

— цвет (Color): черный

— Непрозрачность (Opacity): 75%

— Угол (Angle): 131

— поставьте галочку Глобальное освещение (Use Global Light)

— Смещение (Distance): 5 пикселей

— Размах (Spread): 0 %

— Размер (Size): 8 пикселей

— Контур (Contour): Линейный (Linear)

— поставьте галочку в окошке Сглаживание (Anti-aliased)

— Шум (Noise): 0%

— поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 5. Добавление тексту эффектов: тень, наложение градиента, тиснение.

теперь добавьте стиль Наложение градиента (Gradient Overlay) со следующими настройками:

режим наложения Умножение (Multiply)

— снимите галочку Размыть (Dither)

— Непрозрачность (Opacity): 36%

градиент от черного к белому цвету

— снимите галочку Обратить (Reverse)

— Стиль (Style): Линейный (Linear)

— поставьте галочку Выровнять со слоем (Align with Layer)

— Угол (Angle): 90

— Масштаб (Scale): 150%

Шаг 6. Добавление тексту эффектов: тень, наложение градиента, тиснение.

Добавьте еще один стиль — Тиснение (Bevel and Emboss) с такими настройками:

Стиль (Style): Внутренний скос (Inner Bevel)

— Метод (Technique): Плавное (Smooth) 

— Глубина (Depth): 100%

— Направление (Direction): Вверх (Up)

— Размер (Size): 5 пикселей

— Смягчение (Soften): 16 пикселей

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Высота (Altitude): 45 градусов

— Контур глянца (Gloss Contour): по Гауссу (Gaussian);

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): #fbcf90; Непрозрачность (Opacity): 75%

— Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 75%.

Шаг 7. Добавление тексту эффектов: тень, наложение градиента, тиснение.

Под вкладкой Тиснение (bevel & Emboss) отметьте окошко Контур (Contour) и выставьте настройки:

Контур (Contour): по Гауссу (Gaussian)

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Диапазон (Range): 63%

Шаг 8. Создание копии слоя с текстом и его корректировка

Для начала дублируйте текстовый слой, нажав Ctrl + J. Измените режим наложения только что созданной копии на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 41%.
 Затем перейдите на вкладку стилей слоя Тень (Drop Shadow) и установите настройки:

режим наложения: Умножение (Multiply)

— Цвет (Color): черный

— Непрозрачность (Opacity): 75%

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Смещение (Distance): 13 пикселей

— Размах (Spread): 0 %

— Размер (Size): 18 пикселей

— Контур (Contour): Линейный (Linear)

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Шум (Noise): 0%

— поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 9. Создание копии слоя с текстом и его корректировка

Теперь перейдите к стилю слоя Наложение градиента (Gradient Overlay) и настройте его:

режим наложения Умножение (Multiply)

— снимите галочку Размыть (Dither)

— Непрозрачность (Opacity): 16%

градиент от черного к белому цвету

— снимите галочку Обратить (Reverse)

— Стиль (Style): Линейный (Linear)

— поставьте галочку Выровнять со слоем (Align with Layer)

— Угол (Angle): 90

— Масштаб (Scale): 150%

Шаг 10. Создание копии слоя с текстом и его корректировка

Далее перейдите к стилю Тиснение (Bevel and Emboss), выставьте настройки:

— Стиль (Style): Внутренний скос (Inner Bevel)

— Метод (Technique): Плавное (Smooth) 

— Глубина (Depth): 72%

— Направление (Direction): Вверх (Up)

— Размер (Size): 13 пикселей

— Смягчение (Soften): 4 пикселя

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Высота (Altitude): 45 градусов

— Контур глянца (Gloss Contour): Глубокая выемка (Cove — Deep);

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): # fdf7ee; Непрозрачность (Opacity): 67%

— Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 75%.

   Под вкладкой Тиснение (Bevel & Embos) отметьте окошко Контур (Contour) и не изменяйте настройки. Так как этот слой является копией первого текстового слоя, настройки стиля Контур (Contour) остануться такими же, как и для первого слоя. Когда все настроите, нажмите ОК.

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

Шаг 11. Добавление глянца тексту

Дублируйте второй текстовый слой. Поместите его над вторым слоем с текстом в порядке слоев. Уменьшите Непрозрачность (Opacity) до 41%. Теперь перейдите к стилям этого слоя и измените слой Тиснение (Bevel & Emboss). Остальные стили Наложение градиента (Gradient Overlay), Тень (Drop Shadow) и Контур (Contour) останутся такими же.

Настройки для стиля Тиснение (Bevel & Emboss):

— Стиль (Style): Внутренний скос (Inner Bevel)

— Метод (Technique): Плавное (Smooth) 

— Глубина (Depth): 1000%

— Направление (Direction): Вверх (Up)

— Размер (Size): 16 пикселей

— Смягчение (Soften): 0 пикселей

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Высота (Altitude): 45 градусов

— Контур глянца (Gloss Contour): Глубокая выемка (Cove — Deep);

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Режим подсветки (Highlight Mode): Нормальный (Normal); Цвет (Color): белый; Непрозрачность (Opacity): 100%

— Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 0%.

Итак, на рисунке ниже вы можете видеть результат 

Шаг 12. Добавление финальных элементов

Выделите вторую копию слоя с текстом и дублируйте ее (Ctrl + J). Поместите только что созданный слой между оригинальным текстом и второй копией текста. Затем кликните правой кнопкой мыши по этому слою и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).

Далее нажмите иконку Добавить маску слоя (Add layer mask) внизу панели Слои (Layers). Выделите маску, нажав на ее миниатюру, затем возьмите Инструмент Градиент – Gradient (G), тип Линейный (Linear).

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

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

Шаг 13. Добавление финальных элементов

Создайте новый слой (Ctrl + Shift + N). Поместите этот слой сверху всех других слоев. Теперь возьмите Инструмент Перо — Pen tool (P)  и нарисуйте форму, как показано на рисунке ниже.

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

Затем выберите основным цветом #8d827b и нажмите Alt + Delete, чтобы залить выделение цветом, затем уменьшите Непрозрачность (Opacity) до 57%.

Результат вы можете увидеть на рисунке ниже:

Шаг 14. Добавление финальных элементов

Сначала создайте новый слой, поместите этот слой сверху слоя с отражением. Возьмите Инструмент Кисть – Brush Tool (B), мягкую кисть маленького размера, цвета #D4C8B8  и сделайте мазки кистью, как показано на рисунке:

Шаг 15. Финальное изображение

Поздавляем! Вот финальный результат!

Ссылка на источник

Источник: https://sveres.ru/lessons/tekstovye-effety/kak-sozdat-karamelnyy-tekst-v-adobe-photoshop.html

Ссылка на основную публикацию