Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

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

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


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


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) уменьшите его. Поместите уменьшенную копию в футер:


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




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

написал : Алексей

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

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


написал : positive11

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

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


написал : Гость

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

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


написал : Ржач

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

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


написал : positive11

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

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


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

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: