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

Содержание

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

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

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

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

Делаем открытку

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

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

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

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

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

Теперь, по аналогии, в верхней части изображения пишем заглавную фразу – например: «С Днем рождения!». Чтобы выделить ее на фоне общего текста, зададим другие цвет и шрифт. Наш самый простой вариант открытки готов!

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

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

Теперь накладываем на фото текст – так, как делали это в примере выше. Получаем вот такой вариант открытки.

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

Создаем логотип

Давайте сделаем логотип для ютуб – канала. Назовем его, например, «Art News». Создаем при помощи заливки серый фон. Берем шрифт «Franklin Gothik book», белый цвет, пишем название канала.

Подбираем размер. Так как фон объемный, то ставим 500 пт. Переносим на новый слой первую букву, окрашиваем ее в красный цвет.

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

Теперь копируем слово «News». Открываем новое поле для текста, вставляем и экспериментируем с размером и положением текста. Получаем вот такой простой логотип.

Делаем мем

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

При помощи этой программы сделать мем не сложней, чем открытку. Главное – удачное сочетание картинки и надписи на ней. И, конечно же, чувство юмора.

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

Получаем вот такой результат.

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

Тексты с эффектами

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

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

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

Добавляем к текстовому слою маску. Скачиваем и устанавливаем набор кистей «Разрушение». Выбираем черный цвет, настраиваем размер. «Непрозрачность» и «Нажим» должны стоять 100%. Вращая кисть, наносим следы «разрушения» на буквы.

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

Берем кисть с изображением бьющегося стекла и наносим вот такой эффект.

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

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

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

Перемещаем его над слоем с текстом. Нажимаем клавишу Alt, щелкаем между третьим слоем и текстом. Получаем вот такой эффект. Делаем копию этого слоя, растягиваем. Получаем вот такую картинку.

В заключении

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

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

Всегда для вас Иван.

Как сделать крутую эмодзи-иллюстрацию

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

Советуем: как использовать эмодзи в бизнесе 

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

Иллюстрация внутри статьи Перезвони на Спарке

Иллюстрация для статьи «Как я использую Трело» на личном блоге

Иллюстрация для обложки к статье SMMplanner

Что понадобится

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

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

Базовые знания верстки. 

Идея для иллюстрации. 

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

Делаем

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

Создаем картинку. Я создаю картинку с размерами 1800×945 пикселей, потому что она хорошо смотрится на большом экране, во всех социальных сетях и влезает в блог. 
 

Можно создавать любые картинки, вертикальные, квадратные, даже круг!

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

Накидываю текст

Ищем подходящие эмодзи

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

Копируем картинку которые находятся внизу

Скопировав картинку на Эмодзипедии, её можно вставить в Фотошоп. 
 

В моем случае картинка великовата, поэтому я её редактирую и изменяю до нужного размера. Для этого нужно использовать режим «Трансформирование форм», зажав сочетание клавиш ctrl+T (⌘+T). В панели настройки инструмента можно задать подходящий размер в %. Чтобы сохранить пропорции картинки, нажмите кнопку «Сохранять пропорции» 
 

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

Получилось вот так

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

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

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

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

Итоговый результат, когда я поместил все направляющие

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

 

Выглядит неряшливо, поэтому я решил выровнять внутри по левому краю

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

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

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

После картинку нужно сохранить. Я привык сохранять в PNG, через сочетание ctrl+shift+alt+S (⌘+shift+alt+S). Получится вот такая картинка. 
 

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

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

Просто дурачусь

К статье про здоровое питание

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

27.06.09    Подробные инструкции, Уроки Photoshop

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

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

1. Открываем программу Adobe Photoshop. Если при установке вы не меняли настройки, то для запуска Фотошопа нужно выбрать Пуск->Все программы->Adobe Web Premium CS3->Adobe Photoshop CS3. При подготовке урока использовалась версия Adobe Photoshop CS3, у вас на компьютере может быть установлена другая версия. Если Фотошоп у вас не установлен, читаем статью Как бесплатно скачать любую программу.

2. После того, как Фотошоп загрузится, нужно открыть в нем фотографию или картинку, четкость которой вы хотите улучшить. Удобнее всего перетащить картинку в Фотошоп из окна Windows. Для этого достаточно зажать левой кнопкой мыши ярлычок фотографии и перетащить ее в открытую программу Photoshop. Также можно открыть изображение традиционно с помощью меню Фотошопа: File->Open…:


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

4. Чтобы сделать картинку четче, нужно выбрать соответствующий фильтр из главного меню Фотошопа: Filter->Sharpen->Unsharp Mask…:

Или же выбрать фильтр Filter->Sharpen->Smart Sharpen…:

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

5. После выбора фильтра Smart Sharpen из главного меню Фотошопа откроется окно, в котором можно указывать настройки четкости:

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

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

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

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

А теперь пример того, как из нечеткой фотографии за пару кликов в Фотошопе получилась вполне симпатичная картинка.

Фото до улучшения четкости изображения:

Фото после увеличения четкости с помощью фильтра Smart Sharpen:

 

Читайте также:

Как закруглить картинку в фотошопе или сделать ее круглой

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

Мои откровения в телеграме

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

И в появившемся окне нужно установить радиус закругления углов изображения. Примерно 10-15 пикселей будет нормально.

После этого снова заходим в меню «Выделение» и выбираем пункт «Инверсия».

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

Делаем круглые картинки в фотошопе

С закруглением картинок мы успешно справились, теперь давайте сделаем круглые изображения. Порядок действий простой, поэтому скриншоты не публикую. Выбираем инструмент «Эллипс», и рисуем круг в области картинки, которую нужно сделать круглой с зажатым Shift При необходимости, изменяем ее масштаб Ctrl + T и делаем инверсию, таким же способом, как было описано выше. Нажимаем кнопку Delete 2 раза, снимаем выделение Ctrl + D и любуемся полученным результатом. То же самое можно сделать с применением инструмента «Овальная область». Но ее нельзя масштабировать.

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

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

  • В Photoshop мы начинаем с открытия нового проекта, выбираем и добавляем фоновое изображение. Или начинаем с открытия существующего изображения (здесь я буду использовать изображение HDR)
  • Далее, Новый слой, Залить этот слой белым, Установить прозрачность примерно 60-70
  • Следующий шаг — добавить текст, который мы хотим поместить поверх изображения, я тоже выделяю текст и начинаю печатать свое сообщение, текст, который идет на картинке.
  • Мы окрашиваем текст в черный цвет и помещаем в центр кадра с помощью Ctrl-A, выбирая выравнивание по вертикали и горизонтали по центру, Ctrl-D, чтобы снять выделение
  • Следующим шагом является сгруппирование текстового слоя с белым слоем, мы cam нажмите Ctrl-G или Cmd G на Mac, или используйте меню Layer, сгруппируйте слои
  • В группе мы выбираем текстовый слой и открываем параметры смешивания, щелкнув правой кнопкой мыши. Мы собираемся выделить текст, выбрав неглубокий и установив непрозрачность заливки по своему усмотрению, около 25-50%

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

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

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

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

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

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

Удачи!

Перспективный текст — Планета Photoshop

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

Сначала давайте создадим текст. Я использовал Impact.

Мы хотим превратить этот текст в форму.Это позволит нам трансформировать его форму так, как мы захотим. Мы можем исказить его и придать ему перспективу. Для этого перейдите Layer -> Type -> Convert to Shape. После этого у нас больше не будет возможности редактировать текст. Поэтому убедитесь, что у вас есть текст именно так, как вы хотите, прежде чем делать это.

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

Теперь мы трансформируем его. Перейдите в Edit -> Transform -> Perspective. Возьмите верхний или нижний левый угол поля трансформации. Потяните ручку на углу вверх или вниз в зависимости от того, какой угол вы выбрали. Это применит перспективное преобразование к текстовой фигуре.

Теперь, когда это сделано, нам нужно будет растрировать фигуру, чтобы удалить траекторию фигуры.Перейдите Layer -> Rasterize -> Shape. Это создаст действительно растеризованное изображение.

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

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

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