Уроки » Шаблоны → Шаблон - Modern  

В этом туториале я покажу как создать современный шаблон для сайта.

Создайте новый файл с размерами 820x790px, 72 точки на дюйм.
C помощью Rectangle Tool :rectangl: создадим фон будущего сайта.

Шаблон - Modern


Стили слоя (нажмите правой кнопкой мыши по слою в палитре слоев и выберите Blending Options).
Применим Gradient Overlay.

Шаблон - Modern


Параметры градиента.

Шаблон - Modern


Теперь с помощью Pen Tool :pen00000: Нарисуйте несколько лучей. (стили слоя те-же)

Шаблон - Modern


Применим Blending Optios > Color Overlay

Шаблон - Modern


Склейте все слои с лучами CTRL+E, зажав кнопкой мыши слой перетащите его вниз на кнопку Create A New Grop, это создаст новую группу, примените к ней стили слоя предоставленные выше и смените тип смешивания с Pass Taught на Pin Light, Opacity уменьшите до 64%

Шаблон - Modern


Теперь возьмите инструмент Rounded Rectangle Tool :rounded_: чтобы нарисовать первичный слой панели и разделов сайтаб цвет используем #E3E3E3

Шаблон - Modern


Примените к слою Blending Options > Stroke с такими параметрами.

Шаблон - Modern


Создайте новый слои и выбрав обычную кисть Brush Tool :brush000: нарисуйте белым приблизительно как на рисунке ниже.



Зажав CTRL щелкните по слою с панелью, загрузив выделение конвертируйте его CTRL+SHIFT+I и нажмите DELETE

Шаблон - Modern


Используйте предыдущий инструмент, чтобы создать раздел сайта, цвет белый.

Шаблон - Modern


Примените Stroke с такими параметрами.

Шаблон - Modern


Создайте новый слой и выберите такую кисть.

Шаблон - Modern


Теперь с помощью пипетки подбираем цвета (просто зажимайте ALT) и создаем эффект разрушенности панелей.

Шаблон - Modern


Используя Line Tool (U) :line0000: , создайте своего рода календарную таблицу белого цвета (чтобы линии были ровные зажимайте SHIFT)

Шаблон - Modern



Создадим индикатор подсветки текущего дня, c помощью Rectangle Tool :rectangl: цветом #F2F2F2

Шаблон - Modern


Используя Rouded Reсtangle Tool :rounded_: пробуйте создать слой для кнопок меню.

Шаблон - Modern


Примените стиль слоя Drop Shadow

Шаблон - Modern


Gradient Overlay

Шаблон - Modern


Параметры градиента

Шаблон - Modern


Сделайте копию этого слоя и вынесите эффекты: Drop Shadow, Gradient (правой кнопкой мыши по панели слоев и нажмите Create Layer)

Шаблон - Modern

Шаблон - Modern


Слой с тенью Drop shadow поправьте с помощью ластика Eraser Tool :eraser00:
Примените Blending Options > Stroke к копии слоя.

Шаблон - Modern


Вы должны получить это.

Шаблон - Modern


| Страница 1 | Страница 2 | Страница 3 |

Информация к уроку:

Категория - Уроки » Шаблоны

Дата публикации: 23-05-2010, 12:11

Опубликовал: killot

Просмотров: 1045

Комментариев: 0

Ссылки к этой статье:

Источник - Adobe Tutorialz

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с Adobe Tutorialz

Еще по этой теме:

Простой шаблон Простой шаблон
В этом уроке мы создадим простой, но полноценный ...
Окошко Окошко
В этом уроке мы создадим небольшое окошко которое ...
Обои - тыква на хэллоуин Обои - тыква на хэллоуин
Урок немного сложный для начинающих, но это того ...
Чистый блок меню Чистый блок меню
Сейчас мы создадим чистый блок меню для сайта. ...
3D текст 3 3D текст 3
Еще один эффект 3D текста ...
Создаем шаблон простого сайта Создаем шаблон простого сайта
Если вы впервые начали рисовать шаблон для ...
Футуристические обои Windows Vista Футуристические обои Windows Vista
Создаем футуристические обои Windows Vista ...
Логотип - Сломанная пилюля Логотип - Сломанная пилюля
Делаем логотип в виде сломанной пилюли и создадим ...
Шаблон - Рождественская   тема Шаблон - Рождественская тема
Создаем симпатичный новогодний (рождественский) ...
Граффити с шарами Граффити с шарами
Создаем граффити с шарами ...

Социальные закладки:


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

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Столица России
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: