ТЕКСТ

Работа с текстом

Разместил здесь примеры использования программы "Фотошоп" для создания оригинальных текстов, надписей, логотипов, фирменного стиля и т.д..

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

Начал с самого простого. Дальше - интереснее.

Пример 1
Разные настройки в одном документе.

Пример 2
Деформация текста.

Пример 3
Использовал шрифты, как имеющиеся в программе "по умолчанию", так и специально установленные.

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

Пример 4
Тем же шрифтам придал разные эффекты: тонкую и толстую обводки, градиент, смена заливки и т.д..

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

Пример 5
Каждая буква имеет свой цвет заливки, некоторые даже два.

Пример 6
Фон шрифта взят из другого рисунка.

Пример 7
Текст на асфальте.
Использовал возможности свободной деформации текста. Имитация надписи мелом.

Пример 8
Текст на свитке.
Можно не только писать "мелом по асфальту", но и любой другой оригинальный фон придумать.

Поступил очень просто.

Запустил понравившийся экшен.
Не дал ему до конца доработать (греческую поэму здесь дописывать). Сам сделал надпись красивым шрифтом.

Пример 9
Декоративная надпись - выпуклые буквы.

Пример 10
Декоративная надпись - выпуклые буквы и украшение самого фона букв.

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

Пример 12
Верхняя надпись, но уже с тенью.
Аналогично: очень широко применяется для фирменного стиля.

Пример 13
Создан с помощью векторных инструментов.
Для заливки букв использовал специальный стиль. Векторная фигура сделана пером и залита градиентом.

Пример 14
Сделал такой текст, путём смешивания разных стилей у двух копий одного и того же текстового слоя.

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

Место расположения надписи, как и её размер, видимость - можно выбрать любое.

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

Результат интересного применения фильтров и регулировочных слоёв перед Вами.

Пример 17
Объёмные буквы, как бы вырезанные из какого-то толстого материала.
Сделал две надписи разного цвета.

Здесь лишь поменял цвет фона и заливки.

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

Пример 18
Часто встречаю сайты, имеющие текст в "шапке", оформленный подобным образом: градиент на фоне, и буквы со своим собственным стилем.

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

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

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

Пример 19
Нарисовал текст, стилизованный под металл.

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

В полном размере разместил в соответствующем разделе: "Графика и рисунки" (в новом окне).

Пример 20
Это пример блестящего текста, стилизованного под золото.

Рисовал его по урокам одного из вновь приобретённых мною обучающих курсов.

Пример 21
Здесь же Вы видите анимированный текст, также стилизованный под металл.

Для создания этого примера использовал 7 копий одного и того же текстового слоя. 5-ти из них дал маски слоя, а после сделал анимацию.

* * *

Дальше показал несколько необычный пример, как можно красиво, оригинально написать текст на своём сайте.

Пример 22
ДРАВСТВУЙТЕ!
Этот пример ярко показывает возможности фотошоп для декорации текста. Ведь первая буква слова "ЗДРАВСТВУЙТЕ" - рисунок. Сделал его векторным инструментом.
Пример простенький, но главное - принцип. Сами понимаете, рисунок в фотошоп можно сделать любой!

* * *

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

Пример 23
Текст в рамке.
Скопировал кусок текста на своём же сайте, и вставил его в рамку на текстовом слое.

Причём, сам шрифт, вставив, изменил на BancoDi.

Пример 24
Расположение текстов.
Аналогично. Скопировал текст у себя на сайте, а после вставлял его, как вздумается.

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

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

* * *

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

Пример 25
Практическое использование фотошоп.

Рисунок сделал во время одной из очередных плановых тренировок по применению программы "Фотошоп" в практических целях.

Совместил полезное с нужным, так сказать.

Решил оформить свою шпаргалку, которой иногда пользуюсь и по сей день.

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

- Кликните по глазу - размер 100%

*P.S.  В разделе моего сайта "Полезное" (откроется в новом окне) найдёте отличную статью, по которой, собственно, я и делал такой рисунок-шпаргалку.

Пример 26
Аналогично. Также использовал фотошоп с практической целью.

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

- Кликните по глазу - размер 100%

Пример 27
Ещё один пример практического использования фотошоп.

Нарисовал эту памятку, повторяя один из курсов по веб-технологиям.

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

- Кликните по глазу - размер 100%

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

Пример 28

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

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

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

Пример 29

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

Подобрал подходящий фоновый рисунок. Текст поздравления придумал сам. Шрифту, и так необычному, дал обводку и свечение. Заказчик остался доволен.

Пример 30

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

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

Пример 31

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

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

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

Примеры 32 и 33

И, наконец, эти два последних примера работы с текстом я также сделал для своего сайта.

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

* * *

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

Да, собственно, самый последний 33-ий пример я и не делал вовсе, а просто изменил дату в сохранённом PSD-файле, и все дела. Удобно!
Умея хорошо пользоваться программой "Фотошоп", сделать такое было очень легко.

Заключение

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

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

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

ВВЕРХ