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





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

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


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

Подсказка

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

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

1. Создайте новый документ размером 980×700 px и разрешением 72 dpi. При помощи инструмента Прямоугольник (Rectangle Tool) создайте фон макета:



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


2. Примените для фона стиль Наложение градиента (Layer Style - Gradient Overlay).



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


Настройки градиента:



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


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


3. Используя тот же инструмент, создайте следующий слой фона макета:



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


4. Установите Заливку (Fill) слоя - 0% и примените для слоя стиль Наложение градиента
(Layer Style - Gradient Overlay).



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


Настройки градиента:



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


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


5. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 15 рх) создайте окно для панели портфолио и обзора содержания.



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


6. Примените для окна стиль Обводка (Layer Style - Stroke).



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


Настройки градиента:



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


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


7. Расположите некоторый рисунок на главной панеле портфолио (вы можете взять его отсюда:Platinum Image Conception Studio). Удерживая Alt, кликните между слоями рисунка и самой панелью.



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


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


8. При помощи инструмента Прямоугольник (Rectangle Tool) создайте слой для меню макета чёрного цвета на основании.



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


9. Удерживая Alt, кликните между слоем меню и предыдущим слоем:



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


Установите Заливку (Fill) слоя - 60%:



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


10. На панель меню вставьте рисунки, предварительно вырезанные и подогнанные по размеру. Примените для рисунков стиль Обводка (Layer Style - Stroke).



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


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


11. Напишите имя дизайнера портфолио, соблюдая настройки ниже. Для “Freelancer”:



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


Для “designer portfolio”:



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


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


12. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 15 рх) создайте кнопку чёрного цвета:



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


13. Сделайте 3 копии слоя кнопки и инструментом Свободное трансформирование
(Free Transform) измените их размеры и расположите, как на рисунке ниже.



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


Установите Заливку (Fill) слоя - 40%:



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


14. Вставьте названия кнопок. Настройки для “portfolio”:



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


Для “biography, blog”:



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


Для “designer@mail.com”:



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


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


15. Вставьте номера контактных телефонов, соблюдая нижеуказанные настройки:



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


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






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

написал : Polodin

По поводу поста – согласен, щас без простыни текста трудно выбиться в топ, но думаю это актуально не только для морд, но и для внутряка.

По поводу поста – согласен, щас без простыни текста трудно выбиться в топ, но думаю это актуально не только для морд, но и для внутряка.

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


написал : xtit

а по моему всё хорошо. никаких лишних слов, воды и тд. чёткие указания чё делать нада.

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


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

Ваше Имя

Ваш E-mail

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

Введите код: