Суббота, 23.09.2017, 21:22
Приветствую Вас Гость | RSS



Шаблоны для ucoz
Категории раздела
Наш опрос
Довольны ли Вы обновлением сайта?
Всего ответов: 1080
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz



Главная » Файлы » красивые шаблоны

WEB 2.0 шапка для сайта
Будем делать следующее

Итак, начнем.
1) Создаем новый документ размером 600х335px. Заливаем его белым цветом.
2) Выбираем инструмент Rectangle Tool (U) и рисуем длинный, тонкий прямоугольник размером 600х13px.
3) Далее Blending Options>Gradient Overlay и настраиваем как на рисунке ниже:


4) Создаем еще один, такой же по размерам, прямоугольник и ставим выше первого. Идем Blending Options>Gradient Overlay и настраиваем:

5) На каждом прямоугольнике понижаем Opacity на 90% (это предаст легкую прозрачность, что создаст приятный эффект просвечивания фона) и перемещаем их вниз нашей заготовки. В итоге:


6) Теперь создаем кнопки. Выбираем Line Tool (U) толщиной 1px и проводим короткую вертикальную линию как на рисунке:

7) Идем Blending Options>Gradient Overlay и настраиваем:

8) Дублируем слой (Ctrl+J) и переносим его под первую линию:

9) Blending Options>Color Overlay и меняем цвет на #43474b (предварительно убрав галочку с Gradient Overlay и понизив Fill до 0%)
10) Объединяем линии (Ctrl+E) и дублируем размещая по всему прямоугольнику. Вот что должно получиться:


11) Выбираем Horizontal Type Tool (T) и пишем желаемый текст белым цветом. Я выбирал Arial размер 16pt
12) После всех операций у нас получается:

13) Пришло время переходить к фону. Фон играет самую важную часть в нашей работе, он привлекает посетителей и одновременно является таблицей для вашего логотипа, поэтому фон нужно выбирать с умом и с взглядом на тематику сайта. В примере я привел шапку дизайн сайта. И так после выбора фона для шапки размещаем его на всей рабочей области (он должен находиться ниже всех предыдущих слоев, белый слой (начальный фон) можете удалять).
14) Переходим к созданию размытого прямоугольника. Выбираем Rounded Rectangle Tool (U) с радиусом 6px, белый цвет. Нарисуйте и разместите прямоугольник так, чтобы с левой/правой стороны выпирало только два угла. Растирезуем слой (правый клик по слою, Rasterize Layer) и уменьшаем Opacity до 8%. Что должно получиться:


15) Дублируем фон. Зажав Ctrl кликаем левой кнопкой по ранее созданному прямоугольнику, чтобы выделить его и Shift+Ctrl+I, чтобы инверсировать выделение. Выбираем дублированный фон и жмем Del. И Ctrl+D для снятия выделения.
16) Выбираем дублированный фон (вернее то, что от него осталось) идем Filter>Blur>Gaussian Blur и вводим степень размытия 1,1. Затем Blending Options>Drop Shadow и настраиваем как ниже:


17) Объединим прямоугольник с дублировынным фоном и напишем в нем название сайта и ваш слоган (желательно белым цветом).
17.1) Остался последний "прибомбас" это подсвечивание кнопок. Выбираем Ellipse Tool (U) и рисуем круг под кнопкой, цвет #5c94c5:

17.2) Выбираем круг, идем Filter>Blur>Gaussian Blur со степенью размытия 10. Стираем не нужное.

Ну вот в принципе и все... Надеюсь вам понравилось
Урок by Igrok_444 © 2008

Категория: Уроки | Добавил: Doctor_rLs (13.03.2009)
Просмотров: 1086 | Комментарии: 6 | Рейтинг: 5.0/1
Всего комментариев: 5
25.03.2009 Спам
5. Данила (Adam_666)
pivo мне бы на блог?

15.03.2009 Спам
4. Dohhhh (Doctor_rLs)
блин но сколька раз повторять если понравилося или помог + repa

15.03.2009 Спам
3. Саша (Sanya)
krut

14.03.2009 Спам
2. Dohhhh (Doctor_rLs)
Аксель,мне больше нариться сама шапка))

13.03.2009 Спам
1. Dohhhh (Doctor_rLs)
ab ab

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz
Поиск
Статистика

Всего на сайте: 1
Гостей: 1
Юзеров: 0
Programpk - это ресурс, который предоставляет бесплатные шаблоны для сайта на Ucoz, также у нас есть светлые и темные шаблоны, шаблоны для cs и шаблоны для форума, и другие файлы для ваших сайтов.
Карта сайта (map1, map2, map3, map4.)
Хостинг от uCoz