Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




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

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


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

Подсказка

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

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

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


Дизайн игрового портала


1. Создайте новый документ размером 900х800 пикселей. Инструментом Заливка (Paint Bucket Tool) залейте фон цветом #032c45. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру в верхней части холста. Залейте её инструментом Градиент (Gradient Tool), цветами #1780b8 и #0c4d80.


Дизайн игрового портала


2. К слою с прямоугольником примените стиль Обводка (Layer Style – Stroke):


Дизайн игрового портала


3. Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение, как показано ниже:


Дизайн игрового портала


4. Залейте выделение белым цветом в новом слое, потом сделайте выделение слоя с прямоугольником (Ctrl+Click), Инвертируйте его (Select – Inverse) и в слое с белым кругом нажмите Delete. После этого добавьте маску слоя (Layer Mask) к слою с белым кругом и закрасьте основную оставшуюся белую область. Потом установите Непрозрачность слоя – 50%.


Дизайн игрового портала

Дизайн игрового портала


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


Дизайн игрового портала


6. К логотипу примените стиль Обводка (Layer Style – Stroke):

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


Дизайн игрового портала


7. К слову “GAMES” примените эти стили:

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


Дизайн игрового портала


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


Дизайн игрового портала


8. Добавьте основных элементов на шапку сайта:


Дизайн игрового портала


9. Инструментом Произвольная фигура (Custom Shape Tool) создайте иконки и примените к ним стиль Внешнее свечение (Layer Style - Outer Glow):


Дизайн игрового портала

Дизайн игрового портала


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


Дизайн игрового портала


11. Тем же инструментом создайте ещё один прямоугольник над каждой кнопкой в отдельном слое:


Дизайн игрового портала


12. Установите Режим наложения этого слоя – Мягкий свет (Blending Mode – Soft Light):


Дизайн игрового портала


13. Добавьте текст на кнопки:


Дизайн игрового портала


14. Скопируйте шапку сайта и поместите копию в основание холста. Заполните её информацией футера.


Дизайн игрового портала


15. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте три прямоугольника под навигационным меню. К каждому из них примените стиль Обводка (Layer Style – Stroke):

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


Дизайн игрового портала

Дизайн игрового портала


16. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте белый прямоугольник в верхней половине каждого из трёх закруглённых прямоугольников.


Дизайн игрового портала


17. Сделайте выделение каждого закруглённого прямоугольника (Ctrl+Click):


Дизайн игрового портала


18. Инвертируйте выделение (Select – Inverse) и в слое с белым прямоугольнике нажмите Delete.


Дизайн игрового портала


19. Подпишите заголовки разделов контента:


Дизайн игрового портала



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

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

Ваше Имя

Ваш E-mail

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

Введите код: