Главная/ Учимся Javascript, CSS, HTML/ Photoshop/ Selection Tools/ Вырезаем внутреннюю часть скругленной рамки

Вырезаем внутреннюю часть скругленной рамки

Дата публикации: 15.01.2011


Часто в процессе верстки бывает нужно вырезать какой-нибудь объект из макета. Самый типичный случай — фото в рамочке со скругленными уголками. Обычно подразумевается, что фото должно быть прямоугольным, а рамка-трафарет накладывается сверху, перекрывая углы фотки — получается требуемое скругление. Твоя задача, как верстальщика, кроме всего прочего, вырезать такую рамку. Говоря другими словами, сделать в прямоугольнике дыру нужной формы. Дополнительно придется позаботиться, чтобы скругления были ровными, не рваными.

При небольшом опыте работы с Photoshop, задача может занять достаточно много времени, а результат не всегда тебя порадует. Давай учиться делать дыры быстро и эффективно! Для этого придется поближе познакомиться с некоторыми специальными инструментами и методами Photoshop. И, конечно, посмотреть наш видеоурок.

Если ты мало знаком с инструментами выделения и их параметрами, прочти сначала немного теории.

Группа простых инструментов выделения

Инструменты

  • Rectangular Marque Tool — один из основных инструментов выделения. Выделяет прямоугольные области.
  • Eleptical Marque Tool — выделяет овальные области (при зажатой клавише «shift» получится окружность).
  • Single Row Marque Tool — выделяет строку шириной 1px.
  • Single Col Marque Tool — выделяет колонку шириной 1px.

Параметры

  1. Это поле служит для настройки предустановок инструмента.
  2. Эти кнопки определяют режимы взаимодействия выделенных областей на одном изображении.
    1. Старое выделение исчезает и вместо него образуется новое.
    2. Выделенные области суммируются (зажатый «shift»).
    3. Новая область вычитается из предыдущей (зажатый «alt»).
    4. Выделится та область, которая находится на пересечении старой и новой областей.
  3. Feather (растушевка). Задает уровень размытия краев выделения.
  4. Anti-alias (сглаживание). Края выделения будут мягко сглажены.
  5. Style (стиль). Это поле предназначено для определения стиля выделения. Так, если выбрать Fixed Size, станут активными поля width и height, где можно задать явные размеры для области выделения. Аналогично Fixed Ratio, с той лишь разницей, что размер задается пропорцией.
  6. Redefine Edge (улучшение краев). Служит для улучшения краев выделения. Эта опция очень полезна при работе со сложными выделениями, на ней подробнее остановимся в одном из следующих уроков, когда будем рассматривать более сложные примеры.

Куда дальше