InfoCity
InfoCity - виртуальный город компьютерной документации
Реклама на сайте







Размещение сквозной ссылки

 

Пунктирная рамка в Photoshop

Алексей Кунин

В одной из IZ-публикаций был описан способ создания пунктирных рамок при помощи Adobe Photoshop. Действительно, этот эффект часто и успешно используется web-дизайнерами. Как человека, не чуждого растровой графике и программированию, меня заинтересовала возможность упростить описанный метод - уж слишком трудоёмко делать большие рамки. В результате некоторых раздумий над упрощённой методикой появился несложный алгоритм, описание которого следует ниже.

Алгоритм ипользует такую "фичу" Photoshop'а, как Pattern - шаблон заливки. Нам понадобится один такой шаблон - "шахматка". Для его изготовления создаём новый файл (пункт меню File | New...) с размерами 4 x 4 пикселя, и с помощью инструмента Pencil Pencil зарисовываем единственный слой клетками 2 x 2 пикселя (для того, чтобы закрашивать было удобнее, можно воспользоваться инструментом Zoom Zoom):

Заготовка для шаблона

Красный цвет был выбран для наглядности. Для получения более длинных штрихов можно нарисовать шаблон "шахматки" покрупнее. А для получения "точечной" рамки - помельче (2 x 2 пикселя).

Теперь можно создавать сам шаблон. Для этого нужно выбрать пункт меню Edit | Define Pattern и указать имя шаблона:

Создание шаблона

После нажатия кнопки OK можно приступать к рисованию рамки.

  1. К редактируемому документу (для тестовых целей можно создать новый) добавляем новый прозрачный слой (пункт меню Layer | New | Layer).

  2. С помощью инструмента Rectangular Marquee Rectangular Marquee рисуем прямоугольник подходящего размера:

  3. Затем заливаем прямоугольник цветом переднего плана (комбинация клавиш Alt-Backspace):

    Размер, цвет и положение прямоугольника - на ваше усмотрение.

  4. После заливки необходимо избавиться от "бегущей рамки" инструмена "Rectangular Marquee" с помощью комбинации клавиш Ctrl-D или пункта меню Select | Deselect.

  5. Выбираем пункт меню Layer | Layer Style | Stroke, в появившемся окне устанавливаем ширину рамки в 1 пиксель (ползунок Size до упора влево) и режим заливки (Fill Type) в "шаблонный" (Pattern). После этих манипуляций у нас появится возможность выбрать ранее созданный шаблон в качестве рабочего:

  6. После нажатия кнопки OK наблюдаем готовую рамку:

К достоинствам этого метода можно отнести быстроту реализации (шаблон нужно сделать только один раз для каждой разновидности рамки), а также "изменяемость" формы рамки:

Эта угловатая фигура была получена с помощью всё того же инструмента Rectangular Marquee (нужно зажать клавишу Shift - при этом новые прямоугольники выделения будут накладываться на уже существующее выделение) с последующей заливкой (Alt-Backspace) в том же самом слое с рамкой.

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


При поддержке сайта: Kritiki.NET - Критика, обзоры интернет ресурсов, веб-сервисов, сайтов, блогов


Реклама на InfoCity

Яндекс цитирования



Финансы: форекс для тебя








1999-2009 © InfoCity.kiev.ua