Работа с текстом в «фотошоп»

И на десерт… очень красивый прием наложения текста

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

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

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

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

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

Красота – это не самое важное

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

Для того, чтобы заработать нужен небольшой талант, который легко заменяется опытом и знания технической части и практической. Для этого придется постараться. Быстрее всего будет не лазить по интернету, по крупицам собирая полезные уроки одним за другим, а приобрести видео курс, разработанный, что называется «От А до Я» https://photoshop-master.org/. Если вы сейчас читаете эту статью и узнали из нее много нового, то эти уроки вам обязательно пригодятся.

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

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

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

Уроки Фотошопа

Глава №17. Работа с текстом

Редактирование текста в Фотошоп

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

Выделение
блока текста

1. Выберите инструмент
   Move (Перемещение).

2. Установите флажок Show
   Bounding Box (Показать габаритную рамку) на панели опций.

3. Щелкните мышью по имени
   текстового слоя на палитре Layers (Слои). Вы увидите границы текстового
   блока.

Проверка
правописания

В Фотошопе предусмотрена также проверка правописания. Чтобы вызвать данный модуль, щелкните
правой кнопкой мыши по текстовому блоку и в появившемся контекстном меню выберите
команду Check Spelling. При обнаружении слова, которое отсутствует в
словаре, программа контроля правописания предложит заменить его, внести в словарь
или проигнорировать (рис. 17.14).

Рис.
17.14. Программа проверки правописания Фотошоп 7

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

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

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

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

Выделение
всех или нескольких символов в текстовом слое

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

Выделение
текста с помощью инструмента Туре

В табл. 17.1
перечислены действия, необходимые для выделения в Фотошопе всего текста или какого-то его
элемента.

Таблица
17.1. Выделение элементов текста

Как поменять текст в «Фотошоп»

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

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

Кнопки выравнивания мы пока пропустим, так как они необходимы для абзацев, а не таких коротких надписей. С полем выбора цвета надписи всё понятно. А вот действие следующей кнопки разобрать стоит. Она создает деформированный текст. При её нажатии открывается маленькое диалоговое окно, в котором выбирается стиль деформации и настраиваются степень его влияния. Здесь можно пустить текст по дуге, сделать его выпуклым, оформить в виде флага и создать любую другую деформацию.
В панели присутствуют ещё несколько кнопок. Но они уже менее важны. С их помощью можно отменить всю вашу работу по оформлению текста и включить отображение панелей «Символ» и «Абзац». Эти панели нам сейчас понадобятся, поэтому не убирайте их из поля видимости. Последняя кнопка в панели настроек текста имеет значок «3D». Он переводит текст в трехмерный режим. Одновременно трехмерным станет и слой, который содержит в себе созданную надпись. Подробно этого пункта мы касаться не будем, так как трехмерному тексту будет посвящен отдельный урок.

Делаем красивый текст в «Фотошоп»

Перейдите к стилю «Внешнее свечение». Здесь необходимо выбрать нормальный режим, а среди методов задействовать пункт «Мягкий». Цвет — вновь черный. Остальные настройки вы видите ниже.
Следом включите стиль «Тиснение» и настройте его примерно так же, как на следующем скриншоте. При этом в качестве стиля выбирается «Обводящее тиснение», в качестве метода — «Жесткая огранка», режима подсветки — «Осветление основы», а режима тени — «Нормальный». Ещё необходимо поменять цвет подсветки на #FF6600 (оранжевый). Во вкладке «Контур» поставьте флажок около пункта «Сглаживание».
В «Наложении цвета» выберите режим наложения «Умножение». При этом задайте черный цвет и непрозрачность на уровне 59%. После этого переходите к «Наложению градиента». Здесь выберите режим «Светлее», а стиль — «Линейный». Не забудьте кликнуть на сам градиент и применить настройки, которые вы видите на следующем скриншоте.
Включите стиль «Обводка». Его параметры вы тоже видите ниже. В качестве типа обводки выбирается «Градиент», а стиля — «Зеркальный». Именно сейчас становится понятно, что в «Фотошопе» создается красивый текст. Вокруг него появляется великолепная обводка, создающая ощущение объемной надписи.
Остальные два стиля остаются на ваше усмотрение. Если вы хотите использовать данную подпись в качестве водяного знака на фотографии, то можно и остановиться. Если же ваша задумка более глобальная, то продолжайте. Попробуйте включить стиль «Тень» (но только в случае дальнейшего добавления фонового рисунка). А ещё никто не мешает попробовать наложить на текстовый слой узор при помощи включения соответствующего стиля. Если у вас установлены всяческие дополнительные текстуры — замечательно, в противном случае придется воспользоваться встроенными в Photoshop узорами.

В нашем изображении тени и узор не применялись. Мы ограничились предыдущими стилями. Далее нам осталось воспользоваться инструментом «Обрезка», чтобы уменьшить размеры картинки. После этого можно сохранить надпись в PNG-формате (в JPEG прозрачный фон превратится в белый). Красивый текст в «Фотошопе» сделан! Его можно использовать в самых разных целях. Чаще всего подобные подписи используются в качестве водяных знаков. Неплохо она будет выглядеть и на рекламном баннере.
Нарисовать красиво текст в «Фотошопе» — это целое искусство. Наш пример уже вызывает впечатление многослойного текста. Но можно продолжать творить его улучшение. Создайте копию слоя, переместив его на кнопку «Создать новый слой». Сдвиньте его слегка в правую сторону. Создастся ощущение трехмерного текста. Теперь поработайте над стилями нового слоя. Совсем не обязательно повторять прошлые параметры. Напротив, теперь можно выбрать другие цвета градиента и обводки, а также изменить режимы наложения. Результат может вас приятно порадовать!

Как выделить текст в «Фотошоп»

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

Теперь разверните панель «Абзац» (текст должен быть выделен). Если она у вас не отображается, то включите её в меню «Просмотр». Именно в этой панели осуществляется редактирование текста в «Фотошопе», если он имеет большие размеры.
С находящимися в панели «Абзац» кнопками знаком любой верстальщик. Здесь задается отступ от края блока для всего текста или же первой строки каждого абзаца. Также можно выбрать выравнивание для всех абзацев или их последних строк.
На этом работа с текстом в «Фотошопе» не закончена. Если вы хотите получить очень красивое оформление, то стоит воспользоваться стилями слоя. Перейдите к своей прошлой работе, состоящей из короткой деформированной надписи. Откройте панель «Слои». Нажмите на слой с текстом, если вместо него выделен фоновый слой. Теперь кликните по кнопке «FX», располагающейся в нижней части панели. Выберите тот стиль, с которого хотите начать.

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

Написать красиво текст в «Фотошоп»

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

Для начала вам нужно открыть программу и создать новый файл. Задайте нужное вам разрешение (в нашем случае это 1020 x 700 пикселей). Фон выберите прозрачный, в дальнейшем вы сможете поместить на него другое изображение или текстуру.

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

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

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

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

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

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

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

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

Помимо цвета сразу можно выбрать шрифт.

Я настоятельно вас прошу, если вы плохо разбираетесь в дизайне и не считаете себя супер профессионалом, то не стоит играться с шрифтами. Используйте стандартный Times New Roman или Arial

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

В большинстве случае все эти варианты смотрятся по-деревенски.

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

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

Чтобы выйти из режима «Текст», я обычно просто кликаю по кнопке «Слой».

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

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

Готово, осталось только «Сохранить как…».