1 Уроки Photoshop Создание дизайна сайта в мистическом стиле 3/4 Ср Сен 29, 2010 8:18 pm
Admin
Admin
3.Шаги 21-30
Шаг 21
Добавляем классическую RSS-иконку цвета #DCA30B в новый слой и располагаем его перед слоем "moon", но позади слоя "cloud". Затем применяем к этому слою эффекты, как показано на картинке ниже (Gradient Overlay, Outer Glow, Drop Shadow). И наконец добавляем поверх RSS-иконки звезду, как в шаге 10.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 22
Скачайте эту картинку и вставьте ее в новый слой. Это будет фон для навигационной панели нашего сайта. Исходное изображение короткое, нам надо сделать его длинным. Здесь все просто: разрезаем, раздвигаем, вклеиваем кусок. Затем при помоши инструмента деформации Warp немного искривляем свиток.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 23
Обработайте нужные участки свитка инструментом Dodge для придания свитку дополнительного объема.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 24
Немного улучшим фактуру свитка. Добавим Gradient Overlay (#045F96, #FBF4BD) и Pattern Overlay. Настройки эффектов показаны на картинке ниже.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 25
Теперь добавим тень, отбрасываемую свитком. Можно воспользоваться для этого фильтром Drop Shadow, но для большей реалистичности лучше отрисовать руками. Скопируйте слой со свитком, а затем в диалоговом окне Hue/Saturation приведите параметр Lightening к значению -100. Получившуюся черную копию немного размойте фильтром Blur, а затем при помощи различных инструментов трансформации Free Transform деформируйте тень, чтобы она получилась неоднородной.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 26
Теперь поверх свитка надо добавить небольшое облако. Действия примерно похожи на шаг 15. Далее добавьте пункты меню шрифтом Georgia Italic. Используйте цвет #0B1827 для обычных ссылок и #211808 для тех ссылок, над которыми находится курсор мыши. Еще вы можете добавить здесь звезды под буквами и размашистое подчеркивание для выделения ссылки, над которыми находится курсор мыши.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 27
И наконец заключительный штрих для панели навигации. Создайте новый слой над слоем со свитком и, используя какую-нибудь кисть с частицами, нарисуйте разноцветные мазки, выделив таким образом пункты меню. Задайте для слоя "Stars" непрозрачность 40%.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 28
Добавим текст для RSS-иконки. Шрифт Arial размером 10 px, цвета желтый (#F2C90D) и белый (#FFFFFF). Установите метод сглаживания Anti-aliasing в None.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 29
Скачайте эту картинку. Аккуратно вырежьте из нее воздушный шар и поставьте его где-нибудь под логотипом. Добавьте к новому слою эффект Color Overlay (#1F416E) с настройками, показанными на картинке ниже. Таким обраом мы добьемся коррекции цветовой гаммы шара. Затем немного обработаем инструментом Dodge левую сторону шара, она должна быть в тени.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 30
Добавим немного звезд над воздушным шаром и свитком. Для этого воспользуемся кистью 615 из набора звездных кистей, как в шаге 8. Твердой кистью размером 3 px нарисуем веревку, свисающую с воздушного шара. Немного пройдемся резинкой для придания неоднородности звездам и веревке.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]]
Шаг 21
Добавляем классическую RSS-иконку цвета #DCA30B в новый слой и располагаем его перед слоем "moon", но позади слоя "cloud". Затем применяем к этому слою эффекты, как показано на картинке ниже (Gradient Overlay, Outer Glow, Drop Shadow). И наконец добавляем поверх RSS-иконки звезду, как в шаге 10.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 22
Скачайте эту картинку и вставьте ее в новый слой. Это будет фон для навигационной панели нашего сайта. Исходное изображение короткое, нам надо сделать его длинным. Здесь все просто: разрезаем, раздвигаем, вклеиваем кусок. Затем при помоши инструмента деформации Warp немного искривляем свиток.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 23
Обработайте нужные участки свитка инструментом Dodge для придания свитку дополнительного объема.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 24
Немного улучшим фактуру свитка. Добавим Gradient Overlay (#045F96, #FBF4BD) и Pattern Overlay. Настройки эффектов показаны на картинке ниже.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 25
Теперь добавим тень, отбрасываемую свитком. Можно воспользоваться для этого фильтром Drop Shadow, но для большей реалистичности лучше отрисовать руками. Скопируйте слой со свитком, а затем в диалоговом окне Hue/Saturation приведите параметр Lightening к значению -100. Получившуюся черную копию немного размойте фильтром Blur, а затем при помощи различных инструментов трансформации Free Transform деформируйте тень, чтобы она получилась неоднородной.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 26
Теперь поверх свитка надо добавить небольшое облако. Действия примерно похожи на шаг 15. Далее добавьте пункты меню шрифтом Georgia Italic. Используйте цвет #0B1827 для обычных ссылок и #211808 для тех ссылок, над которыми находится курсор мыши. Еще вы можете добавить здесь звезды под буквами и размашистое подчеркивание для выделения ссылки, над которыми находится курсор мыши.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 27
И наконец заключительный штрих для панели навигации. Создайте новый слой над слоем со свитком и, используя какую-нибудь кисть с частицами, нарисуйте разноцветные мазки, выделив таким образом пункты меню. Задайте для слоя "Stars" непрозрачность 40%.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 28
Добавим текст для RSS-иконки. Шрифт Arial размером 10 px, цвета желтый (#F2C90D) и белый (#FFFFFF). Установите метод сглаживания Anti-aliasing в None.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 29
Скачайте эту картинку. Аккуратно вырежьте из нее воздушный шар и поставьте его где-нибудь под логотипом. Добавьте к новому слою эффект Color Overlay (#1F416E) с настройками, показанными на картинке ниже. Таким обраом мы добьемся коррекции цветовой гаммы шара. Затем немного обработаем инструментом Dodge левую сторону шара, она должна быть в тени.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 30
Добавим немного звезд над воздушным шаром и свитком. Для этого воспользуемся кистью 615 из набора звездных кистей, как в шаге 8. Твердой кистью размером 3 px нарисуем веревку, свисающую с воздушного шара. Немного пройдемся резинкой для придания неоднородности звездам и веревке.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]]