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





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

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


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

Подсказка

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

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

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


Дизайн сайта софтвера


1. Создайте новый документ размером 810х610 пикселей с белым фоном. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте прямоугольник шириной 800 пикселей в верхней части холста, оставив по 5 пикселей по краям. Залейте фигуру градиентом: двумя оттенками синего цвета:


Дизайн сайта софтвера


2. Добавьте 2-пиксельную обводку к этому прямоугольнику и залейте его каким-нибудь узором в новом слое. Добавьте маску слоя и ослабьте узор в верхней части.


Дизайн сайта софтвера


3. Текстовым инструментом напишите название сайта и слоган:


Дизайн сайта софтвера


4. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру любого цвета.


Дизайн сайта софтвера


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

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


Дизайн сайта софтвера


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


Дизайн сайта софтвера


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


Дизайн сайта софтвера


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


Дизайн сайта софтвера

Дизайн сайта софтвера


6. Сделайте несколько копий этого прямоугольника и поместите их так:


Дизайн сайта софтвера


7. Объедините все слои с прямоугольниками, сделайте копию объединённого слоя и примените Отражение по вертикали (Transform – Flip Vertical) для копии. Спустите её вниз под оригинальные прямоугольники, добавьте маску слоя (Layer Mask), сделайте заливку и установите Непрозрачность – 50%.


Дизайн сайта софтвера


8. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте серый прямоугольник под навигацией и добавьте 2-пиксельную тёмную обводку.


Дизайн сайта софтвера


9. Инструментом Перо (Pen Tool) нарисуйте фигуру, как показано ниже:


Дизайн сайта софтвера


10. Добавьте к ней такие стили слоя:

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


Дизайн сайта софтвера


Внутреннее свечение (Режим – Осветление):


Дизайн сайта софтвера


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


Дизайн сайта софтвера


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


Дизайн сайта софтвера


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


Дизайн сайта софтвера

Дизайн сайта софтвера


11. Сделайте копию фигуры и измените настройки градиента:


Дизайн сайта софтвера


12. Расположите эти фигуры рядом и инструментом Овальная область (Elliptical Marquee Tool) создайте два круга:


Дизайн сайта софтвера


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


Дизайн сайта софтвера

Дизайн сайта софтвера


Финальный результат:


Дизайн сайта софтвера



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

написал : Клавдия

Спасибо. У вас очень хорошие уроки.

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


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

Ваше Имя

Ваш E-mail

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

Введите код: