Воскресенье, 24.11.2024, 20:22
Главная
Регистрация
Вход
Дизайнер, твоё место здесь!!!
Приветствую Вас Гость | RSS
Категории каталога
Ретуширование и обработка фотографи [53]
Уроки по обработке фото, добавление на фото различных спецэффектов, ретуширование
Уроки по веб-дизайну [19]
Создание элементов веб-дизайна, кнопки, меню, лого, иконки
Уроки текст-эффектов [18]
Создание текстовых эффектов, различных надписей
Уроки спец-эффектов [11]
Создание интересных коллажей из фото и картин. Уроки Adobe Photoshop по созданию различных спецэффектов, абстракций
Уроки по рисованию в фотошопе [0]
Уроки Adobe Image Ready [1]
Cоздание анимаций
Видео уроки [2]
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 95
Главная » Статьи » Photoshop » Уроки по веб-дизайну

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разноцветная шапка для сайта. *
Категория: Уроки по веб-дизайну | Добавил: VOLDEMORT (10.10.2008)
Просмотров: 965 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск
Друзья сайта
Статистика

| Altuha © 2008 | |