Web-дизайн в Photoshop: Тенденции web-дизайна — 3D-лента | QuickTUTS — уроки фотошоп, сайтостроительство, бесплатные файлы.

|

20 Ноя 2009

|

1 комментарий

Web-дизайн в Photoshop: Тенденции web-дизайна — 3D-лента

Наверняка Вы замечали, что некоторые сайты выглядят объемно, хотя и созданы не на Flash. Данный эффект достигается путем добавления так называемых 3D-лент. В этом уроке Вы научитесь создавать эти интересные и красивые элементы, которые сможете использовать для дизайна собственного сайта.

Вот несколько примеров использования 3D-лент:

wdt1

wdt2

wdt3

wdt4

wdt5

wdt6

Создание 3D-ленты в Photoshop

Вот, что должно получиться:

wdt7

Создайте новый документ в Photoshop и нарисуйте прямоугольную форму с помощью инструмента Rectangle Shape Tool.

wdt8

Создайте второй прямоугольник более тёмного цвета той же высоты, но тоньше.

wdt9

Переместите слой со вторым прямоугольником под большой. Теперь необходимо трансформировать его, для этого нажмите Ctrl+T и войдите в режим Free Transform. Кликните по изображению правой клавишей мыши и выберите Perspective.

wdt10

Перетащите правый средний якорь вниз, вплоть до появления 3D-эффекта.

wdt11

Теперь дублируйте этот слой, нажав Ctrl+J. Затем нажмите Ctrl+T, кликните правой клавишей мыши и выберите Flip Horizontal (отразить по горизонтали).

wdt12