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





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

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


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

Подсказка

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

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

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


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


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. Теперь просто добавьте контент в эти области:


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


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


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



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

написал : Ромик

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

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


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

Ваше Имя

Ваш E-mail

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

Введите код: