Простой красочный дизайн сайта

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:

Изменить

1. Создайте новый документ размером 850х1024 пикселей с белым фоном. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру в верхней части холста.

Изменить

2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени (Режим – Умножение):

Изменить

Наложение градиента (Режим – Нормальный, Стиль – Линейный):

Изменить

Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):

Изменить

3. Подпишите названия разделов меню и добавьте разделители.

Изменить

4. Создайте ещё один закруглённый прямоугольник цветом #0195cb и добавьте к нему 2-пиксельную обводку белого цвета.

Изменить

5. Обрисуйте фигуру гранжевой кистью.

Изменить

6. Напишите название сайта на этом прямоугольнике и инструментом Перо (Pen Tool) создайте простой блик.

Изменить

7. Используя различные кисти и фигуры, создайте примерно такое изображение:

Изменить

8. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте полоску под обрисованной областью цветом #f5429f. Правую часть обрисуйте кистями, чтобы она скрылась немного. Напишите текст приветствия под этой полоской:

Изменить

9. Таким образом заполните сайт нужным контентом:

Изменить

10. Между областями нужно создать разделители. Инструментом Горизонтальный текст (Horizontal Type Tool) содзайте пунктир (--). Потом кликните на иконку, показанную ниже:

Изменить

И этим инструментом деформации создайте какую-нибудь линию:

Изменить

11. Сделайте копию навигационной панели и примените Отражение по вертикали (Transform – Flip Vertical). Поместите эту копию в низ холста:

Изменить

12. Скопируйте элементы красочного баннера и инструментом Свободное трансформирование (Free Transform) уменьшите его. Поместите уменьшенную копию в футер:

Изменить

Ссылка на источник урока

Создан: 31 марта 2010

вот я его создал.....а как его установить подскажите пожалуйсто...мне на укоз желательно!!!просто дизайн суперский получился! а как установить не знаю!! только ответ напишите на мою почту вот адрес hugo_boy@mail.ru за раннее спасибо

---------------

5 апреля 2010 16:55 | ICQ: -- | [цитировать]

Что установаить, куда установить?

---------------
ПОДПИСЬ

5 апреля 2010 19:53 | ICQ: -- | [цитировать]

Дурик! Его верстать потом нужно!

---------------

1 августа 2010 15:39 | ICQ: -- | [цитировать]

"вот я его создал.....а как его установить подскажите пожалуйсто...мне на укоз желательно!!!просто дизайн суперский получился! а как установить не знаю!! только ответ напишите на мою почту вот адрес hugo_boy@mail.ru за раннее спасибо"

---------------

19 февраля 2011 08:37 | ICQ: -- | [цитировать]

Ржач
дизайн устанавливается при помощи кода HTML CSS ну и javascript если нужно.
если у Вас сайт на ucoz, то возможно они могут с этим помочь. напишите им об этом.

---------------
ПОДПИСЬ

19 февраля 2011 12:57 | ICQ: -- | [цитировать]