С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Винтажный плиточный эффект для текста в Фотошопе

Винтажный плиточный эффект для текста в Фотошопе

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

 

Предварительный просмотр

 

 

Примечание

 

- Программное обеспечение, используемое в этом уроке - Adobe Photoshop CS6 , но вы можете использовать любые другие версия. 
- Вы можете посетить страницу Учебник , чтобы посмотреть полезные уроки  по работе с основами Photoshop.

 

Ресурсы 


- Libre Baskerville 
- Wood Texture 2 
- Motivos Florales 
- Photoshop Action 24 

 

Шаг 1

 


Создайте новый документ размером в 1100 на  800 пиеселей. Поместите изображение Wood Texture 2 поверх фонового слоя, и измените его по мере необходимости.

 

 

Установите цвета по умолчанию (черный и белый), дважды кликните на слое с текстурой дерева и примените стиль слоя Наложение градиента (Gradient Overlay).

 

Измените Режим наложения (Blend Mode) на Мягкий свет (Soft Light), снизьте непрозрачность до 55%, выберите градиент от цвета переднего плана к прозрачному, проверьте, чтобы была установлена галочка Инверсия (Reverse), измените Стиль () на Радиальный (Radial), и увеличьте Масштаб (Scale) до 150%.

 

 

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

 

 

Шаг 2

 

Создайте каждую букву текста в отдельном слое. Шрифт, используемый в уроке - Libre Baskerville, но вы можете использовать любой другой шрифт, который  вам нравится. Размер шрифта установите в 130 пунктов, и измените цвет # e8deae. Буквы желательно использовать все прописные, но это не является обязательным.

 


 

Как только вы закончите создание букв, выберите все текстовые слои (щелкните по одному слою  в верхней части, затем нажмите и удерживайте клавишу Shift и нажмите на последний слой внизу). Затем щелкните правой кнопкой мыши на любой из них и в контекстном меню выберите команду Преобразовать в кривые (Convert to Shape).

 

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

 

 

Шаг 3

 

Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), на панели управления выбранным инструментом выберите кнопку Исключить перекрывающиеся фигуры (Exclude Overlapping Shapes). Затем установите оба значения ширины и высоты в 145 пикселей и установите галочку От центра (From Center). Если вы используете другой размер шрифта, то вам также нужно использовать другие размеры.

 

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

 

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

 

 

Теперь то, что вы должны сделать для каждой буквы:

 

1 - Выберите слой с фигурой буквы. 
2 - Обязательно убедитесь в том, что на панели управления выбранным инструментом выбрана кнопка Исключить перекрывающиеся фигуры (Exclude Overlapping Shapes). 
3 - Нажмите на букву и перетащите её немного так, чтобы она находилась в середине прямоугольника со зскругленными углами .
4 - Отпустите кнопку мыши, и буква будет вычтена из прямоугольника. 
5 - Если буква расположена не идеально в центре прямоугольника, то всегда  можно отменить последнее действие и заново его повторить.

 

 

Выберите инструмент Стрелка (Direct Selection Tool), нажмите на плитку, которую вы хотите изменить, затем нажмите и перетащите, чтобы выбрать форму буквы внутри неё.

 

 

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

 

 

Когда все плитки будут созданы, вы можете выбрать и повернуть некоторые из них, для этого перейдите в меню Редактирование> Трансформирование> Поворот (Edit> Transform> Rotate).  Не забывайте подтверждать изменения клавишей Enter.

 

 

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

 

 

Шаг 4

 

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

 

- Тиснение (Bevel and Emboss): Измените Метод (Technique) на Жесткая огранка (Chisel Hard), Размер (Size) до 4 пикселей, установите галочку Сглаживание (Anti-aliased), измените цвет для Режиме подсветки (Highlight Mode)на  # e7cc8a, и для Режим тени (Shadow Mode) на # 6d6d6d.

 

 

- Контур (Contour): Выберите Конус (Cone) и установите галочку Сглаживание (Anti-aliased).

 

 

- Наложение узора (Pattern Overlay): Измените Режим наложения (Blend Mode) на Умножение (Multiply) и выберите узор «Floral3» из набора Motivos Florales .

 

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

 

 

Вы можете перетащить шаблон, чтобы переместить его внутрь плитки, если вам не нравится, как она выглядит. Это также может быть сделано позже в любое время. Вам просто нужно дважды щелкнуть по слою, чтобы открыть окно стилей слоя, затем выбрать вкладку Наложение узора (Pattern Overlay) и перетащите шаблон.

 

 

- Тень (Drop Shadow): Измените Непрозрачность (Opacity) до 45%, Смещение (Distance) до 6, и Размер (Size) до 10.

 

 

Вот, что должно у вас получиться в итоге. Щелкните правой кнопкой мыши по стилям слоя и в контекстном меню выберите команду Копировать стиль слоя (Copy Layer Style).

 

 

Выбрать все остальные слои с плиткой, щелкните правой кнопкой мыши по любому из них, и выберите команду Вставить стиль слоя (Paste Layer Style).

 

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

 

 

Шаг 5

 

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

 

Загрузите ATN файл Photoshop Action 24, затем откройте панель Операции (Actions) (перейдите в меню Окно> Операции (Window> Actions)). Выберите вашу вкладку с операцией(будет в нижней части панели Операции (Actions)), затем нажмите кнопку «Play».

 

 

Экшн сделает всю остальную работу и даст вам хороший конечный результат.

 

 

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

 

 

А вот и конечный результат.

 

 

Урок по теме - Набор букв на плитках в Фотошопе.



Автор урока: textuts

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 24.07.2013
  •   Просмотров: 3808
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки