Пятница, 18.08.2017, 10:56:13
MyPhotoshop
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Форма входа
Категории раздела
Мои статьи [2]
Элементы веб-дизайна [14]
Уроки Фотошопa [19]
Уроки анимации [34]
Поиск
Наш опрос
Оцените мой сайт
Всего ответов: 244
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
     Каталог статей
    Главная » Статьи » Элементы веб-дизайна

    Разноцветная шапка для сайта
    Начнем с создания файла нужного размера. Нарисуем прямоугольник rectangular shape tool'ом.

    Разноцветная шапка для сайта. *

    Жмем Ctrl+T. Клик правой кнопкой мыши, выбираем Wrap. Выбираем режим деформации Flag. Настраиваем как показано:

    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *

    Заполняем желтым цветом.

    Разноцветная шапка для сайта. *

    Копируем слой. Нажимаем Ctrl+T. Клик правой кнопкой мыши, выбираем Flip Vertical.

    Разноцветная шапка для сайта. *

    Жмем Ctrl+T, поворачиваем и уменьшаем как на рисунке:

    Разноцветная шапка для сайта. *

    Заполняем другим цветом.

    Разноцветная шапка для сайта. *

    Делаем еще несколько копий. Поворачиваем уменьшаем, меняем цвет, располагаем как показано на рисунке.

    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *

    Выделяем слой с основной фигурой и ставим ему режим Hard Light.

    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *

    Создаем фоновый слой, заполняем его белым цветом. И применяем ему следующие параметры в стиле слоя.

    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *

    Вставим подходящую картинку.

    Разноцветная шапка для сайта. *

    Изменим режим этого слоя на Overlay.

    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *

    Вставим изображение цветов.

    Разноцветная шапка для сайта. *

    Изменим режим на Hard Light

    Разноцветная шапка для сайта. *

    Берем eraser tool. Выбираем кисть с размытыми краями и убираем резкие границы картинки.

    Разноцветная шапка для сайта. *

    Нарисуем круглые фигуры elliptical shape tool’ом. Эти круги будут служить кнопками.

    Разноцветная шапка для сайта. *

    Двойной клик, чтобы открыть окно стилей слоя. Настраиваем следующим образом.

    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *

    Меняем режим слоя на Color.

    Разноцветная шапка для сайта. *
    Разноцветная шапка для сайта. *

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

    Разноцветная шапка для сайта. *

    Надпишите кнопки.

    Разноцветная шапка для сайта. *

    Ну, и поставьте Лого куда нужно.

    Разноцветная шапка для сайта. *

    Автор: Invano
    Вольный перевод: Drummy

    Источник: http://www.invano.com/tutorials/photoshop/navheader.php

    Вот что у меня получилось... мде своего ничего smile.gif
    Разноцветная шапка для сайта. * 
    Категория: Элементы веб-дизайна | Добавил: myphotoshop (29.08.2008) | Автор: Invano
    Просмотров: 417 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *:
    Copyright MyCorp © 2017