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

3.Шаги 21-30

Шаг 21

Добавляем классическую RSS-иконку цвета #DCA30B в новый слой и располагаем его перед слоем "moon", но позади слоя "cloud". Затем применяем к этому слою эффекты, как показано на картинке ниже (Gradient Overlay, Outer Glow, Drop Shadow). И наконец добавляем поверх RSS-иконки звезду, как в шаге 10.

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

Шаг 22

Скачайте эту картинку и вставьте ее в новый слой. Это будет фон для навигационной панели нашего сайта. Исходное изображение короткое, нам надо сделать его длинным. Здесь все просто: разрезаем, раздвигаем, вклеиваем кусок. Затем при помоши инструмента деформации Warp немного искривляем свиток.

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

Шаг 23

Обработайте нужные участки свитка инструментом Dodge для придания свитку дополнительного объема.

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

Шаг 24

Немного улучшим фактуру свитка. Добавим Gradient Overlay (#045F96, #FBF4BD) и Pattern Overlay. Настройки эффектов показаны на картинке ниже.

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

Шаг 25

Теперь добавим тень, отбрасываемую свитком. Можно воспользоваться для этого фильтром Drop Shadow, но для большей реалистичности лучше отрисовать руками. Скопируйте слой со свитком, а затем в диалоговом окне Hue/Saturation приведите параметр Lightening к значению -100. Получившуюся черную копию немного размойте фильтром Blur, а затем при помощи различных инструментов трансформации Free Transform деформируйте тень, чтобы она получилась неоднородной.

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

Шаг 26

Теперь поверх свитка надо добавить небольшое облако. Действия примерно похожи на шаг 15. Далее добавьте пункты меню шрифтом Georgia Italic. Используйте цвет #0B1827 для обычных ссылок и #211808 для тех ссылок, над которыми находится курсор мыши. Еще вы можете добавить здесь звезды под буквами и размашистое подчеркивание для выделения ссылки, над которыми находится курсор мыши.

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

Шаг 27

И наконец заключительный штрих для панели навигации. Создайте новый слой над слоем со свитком и, используя какую-нибудь кисть с частицами, нарисуйте разноцветные мазки, выделив таким образом пункты меню. Задайте для слоя "Stars" непрозрачность 40%.

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

Шаг 28

Добавим текст для RSS-иконки. Шрифт Arial размером 10 px, цвета желтый (#F2C90D) и белый (#FFFFFF). Установите метод сглаживания Anti-aliasing в None.

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

Шаг 29

Скачайте эту картинку. Аккуратно вырежьте из нее воздушный шар и поставьте его где-нибудь под логотипом. Добавьте к новому слою эффект Color Overlay (#1F416E) с настройками, показанными на картинке ниже. Таким обраом мы добьемся коррекции цветовой гаммы шара. Затем немного обработаем инструментом Dodge левую сторону шара, она должна быть в тени.

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

Шаг 30

Добавим немного звезд над воздушным шаром и свитком. Для этого воспользуемся кистью 615 из набора звездных кистей, как в шаге 8. Твердой кистью размером 3 px нарисуем веревку, свисающую с воздушного шара. Немного пройдемся резинкой для придания неоднородности звездам и веревке.

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

Назад  1    2    3    4  Вперед

Другие статьи из этой рубрики

30 образцов яркого и креативного веб-дизайна

Буйство красок и яркие цветовые схемы - это одна из вершин мастерства, характеризующих хорошего веб-дизайнера. В этом обзоре я подготовил для вас 30 жемчужин веб-дизайна с яркими и красочными цветовыми схемами. Они выглядят очень живо и динамично. Наслаждайтесь!

Основы Matte Painting. Создаем ландшафт

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

Уроки Photoshop. Фотопленка

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

Создание фона в стиле Windows Vista

В дизайне часто приходится встречаться с задачей отрисовать красивый фон с бликами и градиентами. Характерный пример такого фона - обои для Windows Vista. Сегодня я покажу вам, как делаются такие картинки.
portfolius.ru © 2008
Написать письмо
Остров Маврикий и еще.