Текст в «фотошопе» – главный инструмент для творческого замысла дизайнера. Сделать короткую надпись на фотографии становится проще, если на компьютере установлен Фотошоп. Существует целая группа инструментов для создания красивых, но коротких посланий.
Инструменты работы со шрифтом
Всего существует четыре типа инструментов для работы с текстом и создания красивых надписей:
- горизонтальный;
- вертикальный;
- горизонтальная текстовая маска;
- вертикальная текстовая маска.
Эффекты применимые к подобным слоям схожи с теми, что применяются к изображению:
- Фильтры.
- Трансформация и деформация.
- Редактировать.
- Маска.
Как вставить текст в Фотошопе
Открыть интересующую фотографию или картинку при помощи закладки «Файл » и выбора команды «Открыть ». Перед добавлением следует определиться с цветом (по умолчанию «черный и белый») для надписи. Существует два способа изменить цвет:
- палитра для выбора уникального цвета;
- клавиша «В» для возврата к стандартному набору.
На панели инструментов (слева от рабочего пространства) выбираем требуемый текстовой инструмент. Мы будем использовать «».
Источник готового текста не важен. В Вордовском документе или Блокноте набираем требуемый фрагмент или фразу. Копируем в буфер обмена при помощи клавиш (ctrl+с).
Выделяем область для надписи.
Вставляем при помощи сочетания (ctrl+м), либо команды вставки из меню. После того как область заполнена можно преступить к первичному редактированию – изменить тип
шрифта, размер, способ исполнения (курсив, жирный).
После, соглашаемся с выбранной надписью.
Изменение шрифта
Активируем инструмент горячей клавишей или при помощи иконки с символом «Т», что позволит написать текст в Фотошопе.
Щелчком мыши в рабочей области (на изображении) получаем новый текстовой слой, в котором выбираем область для шрифта.
После ввода последней буквы обращаем внимание на иконки редактирования , всего их пятнадцать. Первая половина меняет шрифт и размер, а вторая расположение текста в области, его форму (деформации) и цвет. В версии для демонстрации находится инструмент для создания трехмерного шрифта.
Выбрав вкладку «Редактирование » из выпавшего списка берем «свободное трансформирование ». При помощи этого инструмента можно:
При помощи инструмента «деформация текста» выбранный объект искажается, приобретая визуальное сходства с буквенной лентой.
Как создать стилизованную надпись
Создание стилизованного текста – объемный и вариативный проект. Используйте его в качестве отправной точки для дальнейшего развития:
- Фон
. В нашем примере – это стена.
- Создаем новый слой
и заливаем его черным цветом. Корректируем показатель «непрозрачность
» до нужного значения. Выбор параметра обусловлен характеристиками монитора и цветовыми настройками. В данном случае этот показатель равен 35%.
- По центру набираем фразу
: Flay.Можно использовать любую надпись и шрифт, в примере это «impact».
- . Выделяем слой с надписью (щелкаем левой кнопкой мыши с зажатой ctrl). Сохраняем выделенную область. Сжимаем область до значения равным 4.
- Удаляем
получившуюся область. Должна получиться линейная надпись. Снимаем выделение через ctrl+в.
- Заходим в меню «стиль слоя
». Выбираем цвет.
- Выбираем цвет внешнего свечения . Подбираем размер тени. И копируем слой. Эти же настройки позволят создать объемные буквы.
- При помощи канального выделения
создаем эффект неонового света.
- Меняем перспективу
при помощи трансформирования. Правим надпись.
Так получаем неоновый текст на стене.
Как создать свой шрифт в Фотошопе
Разработка с нуля – работа кропотливая и очень сложная. Для новичка в графической программе лучше всего использовать специализированные приложения, например, подойдет «Font Creator » либо «Adobe Illustrator ».
Простой способ создания уникальной надписи – при помощи примитивов
послойно создать из прямоугольников требуемые буквы.
Желательно подписать слои
, чтобы не запутаться потом.
Готовый текстовый проект сохраняем в формате «psd
» либо «jpg
».
Первый сохраняет слои и способствует быстрому возвращению к работе в «фотошопе». Второй применяется для демонстрации в социальных сетях. При личном использовании или хранении готового проект лучше выбрать формат без сжатия качества готового изображения – это «png».
В этом уроке мы научимся создавать текстовую надпись .
1. Набор текста.
Чтобы сделать надпись выбираем слева на панели инструмент Type (Текст) После щелкаем мышкой в нужной части документа и набираем текст на клавиатуре. Текст можно начинать набирать от точки или выделить прямоугольную область, которая определит границы текста.
Кликните на картинку для увеличения
На панели Options (Параметры) Можно выполнить настройку текста, как до его введения, так и после.
2. Выбор гарнитуры
3. Выбор начертания шрифта
4. Размер шрифта
5. Алгоритм сглаживания шрифтов
6. выравнивание текста
7. Цвет текста
8. Деформация текста
9. Вызов палитры
Изменять можно как весь текст целиком, так и отдельные его части.
Примечание : работать с текстом и изменять его можно только тогда, когда включен на панели инструмент Type .
Выделяем необходимую часть текста, и в появившемся окне выбираем гарнитуру.
2. Цвет текста.
Чтобы изменить цвет текста, нам нужно выделить текст или его часть, и выбрать на панели (Цвет текста), в результате появится диалоговое окно. Цвет можно выбрать как из палитры, так и пипеткой на изображении. После чего выделенная часть изменит свой цвет.
Цвет текста можно создать при помощи Gradient (Заливка). Для этого сначала нужно выделить буквы в тексте, сделать это можно при помощи Magic Wand (Волшебная палочка) . Буквы выделятся движущимся пунктиром.
Затем выбираем заливку из стандартных, или создаем свою собственную и заливаем выделенный текст.
3. Стиль текста.
Теперь попробуем изменить вид текста при помощи Styles (Стили) на панели в правом верхнем углу.
В Adobe Photoshop имеется стандартный набор стилей, который можно изменять и пополнять по необходимости.
Для изменения стиля текста мы будем работать в панели Layers (Слои). В правом нижнем углу выбираем слой с текстом, который будем изменять и, затем, применяем к нему необходимый стиль.
4. Деформация текста.
Деформировать текст можно с помощью кнопки на панели Options. В результате появится диалоговое окно со стандартным набором из 15 заготовок, а так же отсутствия искажения. Выделяем текст и выбираем определенную заготовку, текст деформируется.
Расположить текст в документе можно вдоль любого контура. Сначала нам необходимо создать сам контур. Для его создания воспользуемся инструментом Pen (Перо).
Я выбрала Freeform Pen (Свободное перо) и нарисовала контур «от руки».
После того, как текст набран, кликаем по контуру и убираем его.
27.07.2016 27.01.2018
В этом уроке мы рассмотрим, как сделать надпись в фотошопе.
Если вы хотите создать открытку, чтобы поздравить друзей и знакомых, создавать логотипы и т.п., вам необходимо научиться работать с инструментом Текст (Type Tool). Этот инструмент в панели слоев имеет вид буквы Т , горячая клавиша для его вызова - Т (в английской раскладке).
Инструмент Текст (Type Tool) имеет два варианта ввода:
Горизонтальный текст (Horizontal Type) - наиболее часто используемый вариант и
Вертикальный текст (Vertical Type) - довольно редко используемый.
Открыть варианты ввода текста вы можете следующим образом: при активном инструменте Текст , щелкните левой кнопкой мыши по иконке инструмента с зажатой клавишей Shift либо же просто на несколько секунд зажмите левую кнопку мыши , когда курсор находится у иконки инструмента.
Давайте все же научимся делать надпись в фотошопе.
Откроем в фотошоп картинку или фотографию, на которой нужно сделать надпись. Файл-Открыть (File- Open ) . Выбираем инструмент Текст (Горизонтальный) (Horizontal Type), курсором мыши растягиваем «бегущие муравьи» инструмента Текст с верхнего левого угла по всему изображению (этот шаг необязателен, текст в дальнейшем можно будет двигать и располагать как угодно, но, если вы изначально решили написать текст по центру, лучше растянуть) и пишем текст, например, «Лето». Для применения изменений нажимает галочку в верхней панели настроек инструмента.
На данный момент написанное нами слово имеет неприглядный вид, но мы исправим это. Давайте разберемся с верхней панелью настроек инструмента.
1 - шрифт. В выпадающем списке вам откроются все шрифты, установленные в систему. При необходимости можно установить скачанные из интернета и изменить шрифт текста;
2 - начертание шрифта;
3 - размер текста;
4 - тип шрифта;
5 - расположение (по центру, примыкая к левому или правому краю изображения);
6 - цвет текста;
7 - деформация текста;
8 - панель «Символы» — с дополнительными настройками для текста;
9 - отмена действия;
10 - применение действия;
11 - 3d текст.
Открыв панель «Символы», вы увидите массу настроек, часть из которых дублируются с верхней панели , некоторые уникальны.
В этой панели вы можете изменить расстояние между буквами и строками, жирность текста, сделать его зачеркнутым или написанным прописными буквами и т.п.
Вот как преобразился текст после изменения всего лишь шрифта, размера, цвета и расположения:
Но и это ещё не всё. «Разукрасить» текст вы можете при помощи стилей слоя (Layer Style) . Для вызова меню настроек стилей слоя нужно дважды щелкнуть левой кнопкой мыши по текстовому слою в панели слоев . Появится следующее окно, в котором вы можете изменить настройки на свой вкус:
Также можно воспользоваться готовыми стилями слоя - установленными по умолчанию в программу фотошоп или же скачанными из интернета. Чтобы открыть окно стилей слоя , перейдите в меню Окно-Стили (Window-Styles) . Появится следующее окно:
Для применения понравившегося стиля к тексту, просто щелкните два раза левой кнопкой мыши по выбранному стилю, слой с текстом в этот момент должен быть активен. Пример применения стандартного стиля фотошоп к тексту:
Что касается вертикального варианта написания текста, то принцип и настройки те же, просто нужно учитывать, что текст идет сверху вниз.
В этом уроке вы научились делать надпись в фотошоп. Надеюсь, урок был вам полезен. Экспериментируйте с настройками, чтобы получить свой уникальный текст.
Сегодня мы очень часто сталкиваемся с работой с изображениями: фотографиями людей, животных или различных пейзажей. Кроме этого, многие люди, которые обладают домашними принтерами, могут создавать даже собственные открытки, в качестве подарков для любимых или близких. Не редко им приходится делать специальные надписи, которые проще всего создать в специальных редакторах. Одним из них является Photoshop. Ниже, в нашей статье, мы расскажем вам, как сделать такие надписи в «фотошопе». Почему наш выбор пал именно на этот редактор? Причина в том, что именно в нем проще всего делать такие надписи, при этом они будут выглядеть довольно-таки гармонично и стильно. Конкуренцию на этом поприще фотошопу создает более простой и понятливый графический редактор как Paint. Стоит отметить, что он тоже не плохой, но уступает фотошопу по многим параметрам. Главный его плюс – он очень простой для освоения и вам не потребуется изучать множество функций. В основном, в его простоте и кроется недостаток – он малофункционален. Поэтому, если вы хотите усложнить надпись, сделать ее особенно красивой и неповторимой, то ваш выбор – фотошоп.
Перед тем как приступить к созданию таких надписей, вам стоит учесть некоторые факторы. Во-первых, не стоит просто вписывать слова и целые фразы просто в изображение – это получится не очень красиво, не будет вписываться в общий фон рисунка. Поэтому, перед тем как что-то делать, вам следует хорошенько разобраться в том, подойдет ли такая надпись или возможно надо применить какой-то особый стиль.
Если вы не знаете что делать, а нужная концепция никак не хочет вырисовываться у вас в голове, то не стоит унывать. В фотошопе есть множество специальных инструментов, которые и помогут справиться с такой проблемой. Кроме прекрасного сочетания, вам надо учитывать такой фактор, как читаемость надписи – ведь зачем делать красивую надпись, если она будет не различима на общем фоне рисунка.
Не последнюю роль в этом играет размер шрифта. Надпись маленького шрифта не будет смотреться, а большого сможет испортить всю картинку. В этом вам помогут специальные панели инструментов. Изменяя различны настройки, вы легко найдете свой стиль для надписи.
Не менее важным фактором является цвет текста, который вы используете для надписи в фотошопе – чем больше она похожа на общий фон, тем труднее ее будет прочесть.
Кроме характеристик надписи, не менее важным является и место ее размещения. Старайтесь разместить ее на однородном фоне, на котором она будет хорошо выделятся. Для такой цели прекрасно подойдет небо, вода, облако и похожие объекты. Такое размещение сделает надпись более понятной и читабельной.
Теперь, когда мы рассказали об особенностях размещения надписей, пришло время поговорить о том, как их создавать.
Первый этап, настройка параметров
- Сперва, вам надо выбрать инструмент «Текст», который находится слева. С его помощью вы можете изменить ориентацию текста (изначально она указана горизонтальной). Если вам надо изменить его расположение, то вы можете клацнуть по значку правой кнопкой мыши и выбрать нужную ориентацию (к примеру, вертикальную).
- Инструменты, которые отвечают за свойства шрифта, находятся сверху панели. Используя их, вы можете выбрать жирность написанного, сделать его курсивом или деформировать всю надпись. Чаще всего для надписи в фотошопе используют такие деформации как дуга, флаг.
- После того как вы выбрали основные параметры, вам надо разместить надпись. При этом необходимо учитывать все советы, которые были даны выше. Для этого наведите курсор на выбранное место и приступайте к набору текста. Кроме такого варианта, вы можете использовать и более сложный – можно переместить картинку или надпись с отдельно сохраненного файла.
- Когда текст напечатан, вы можете увидеть, как это будет выглядеть. Если надпись, сделанная в фотошопе, вас не устроит, то вы можете просто изменить ее параметры и сделать ее совершенно другой. Если вас все устраивает, то вы можете ничего не изменять и просто подтвердить создание. Надпись готова.
Стоит отметить, что вы можете использовать немного другие шрифты – те, которые не указываются в стандартных наборах программы. Для того чтобы такой шрифт стал для вас доступен, вам надо скачать его в сети и переместить в папку на панели управления. Кроме использования в фотошопе, эти шрифты будут доступны и в других программах, например в «Ворде».
Как мы уже отметили, надпись готова, но она не закончена. Что для этого надо сделать? Ниже мы расскажем, как с помощью встроенного редактора можно изменять вид заготовки. Именно этот этап поможет придать вашей надписи неповторимый и красивый вид.
Второй этап, стилизация текста
- Когда мы создали заготовку, шаблон, мы можем приступить к ее изменению. Для этого мы будем использовать настройки слоев. Инструмент, отвечающий за это, находится в правой области экрана – «слои». Когда вы его выберете, вам понадобится дважды кликнуть по желаемому месту, где расположен наш текст. Стоит делать все правильно, иначе вы попадете в другое контекстное меню.
- Когда откроется нужное окошко, в нем вы найдете настройки для каждого из стилей. Кроме всего этого, там также указываются все эффекты, которые применяются к каждому из стилей. Выбрать стиль очень просто – вам надо просто поставить против него галочку.
- Если вы хотите сделать стиль лучшим и интереснее, то вам надо перейти в другое меню, которое находится справа. Здесь вы сможете выбрать параметры эффектов, специфические узоры и даже масштабирование.
После не продолжительных тренировок у вас получится прекрасная надпись. Несмотря на наши советы, вы можете экспериментировать, используя встроенные инструменты.
Мы надеемся, что наша стать о том, как сделать в фотошопе надпись, будет полезной для вас. Удачи вам!
Видео уроки
Доброго времени суток, начинающие дизайнеры. Если верить профессионалам, то через года два в социальных сетях и интернете в целом останется совсем мало текста. Весь он окажется на картинках. Оно и понятно, ведь все мы с детства любим рисунки. Мы можем спокойно не обратить внимание на статью, но фразы с картинки прочитаем сразу же, даже не задумываясь. Такова уж наша психология и рекламщики не могут это игнорировать!
Сегодня мы поговорим о том, как в фотошопе написать текст на фотографии и сделать это красиво. Я покажу вам несколько вариаций.
Техническая сторона – это важно, мы дойдем до этого. Разобраться с этим вопросом довольно легко, но мне хотелось бы, чтобы вы еще и не совершали распространенных ошибок, которые тут и там встречаются.
Думаете все так просто? Взгляните на две фотографии. На обоих написано одно и то же слово: «Мечтай». Первая сделана нормально. Не слишком плохо, но и не совсем здорово.
А от второй хочется выколоть себе глаза.
Уделяйте внимание изучению основ и правил. Пытайтесь узнавать основные ошибки и у вас все будет замечательно. Об основных мы немного поговорим в данной статье, не отключайтесь.
Вечная классика или как сделать фотографию, которая понравится всем
Поиграем в идиотов. Я сейчас скажу, а вы сделаете вид, что это для вас новая информация. Фотошоп можно найти в онлайн версии: https://editor.0lik.ru/ , скачать себе взломанный на компьютер или купить лицензионную версию.
В правой части экрана находим букву «Т» — горизонтальный текст. Нажмите на него. В верхней части появится меню, позволяющее работать с текстом. Здесь и выбор шрифта, и размер, выравнивание. Ничего нового. Можно поработать с этими показателями предварительно, на свой вкус и цвет или отредактировать, когда фраза появится на картинке.
Дальше идет цвет. Вам предоставляется два идеальных цвета: черный (активный, так как он сверху) и белый. Маленькой двусторонней стрелочкой в углу вы можете переключать эти цвета, а если хотите использовать другой – достаточно просто кликнуть по плашке активного и выбрать из спектра.
Будьте аккуратны с цветами. Черный и белый – практически всегда выигрышны. Плохо разбираетесь в сочетаниях – используйте их, не старайтесь извратиться с фиолетовым, красным и серо-буро-козявчатым.
Текст красив на контрасте. На белом или светлом фоне лучше выглядит черный, на темном – белый. Знаю умников, которые считают, что кто-то будет вглядываться в изображение, ради того, чтобы узнать, что же хотел сказать автор. Акститесь, такого не будет никогда. Вы боретесь за внимание читателя, а он волен выбирать из 1000 предложений. Вы обязаны обеспечить ему комфорт и удобство, если хотите, чтобы он полюбил именно ваш сайт или проект.
Помимо цвета сразу можно выбрать шрифт.
Я настоятельно вас прошу, если вы плохо разбираетесь в дизайне и не считаете себя супер профессионалом, то не стоит играться с шрифтами. Используйте стандартный Times New Roman или Arial. Вязи, засечки и прочие «интересные» фишечки нужно применять с предельной осторожностью, делать это должны лишь настоящие специалисты или люди обладающие невероятным вкусом. Не у всех дизайнеров адекватная самооценка. В большинстве случае все эти варианты смотрятся по-деревенски.
Если вы в себе не уверенны, то стандартные шрифты и схемы подойдут как нельзя лучше. Они всегда выглядят стильно и понравятся большему количеству людей, чем разукрашки третьеклассницы. Проявляйте себя как специалист во всем, особенно если вы им не являетесь. Чем меньше отсебятины – тем лучше.
Когда предварительные работы сделаны, можете кликнуть по любому свободному месту на картинке. Появится мигающая вертикальная палочка. Высота букв напрямую зависит от размеров фотографии. Иногда картинка маленькая и размер в 12 пт будет прекрасно смотреться, а на другой, очень большой и 300 пт лишь мелкие буковки. Тут не угадаешь. Придется действовать по ситуации и выбирать как лучше. Можно сделать это сразу или исправить потом. Сразу после этого можно вводить текст с клавиатуры и он появится на изображении.
Чтобы выйти из режима «Текст», я обычно просто кликаю по кнопке «Слой».
Теперь слово нужно подвинуть. Для этого в Photoshop есть специальная кнопка. Используйте пространство, которое не загромождено изображением. Текст должен смотреться гармонично. Если есть пустое место обязательно пишите на нем.
Чтобы теперь отредактировать изображение просто щелкните снова по букве «Т». Внимательно следите за тем, чтобы в меню справа подсвечивался именно тот слой, с которым вы работаете.
Работа с текстом. Выделение
Один из самых полезных навыков – это умение делать обводку. Фото может быть слишком светлым, темным или пестрым. Обводка прекрасно выделяет текст, а сделать ее – не проблема. Кликаете по текстовому слою правой кнопкой мыши и в появившемся меню находите «Параметры наложения».
Выбираете «Внешнюю обводку».
В моем случае надо поменять цвет на черный.
И поиграть с жирностью линий. Просто вписываете любое значение и смотрите на результат. Он сразу же отображается на иллюстрации.
Соглашаемся с изменениями.
Вот так картинка выглядит с обводкой.
А так без нее.
По-моему, выбор очевиден.
И на десерт… очень красивый прием наложения текста
А сейчас я вас научу еще одному очень простому, но красивому приему. Давайте сделаем текст прозрачным. Для этого нужно вставить текст и сделать обводку. Вы это уже умеете.
Обратите внимание, подсвечиваться должен слой, с которым вы работаете. Сведите заливку до нуля.
Видите, фон исчез, а вы научились делать текст бесцветным.
Что хотелось бы сказать напоследок? Если вас интересует программа фотошоп, то это очень выгодное хобби! Чем лучше вы умеете, в ней работать, тем больше шансов и возможностей открывается. В нем можно запросто рисовать сайты, рекламные баннеры, обложки книг и многое другое. Клиенты готовы платить очень много за подобную работу.
Талант для этого не обязателен, иногда он даже мешает. Лучше всего изучать традиции, основы, правила и работать над навыками. Дизайн должен работать, нравиться людям, заставлять из совершать действия. Один знаменитый писатель как-то сказал, что намного проще написать тысячу книг, чем один продающий текст. То же самое и с картинками. Красота – это не самое важное.
Знания психологии человека собирались годами. Даже сейчас крутые крупные корпорации тратят миллионы на маркетинговые исследования в надежде узнать, что на самом деле нравится людям.
Для того, чтобы заработать нужен небольшой талант, который легко заменяется опытом и знания технической части и практической. Для этого придется постараться. Быстрее всего будет не лазить по интернету, по крупицам собирая полезные уроки одним за другим, а приобрести видео курс, разработанный, что называется «От А до Я» https://photoshop-master.org/ . Если вы сейчас читаете эту статью и узнали из нее много нового, то эти уроки вам обязательно пригодятся.
При том учтите, здесь собрана не только технологическая часть, но и куча примеров.
Думаете, что вы сможете всему научиться просто лазая по просторам сети? Конечно, сможете. Но сколько на это уйдет времени. Мы привыкли ценить лишь то, за что платим. На остальное времени частенько не хватает. Научитесь всему в максимально короткий промежуток времени и никогда не останетесь без работы.
Измените свою жизнь выбрав новый путь достижения цели.
Краткая видео инструкция
Удачи и до новых встреч. Подписывайтесь на рассылку моего блога и узнавайте больше о работе дизайнеров в интернете.
