Дизайн портфолио

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

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

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

Изменить

1. Создайте новый документ размером 900х870 пикселей. Установите цвет заливки - #4d92b9, цвет фона - #8bbfd9. Выберите инструмент Градиент (Gradient Tool) и сделайте заливку линейным градиентом сверху вниз.

Изменить

2. В новом слое создайте выделение инструментом Овальная область (Elliptical Marquee Tool):

Изменить

3. Залейте выделение белым цветом и примените Размытие по гауссу (Gaussian Blur Filter) со значением 80 пикселей.

Изменить

4. В левом верхнем углу создайте фигуру инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) белого цвета. Перейдите в меню Стилей слоя (Layer Style - Blending Options):

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

Изменить

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

Изменить

5. Инструментом Свободное трансформирование (Free Transform) измените наклон фигуры:

Изменить

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

Изменить

7. Сделайте ещё одну копию и также поверните её:

Изменить

8. Вставьте в область прямоугольника заголовок сайта и слоган. Справа добавьте иконки RSS и подпишите их:

Изменить

9. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру белого цвета поперёк холста. Инструментом Прямоугольная область (Rectangular Marquee Tool) обрежьте нижнюю часть прямоугольника:

Изменить

10. Добавьте такие стили к этой фигуре:

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

Изменить

Внутренняя тень (Режим – Нормальный):

Изменить

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

Изменить

11. На эту полоску добавьте навигационный текст и примените к нему стиль Внутренняя тень (Layer Style - Inner Shadow):

Режим – Умножение

Изменить

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

Изменить

13. Справа осталось пустое место. Там можно создать поисковую область. Для этого воспользуйтесь инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и примените к созданной фигуре стиль Внутренняя тень (Layer Style - Inner Shadow):

Режим – Умножение

Изменить

14. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте две области контента под навигацией. Скопируйте на них стили слоя с навигационной панели. Для области футера, скопируйте основание навигационной панели и примените Отражение по вертикали (Transform – Flip Vertical). У вас должно получиться такое оформление:

Изменить

15. Теперь просто добавьте контент в эти области:

Изменить

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

Изменить

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

Создан: 22 марта 2010

Блин крута! ^^

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

14 ноября 2010 08:35 | ICQ: -- | [цитировать]