Статьи, приемы, хитрости и Уроки по Photoshop, Illustrator, Web дизайну и кодингу.

Эффект текста с перекрытием

Шаг 1: добавьте свой текст

Инструментом Текст, шрифтом и цветом для текста в Вашем документе добавляем Ваш текст. Я собираюсь ввести слово “PHOTOSHOP”, все в прописных буквах:

The Color Picker in Photoshop.

Добавьте свой текст к документу.

Как только Вы добавили свой текст, щелкните по галочке в Панели Опций, чтобы применить и выйти из режима редактирования текста.

Clicking the checkmark to accept the text in Photoshop.

Щелкните по галочке в Панели Опций, чтобы принять текст.

Шаг 2: преобразуйте текст в кривые (контур)

Удостоверьтесь, что вы записали все правильно, потому что в этой точке мы должны преобразовать наш текст в кривые (контур). Как только это будет преобразовано в кривые (контур), текст больше не будет доступен для редактирования, таким образом проверьте дважды, чтобы удостовериться, что Вы не сделали ошибок. Чтобы преобразовать текст в кривые (контур), идите в меню Layer наверху экрана, выберите Type, и затем выберите Convert to Shape:

Converting the text to a shape in Photoshop.

Слои> Тип> Преобразовать в кривые (контур).

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

The Layers palette showing the new Shape layer.

Текст теперь появляется слоем Shape в палитре Layers.

Шаг 3: выберите инструмент выбора пути

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

The Path Selection Tool in Photoshop.

Выберите инструмент выделение контура

Шаг 4: выбор всех букв

Чтобы выбрать все буквы сразу, просто перетащите рамку выделения вокруг всего слова. Вы будете видеть как появляется очертание букв (контур):

Dragging a selection around the word with the Path Selection Tool.

выделите все буквы инструментом Выделение контура

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

The letter shapes are now selected.

Все буквы теперь выбраны.

Шаг 5: выберите исключающую, перекрывающую опцию в меню.

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

Selecting the 'Exclude overlapping shape areas' option in Photoshop.

Выберите опцию “Exclude overlapping shape areas” в Панели Опций.

Шаг 6: отмените выбор букв

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

The letter shapes are no longer selected.

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

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

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

Overlapping the letter shapes.

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

Продолжайте перетаскивать каждую букву влево, пока часть ее не перекроет предыдущую букву. Для добавленного разнообразия попытайтесь повернуть некоторые буквы с командой Free Transform. Просто щелкните по букве с Инструментом Выбора Пути, чтобы выбрать, затем нажать Ctrl+T (Win) / Command+T (Mac), чтобы быстро перевести в рабочее состояние поле Free Transform и дескрипторы вокруг буквы. Переместите свой курсор куда угодно за пределами поля Free Transform, затем перетащите, чтобы повернуть букву. Здесь, я поворачиваю букву T влево.

Overlapping the letter shapes.

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

Когда закончите с поворотом букв нажмите Enter (Win) / Возврат (Mac), чтобы принять преобразование. Продолжайте перекрывать каждую букву, пока Вы не достигнете конца слова. Ваш конечный результат должен выглядеть примерно так:

All the letter shapes now overlap each other.

Все буквы в слове теперь перекрывают друг друга.

Шаг 8: отмените выбор векторной маски, чтобы удалить схему из всего текста

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

The vector mask thumbnail on the shape layer in Photoshop.

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

Граница выделения исчезнет из всей миниатюры в палитре Layers и схема исчезнет из всего нашего текста, позволяя нам видеть наш заключительный эффект:

The final knock out text effect in Photoshop.

Финал “эффект текста с перекрытием”.

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

The final knock out text effect in Photoshop.

Тот же эффект после экспериментирования со стилями уровня.

Готово!

по материалу Steve Patterson *(photoshopessentials.com)

 

SeRbGa

SeRbGa

мечтатель

Сайт: www.serbga.ru

Оставить комментарий

You have no rights to post comments

Наверх

Популярные статьи

  • 1
  • 2
  • 3
  • 4

последние комментарии

ON-Line Блог SeRbGa.ru предоставляет самую свежую и актуальную информацию для веб-дизайнеров и разработчиков в виде тематических материалов, уроков созданных собственноручно, а так же переводов статей и новостей, полученных с зарубежных информационных ресурсов.

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

ДИСКЛЕЙМЕР/DISCLAIMER:

Я сам вдохновляюсь материалами, которые предлагаются вам на обозрение, будь то интересные руководства или полезные и впечатляющие подборки (дизайнов, шаблонов, макетов и т.д.), и по возможности всегда сохраняется ссылка на источники, и сообщается  автор изображений, использованных в подборках или руководствах. Зачастую, ссылка на источник не ведёт напрямую к автору шедевра, но если кто-то захочет использовать какие-либо изображения, графические элементы, исходники, которые здесь предоставлены, то единственное требование, выставленное к перепосту, заключается в сохранении ссылки на источник, а также соблюдение условий лицензионного соглашения (если таковое имеется). Если кто-то желает модифицировать тот или иной продукт, изменить его, подкорректировать, то ему придется самостоятельно искать настоящего автора материала.