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





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

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


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

Подсказка

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

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

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


Дизайн игрового сайта


1. Создайте новый документ размером 900х1000 пикселей с чёрным фоном. Вставьте какое-нибудь изображение в наш документ в качестве фона.


Дизайн игрового сайта


2. Сделайте копию слоя с изображением и установите её Режим наложения – Осветление (Blending Mode – Screen).


Дизайн игрового сайта


3. Найдите в интернете какие-нибудь технологические кисти и обрисуйте ими изображение.


Дизайн игрового сайта


4. В верхней части холста создайте небольшую полоску на всю ширину холста, используя инструмент Прямоугольник (Rectangle Tool), цвет - #cfd0d2. Потом примените к нему такие стили в меню Стилей слоя (Layer Style - Blending Options):

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


Дизайн игрового сайта


Внешнее свечение (Режим – Осветление, Метод – Мягкий):


Дизайн игрового сайта


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


Дизайн игрового сайта


Установите Непрозрачность слоя – 90%.


Дизайн игрового сайта


5. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте две кнопки в левом верхнем углу. Потом примените к ним такие стили

Внешнее свечение (Режим – Осветление, Метод – Мягкий):


Дизайн игрового сайта


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


Дизайн игрового сайта


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


Дизайн игрового сайта


6. Подпишите эти кнопки:


Дизайн игрового сайта


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


Дизайн игрового сайта


Залейте её белым цветом в новом слое и установите Непрозрачность – 15%. Потом добавьте маску слоя (Layer Mask) и сделайте заливку линейным градиентом в нижней части холста.


Дизайн игрового сайта


8. Сделайте выделение слоя с этой белой областью (Ctrl+Click), выберите слой с фоновым изображением (в данном случаем с изображением Земли) и примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением около 3 пикселей. Потом проделайте то же самое с другим изображением фонового рисунка. Вы должны получить такой результат:


Дизайн игрового сайта


9. В эту область сайдбара вставьте заголовок сайта, меню и контент.


Дизайн игрового сайта


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


Дизайн игрового сайта


11. Добавьте туда нужный контент.


Дизайн игрового сайта


12. И в конце создайте футер:


Дизайн игрового сайта



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

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

Ваше Имя

Ваш E-mail

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

Введите код: