Меню сайта
Наш опрос
...
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
| Главная » Статьи » Дизайн » Дизайн сайтов |
Элегантный шаблон Wordpress
Откройте Photoshop и создайте новый документ размером 960 на 1200 px. Выберите фоновый слой, зайдите в Blending Options и выберите Gradient Overlay. Создайте градиент цветом от #91a2b4 до #6a7f94. С помощью Rounded Rectangle Tool (Прямоугольник с закругленными краями) создайте две фигуры. Первая фигура будет белого цвета. Здесь будет находится шапка и главная часть сайта. Вторую фигуру расположите внизу. Это будет подвал сайта.  Выбрав белый слой, нажмите CTRL + J, чтобы дублировать слой. После щелкаем по слою правой кнопкой и выбираем Rasterize Layer. После этого идете в Select> Load Selection. Вокруг слоя появится выделение. На нужно выделить лишь верхнюю часть. Выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение). Удерживая клавишу Alt, выделите нижнюю часть слоя. У вас останется то, что изображено на рисунке.  Далее следуйте в Select> Modify> Contract. В появившемся окне выберите значение между 3 и 5 пикселями. Далее нажать ОК. Вы увидите форму на пару пикселей меньше.  Создайте новый слой и залейте выделение любым цветом. После нажмите CTRL + D, чтобы снять выделение. Далее щелкните правой кнопкой по слою и зайдите в Blending Options и задайте следующие стили слою:     У вас должно получиться следующее:  Также, как мы делали до этого, создайте форму и задайте ему стили слоя, чтобы получить следующее:  Я использовал такие же стили, но другой градиент:  Правее создадим еще одну форму с помощью Rectangle Tool  Стили у слоя выше такие же, как и раньше. С помощью инструмента Pen Tool (Перо) и создайте форму, показанную на изображении ниже.  Идем в Filter> Blur> Gaussian Blur и устанавливаем радиус размытия около 6,0. После уменьшите прозрачность слоя до 40%. После этого мы увидим красивую мягкую тень.  С темной стороны я разместил текст, а справа - нужные мне картинки.  Увеличиваем масштаб изображения до 400% и с помощью Pen Tool создаем простой треугольник.  С помощью Horizontal Type Tool (текст) добавим текста в наш шаблон.  Справа сделаем место для рекламы.  Ниже расположим горизонтальную линию. Создадим ее с помощью Line Tool. После этого жмем правой кнопкой на слой и ищем Rasterize layer. С краев подтираем резинкой.  Я добавил логотип и меню. Вы можете добавить в шаблон что-то по желанию. Вот и все. Удачи! 
Источник: http://demiart.ru/forum/index.php?showtopic=118513 | |
| Просмотров: 602 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |