Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

1. Создайте новый документ размером 800х1000 пикселей и залейте фон цветом #e1e1e1. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру в верхней части холста. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:
Отбрасывание тени (Режим – Умножение):
Отбрасывание тени (Режим – Умножение):


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


2. Инструментом Перо (Pen Tool) создайте выделение, как показано ниже, и залейте его белым цветом в новом слое. Установите Непрозрачность этого слоя – 30%.

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

4. Примените к нему стиль Внутреннее свечение (Layer Style - Inner Glow):
Режим – Осветление, Метод – Мягкий
Режим – Осветление, Метод – Мягкий


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





9. Залейте выделение белым цветом в новом слое и установите его Непрозрачность – 25%.
10. Сделайте несколько копий слоя с кнопкой и расположите по всей верхней части, как показано ниже. Затем напишите на них названия разделов меню.
10. Сделайте несколько копий слоя с кнопкой и расположите по всей верхней части, как показано ниже. Затем напишите на них названия разделов меню.

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



14. Добавьте маску слоя (Layer Mask) к этому прямоугольнику и сделайте заливку линейным градиентом в нижней половине, чтобы фигура переходила в фон:


16. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте 4 квадрата, оставив расстояние между ними 2-3 пикселя.

17. К этим квадратам примените такие стили слоя:
Внешнее свечение (Режим – Нормальный, Метод – Мягкий):
Внешнее свечение (Режим – Нормальный, Метод – Мягкий):



18. Добавьте текст в области контента, скопируйте верхнюю панель вниз и сделайте из неё футер.

Ссылка на источник урока
Создан: 2 апреля 2010


+6
