Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Все о Photoshop

Создание скругленных углов. Способ 1.

  • 12.11.2001
Total
0
Shares
0
0
0
0
0
0

Автор статьи: Головин Андрей

>

Заготовка для скругленного угла (175b) Контуры выделения для заливки (3533b)
Рис. 1 Рис. 4
Одна сторона (205b) Готовая область выделения (308b)
Рис. 2 Рис. 5
Скругленные углы (337b) Конечный результат (1371b)
Рис. 3 Рис. 6

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

Рассмотрим метод на примере создания кнопки. Создадим новое изображение (File | New) размерами, несколько, больше, чем требуемая картинка. Теперь выберем инструмент выделения “элипса” и выделим в верхнем левом углу круг с радиусом, равным требуемому радиусу скругления (круг из элипса получается если во время выделения удерживать клавишу Shift). И зальем его черным цветом (если у вас текущий цвет заливки – черный, то можно, просто нажать Alt-Backspace). Результат на Рис.1. Далее создаем новый слой и копируем изображение из первого во второй (Это можно сделать “перетащив” готовый слой на иконку New Layer в панели слоев). Затем перемещаем новый слой вниз, чтобы второй черный кружок оказался в левом нижнем углу (Рис.2). Сделать это можно выбрав инструмент перемещения слоев и перемещая слой мышкой или клавишами управления курсором (чтобы при перемещении слоя с помощью мышки выдержать строго вертикальное направление, необходимо удерживать в это время клавишу Shift).

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

Скругленные углы теперь готовы, осталось, только, дорисовать “внутренности” фигуры. Для этого, выбрав в качестве инструмента выделения прямоугольную рамку, последовательно выделяем и заливаем черным цветом области, обозначенные красным и синим прямоугольником на Рис.4. Теперь у вас должна получиться картинка похожая с изображенной на Рис.5.

В принципе, на этом можно было и закончить. Но если кнопка должна иметь некую текстуру или эффект объема, то нам необходимо провести еще несколько несложных операций. Инвертируем изображение (Image | Aadjust | Invert или Ctrl-A). Выбираем команду Select | Select All (или Ctrl-A). Копируем все изображение в буфер (Ctrl-C или команда Edit | Copy. Далее в панели слоев выбираем список каналов и создаем новый канал (он получает имя “#4”). И вклеиваем (Ctrl-V или команда Edit | Paste) изображение в этот канал. Затем переходим в список слоев, выбираем слой Background, который теперь можно очистить. Теперь команда Select | Load Selection позволяет установить выделение в соответствии с каналом #4 (светлые участки этого канала будут выделенными, темные – нет).

Теперь, имея такое выделение, мы можем сделать с нашей кнопкой все, что угодно. Например, на Рис.6 показано как можно применить скрипт из опыта №17.

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
alexvolkov

Предыдущий материал
  • Все о Photoshop

Создание скругленных углов. Способ 2.

  • 12.11.2001
  • alexvolkov
Read More
Следующий материал
  • PHP

Система “Совет дня”. Часть 1

  • 12.11.2001
  • Алексей Волков
Read More
Вас также может заинтересовать
Read More
  • Все о Photoshop

Основы ретуширования портретов в Photoshop

  • kokos
  • 25.11.2010
Read More
  • Все о Photoshop

Работа с Photoshop: как достичь эффекта сияния

  • tamo
  • 27.09.2010
Read More
  • Все о Photoshop

Создаем в Photoshop металлический шнур

  • bordosya
  • 25.09.2010
Read More
  • Все о Photoshop

Учимся работать в Photoshop: картинка в стиле SinCity

  • tamo
  • 25.09.2010
Read More
  • Все о Photoshop

Вспомогательные элементы для сайта

  • jokar
  • 13.09.2010
Read More
  • Все о Photoshop

Камуфляж, спецэффект

  • Алексей Волков
  • 25.11.2009
Read More
  • Все о Photoshop

Трехдневная щетина, спецэффект

  • Алексей Волков
  • 24.11.2009
Read More
  • Все о Photoshop

Реалистичные шрамы, спецэффект

  • Алексей Волков
  • 23.11.2009

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

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter