Регистрация Войти
Вход на сайт
» » Тонкая рамка с закругленными краями

Тонкая рамка с закругленными краями

Просмотров: 16758
Комментариев: 1
Версия для печати

PhotoshopВ этой небольшой статье рассмотрим пример создания  в фотошопе "тонкой" рамки толщиной в 1 - 2 пикселя с закругленными краями. Данные рамки (и их фрагменты) широко используются дизайнерами и веб-мастерами при верстке макетов и создании шаблонов для сайтов. Применяются для обрамления статей, меню, кнопок и т.д.

Итак приступим:

1. Создадим новый документ (Верхнее меню "Файл" - "Новый") с размерами, например, 500 на 500 пикселов. Содержимое фона: прозрачное.

2. Идем в Панель инструментов (расположена слева), выбираем инструмент "Прямоугольная область" (М). На нашем документе рисуем прямоугольную область. Параметры инструмента "Прямоугольная область": "Новая выделенная область", "Растушевка: 0 пикс.", "Стиль: нормальный" (Рис. 1).

3. В верхнем меню выбираем вкладку "Выделение" - "Модификация" - "Оптимизировать"  (Рис. 2). Значение радиуса возьмем, например, равное 20 пикселям. Жмем "Да". Видим, что углы нашего выделенного прямоугольника закруглились на величину выбранного значения (20 пикс.) (Рис. 3).

4. В верхнем меню выбираем "Редактировать" - "Выполнить обводку". Ставим параметры обводки. Ширина: 2 пикс. (для наглядности). Цвет возьмем какой-нибудь красный. В этой же вкладке установим: "Позиция относительно границы: по центру (можно выбрать значения "внутри" и "снаружи")", "Наложение: Режим нормальный", "Непрозрачность: 100%", "Сохранить прозрачность: пусто". Жмем кнопку "Да" (Рис. 4). Снимаем выделение - комбинацией клавиш на клавиатуре "Ctrl + D" и получаем нужную нам рамку толщиной 2 пикселя красного цвета с закругленными краями (Рис. 5). Теперь ее фрагменты или рамку целиком можно использовать для оформления какого-либо шаблона, баннера и т.п.

Тонкая рамка с закругленными краями Тонкая рамка с закругленными краями
Рис. 1 Рис. 2
Тонкая рамка с закругленными краями Тонкая рамка с закругленными краями
Рис. 3 Рис. 4
Тонкая рамка с закругленными краями Тонкая рамка с закругленными краями
Рис. 5 Рис. 6

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


Рейтинг статьи:
  
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
Комментарии (1)
Евгений 24 июня 2016 11:58
Большое спасибо! Помогло, с первого раза нарисовал нужную рамку, всё очень понятно описано.
Цитировать          1
Оставить комментарий
Ваше имя: *
Ваш e-mail: *
Текст комментария:
Полужирный Наклонный текст Подчёркнутый текст Зачёркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите проверочный код (защита от спама):
код: ----