15 Авг 2009 Цветная лента из фотографий

Цветная лентаВ этом уроке вы научитесь делать красивую ленточку из фотографий, как в дизайне Apple iLife и на сайте DigitalMash. Для скручивания ленты используется инструмент изменения геометрии WARP TOOL (поэтому нужен Фотошоп CS2 или более поздний чтобы выполнить этот урок). После этого урока вы сможете самостоятельно делать ленты из своих собственных фотографий или других изображений. Все достаточно несложно и после небольшой практики делается за пару минут.

1. Создаем Ленту (Векторными фигурами)

Для начала, нарисуем ленту с помощью инструмента Карандаш (Pen) в Illustrator'е или в фотошопе. Мы используем эти фигуры как направляющие и для маскирования.

stripe-outline

2. Подберем фотографии

Выберите 3 фотографии на ваш выбор и скрепим их вместе.

photo-stack

3. Скручиваем (инструмент Warp Tool в фотошопе)

Выставим непрозрачность слою в 40 или 50% так чтобы могли видеть направляющие под изображением. Идем в меню  Edit > Transform > Warp. Теперь мы увидим сетку и 4 угловых точки. Чтобы изогнуть изображение просто тяните за углы и двигайте контрольные направляющие, или за линии сетки.

warp-grid-1

Повторяйте этот шаг для всей ленты. Это все относительно несложно и после нескольких повторов вы научитесь легко манипулировать изображениями с помощью этого инструмента. Я не буду вдаваться в детали и все покажу лишь на скриншотах.

warp-grid-2

warp-grid-3

warp-grid-4

4. Маскируем

Соберем слои в группы (Например  1, 2, 3, 4)

layer-group

Загрузим выделение из фигур созданных в 1-м шаге и добавим маску на каждую группу слоев (таким образом получим более плавные края)

layer-mask

5. Тени

В маскированной 1-й группе создадим новый слой поверх изображения. И используя градиент (Gradient Tool) протянем его сверху вниз чтобы создать черный градиент.

shadow-1

Повторим этот шаг для каждого фрагмента

shadows

6. Светлые участки

Чтобы сделать засветы и области с блеском создадим круглую светящуюся область, сожмем ее и повернем ее в соответствии с направоением ваших фрагментов ленты.

highlight

7. Линии контура

Чтобы сделать контурные линии загрузим выделение от маски (Ctrl + клик мышки на маске), создадим новый слой, а затем его заполним черным. Сдвинем выделение влево на 1-2 пиксела и удалим содержимое выделенной области клавишей Delete.

line-strokes

8. Последние штрихи

Чтобы сделать изображение более интересным, уменьшите насыщенность цвета пары фрагментов в темный.

Цветная лентаКонечное изображение цветной ленты

Подсказка:

Warp Tool (инструмент скручивания) в фотошопе очень полезен для создания любых изогнутых или скрученных графических эффектов. Ниже варианты  показывающие в качестве примера которые вы можете творить с помощью этого инструмента.

warp-examples© Webdesignerwall, ARTDM

Popularity: 10% [?]

Читайте также похожие записи:

Вы можете отслеживать комментарии подписавшись RSS 2.0 feed. Вы можете оставить комментарий, или обратную ссылку с вашего сайта.
Оставьте ответ » Log in