Уроки » Шаблоны → Простой шаблон  

:
Для начала создайте новый документ с размерами 1024x768px
Залейте фон черным

:
Создайте новый слой (CTRL+SHIFT+N), используя Rounded Rectangular Tool :rounded_: (Радиус 25) создайте прямоугольник посередине холста как показано ниже.
Щелкните правой кнопкой мыши по слою и выберите Make Selection, залейте выделение белым



:
Создайте новый слой, снова используя Rounded Rectangular Tool :rounded_: с теми же параметрами создайте прямоугольник для заголовка и залейте его синим цветом.



Двойным щелчком по слою с заголовком откроем диалог Blending options

И применим такие настройки.



:
Создайте новый слой, снова используя Rounded Rectangular Tool :rounded_: (радиус между 5 и 10) нарисуйте небольшой блок между заголовком и базой шаблона. Повторите для этой формы шаги 2 и 3 и выберите инструмент Gradient Tool :gradient: . Для градиента выберите два цвета #000000 и #360783
Вы должны получить что-то похожее



Примените к кнопке стиль Drop Shadow и Bevel And Emboss с параметрами по умолчанию

Продублируйте слой четыре раза и расположите кнопки как показано ниже. (Зажимайте SHIFT и нажимайте стрелки клавиатуры чтобы точно переместить кнопки)



:
Выберите слой с белой формой () и примените к нему стили слоя Drop Shadow и Inner Shadow с параметрами по умолчанию.
Выберите инструмент Rectangular Marquee Tool :rectangu: и выделите 1:3 от формы и нажмите Delete на клавиатуре чтобы удалить ненужную часть.



:
Создайте новый слой. Выберите Rounded Rectangle Tool :rounded_: и создайте форму на кнопке сверху и до середины. Залейте путь белым цветом и понизьте непрозрачность до 10%, затем выберите в меню Edit > Transform > Warp и протяните левую сторону вниз а правую поднимите вверх.
Продублируйте слой и разместите на всех кнопках.



:
Создайте новый слой выше слоя с фоном и ниже слоя из шага 2

Создайте прямоугольник так чтобы он немного торчал из под слоя базы шаблона (белый слой из шага 2). Залейте его темно серым цветом.
Обратите внимание на изображение ниже.



:
Создайте еще слой и расположите его выше всех остальных, на него поместите ваш логотип



:
Добавьте текст, содержимое и прочее. В итоге я получил это

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

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

Дата публикации: 15-02-2011, 01:39

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

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

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

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

Источник - The Design World

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

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

Найти - Все уроки с The Design World

Ключевые слова:

The Design World, template, web, design, шаблон, дизайн

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

Глянцевая кнопка Глянцевая кнопка
В этом уроке будем создавать вот такую ...
Окошко Окошко
В этом уроке мы создадим небольшое окошко которое ...
Завернутый текст Завернутый текст
Создаем текст, а затем заворачиваем буквы в ...
Красная стеклянная кнопка Красная стеклянная кнопка
В этом уроке мы создадим стеклянную кнопку, цвет ...
Цифровой текст Цифровой текст
Создаем цифровой текст ...
Создаем шаблон простого сайта Создаем шаблон простого сайта
Если вы впервые начали рисовать шаблон для ...
Футуристический блок меню Футуристический блок меню
Данный урок немного сложен для новичков. В уроке ...
Глянцевые кнопки Глянцевые кнопки
Создаем глянцевые кнопочки. Блик на кнопках можно ...
Простая блестящая кнопка Простая блестящая кнопка
Симпатичная зеленая бриллиантовая кнопка, очень ...
Создаем панель навигации e-card Создаем панель навигации e-card
Создаем панель навигации в девчачьем стиле ...

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


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

 

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

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