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

1. Создайте новый документ размером 1200х1200 пикселей с белым фоном и отведите две вертикальные направляющие на оси X в значениях 125 и 1025 пикселей. Это можно сделать в меню Просмотр»Новая направляющая (View > New Guide).

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

3. Создайте новый слой (Create New Layer) и залейте выделение, используя инструмент Градиент (Gradient Tool). Тип – линейный градиент, цвета - #f9f9f9 и #f0f0f0. Назовите этот слой “header”.

4. Примените к этому слою стиль Обводка (Layer Style – Stroke):
Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет
Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет

5. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте ещё одно выделение под шапкой сайта на всю ширину холста. Высота выделения – 295 пикселей. В новом слое залейте выделение линейным градиентом, используя цвета #98c0e0 и #a4cff2.

6. Назовите этот слой “featured area” и примените стиль Обводка (Layer Style – Stroke):
Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет
Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет

7. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите название сайта слева и меню справа. Инструментом Прямоугольник с закруглёнными краями подсветите одну из кнопок меню.

8. Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение в основании синей области возле левой направляющей.



11. Залейте выделение белым цветом в новом слое и перейдите в меню Стилей слоя (Layer Style - Blending Options), настройте так:
Внутренняя тень (Режим – Умножение):
Внутренняя тень (Режим – Умножение):





13. Залейте выделение белым цветом в новом слое и примените следующие стили:
Внутренняя тень (Режим – Нормальный):
Внутренняя тень (Режим – Нормальный):









17. Примените к ней стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Нормальный, Стиль – Линейный:
Режим – Нормальный, Стиль – Линейный:




19. Далее создайте галерею. На серые прямоугольники можно наложить изображения и получить простую рамку. Напишите небольшие описания и добавьте кнопки.




Ссылка на источник урока
Создан: 1 марта 2010


+7
