Получить новую статью

Вставьте здесь свой адрес:

Delivered by FeedBurner

Подписаться на статьи рубрики
Подписаться на статьи рубрики
Подписаться на статьи рубрики
БЫТОВАЯ ТЕХНИКА
новинки, содержание, ремонт
Подписаться на статьи рубрики
СЕРВИСЫ ОНЛАЙН
описание, рекомендации
Подписаться на статьи рубрики
ДИЗАЙН ВЕБ САЙТОВ
советы, показ, нюансы

users online

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

Дело в том, что обычное нанесение текста в один слой выглядит всегда тускловатым и трудно читаемым. Тиснение и дублирование же придаёт чёткие очертания любого текста и его яркость. Давайте сделаем тиснение текста, фигуры в фотошоп на практике.
Тиснение текста, фигуры в фотошоп
Подготовим рабочий стол программы. Создаём файл размером 500 на 280 рх и заливаем цветом — код #f49d04. В принципе, цвет любой, но лучше что то яркое. Переходим к тиснению.
Создадим файл

Тиснение текста.

Пишем текст, например, «металлические двери век». Размер 24-26 рх, шрифт Georgia, regular, цвет #042b79. Можно цвет шрифта любой, но лучше тёмный.
Напишем текст
Дублируем текстовый слой. Красим дублированный текст белым цветом.
Активируем инструмент перемещение. Клавишами – стрелка перемещения на 1 рх, сдвигаем слой дубль на 1 рх вниз и на 1 рх вправо. Опускаем слой дубль под основной текстовый слой.
Тиснение сделано, но слишком резко смотрится текст, как говорит дизайнер А.Захаренко, ночью на смартфоне. Давайте уменьшим эту резкость. Тут есть 3 пути.
Первый путь. Слой дубль текста – уменьшить (на панели слоёв) непрозрачность до 70 – 80 %.
Второй путь. Слой дубль текста – назначить режим наложения – перекрытие.
Третий путь. Слой дубль текста – назначить режим наложения – мягкий свет.
тиснение текстаКак видите, Каждый путь по своему правильный, вам как автору виднее. Я оставляю режим — перекрытие. Готово.
Теперь перейдём к тексту написания контента на сайтах. Обычно, это шрифт размером 14 рх, regular, цвет – чёрный. Копируем любой фрагмент текста с заранее подготовленного шаблона с текстом для вставки.

Активируем инструмент текст, нажимаем ЛКМ и рисуем пунктирное выделение в виде прямоугольника на фоне на всю ширину изображения. Затем вставляем текст в это выделение. Если цвет текста окажется тусклым. Сделаем несколько копий текста, и он станет ярче.
bn5
Создадим ещё один дубль слоя с текстом. Покрасим его белым цветом и, используя инструмент перемещение, стрелками клавиатуры сместим слой белого текста на 1 рх вниз и на 1 рх вправо. После чего переместим этот слой под самый низ всех текстовых слоёв.
Установим непрозрачность этого белого слоя примерно 70-80%. Готово.
тиснение текста сайта
Тиснение фигуры.
Тиснение изображения в виде фигуры иногда требуется для реалистичности или имитации объёма кнопки или клавиши. Лёгкое подчёркивание объёма способствует желанию нажатия кнопки.
Инструментом фигура рисуем прямоугольник с закруглёнными углами размером примерно Ш = 190 рх. В = 40 рх. Или приблизительно свои размеры. Цвет — #042b79 или другой тёмный.
тиснение формы
Делаем дубль слоя фигура и размещаем снизу основного слоя.
Заливаем слой дубля фигуры белым цветом и растрируем его. (Если не растрировать, функция размытие не работает).

Активируем инструмент перемещение и стрелкой опускаем слой дубль фигуру вниз на 1 рх и на 1 рх вправо.
Размываем по схеме – размытие, размытие по Гауссу, радиус размытия 0, 6 рх и ок.
Назначаем режим — мягкий свет. Появилось тиснение формы.

Если эффект тиснения формы не достаточно проявился, дублировать этот слой, вернуть режим в — обычный и опять размыть по Гауссу, но уже на 1, 0 рх, и снова назначить режим — мягкий свет.
Если всё-таки слабый эффект тиснения формы, ещё раз дублировать этот слой, опять вернуть режим в — обычный и снова размыть уже на 1,7 рх. И выставить режим — мягкий свет.

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

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

Активируем инструмент фигура — линия. Рисуем прямую линию чёрного цвета, удерживая Shift. Копируем этот слой и красим копию линии в белый цвет.

Слой с чёрной линией располагаем сверху над слоем с белой линией и смещаем его клавишей — стрелка, на 1 рх выше. Мы получили оптически вдавленную линию. Растрируем одновременно эти две линии и объединяем их. Готово.
тиснение лини разделителя текста
Публикация трендовых и востребованных  приёмов работы в фотошоп по созданию дизайна сайтов будет продолжена. Можете подписаться на рассылку рубрики ДИЗАЙН ВЕБ САЙТОВ и быть в курсе новостей в этой области.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Используем интернет для заработка: Электронная книга

Не крутой, но пожизненный доход при наличии Internet и мобильный телефон.