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





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

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


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

Подсказка

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

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

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


Простое портфолио


Шаг 1
Создайте новый документ размером 1000х1000 пикселей и залейте фон цветом #0e4b7f:


Простое портфолио


Шаг 2
Создайте новый слой (Create New Layer) и назовите его “header highlight”, выберите инструмент Градиент (Gradient Tool), стиль – радиальный градиент, цвет – от белого к прозрачному. Сделайте заливку из верхней середины холста. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay) и понизьте Непрозрачность до 50%.


Простое портфолио

Простое портфолио


Шаг 3
Загрузите эту текстуру, вставьте в наш документ и обесцветьте её (Desaturation). Перейдите в меню Уровни (Levels) и настройте так:


Простое портфолио


Шаг 4
Понизьте Непрозрачность слоя с текстурой до 10%.


Простое портфолио


Шаг 5
Отведите направляющие: две вертикальные на отметках 50 и 950 пикселей и две горизонтальные на отметках 100 и 950 пикселей. Используя инструменты Прямоугольное выделение (Rectangular Marquee Tool) и Заливка (Paint Bucket Tool) создайте выделение внутри направляющих и залейте его белым цветом.


Простое портфолио


Шаг 6
Напишите текст сверху цветом #b7dbfe.


Простое портфолио


Шаг 7
Вырежьте лэптоп в наш документ и настройте его в меню Уровни (Levels):


Простое портфолио


Шаг 8
В область экрана вставьте изображение страницы web сайта. Чтобы создать создать тонкую границу, примените стиль Обводка (Layer Style – Stroke).


Простое портфолио


Шаг 9
Слева от лэптопа напишите текст. Используйте шрифт “Arial”, значение кернинга (-50). Цвет заголовка - #408dd0, цвет - #8e8e8e.


Простое портфолио


Шаг 10
Под написанным текстом создайте кнопку, используя инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool). Потом примените к ней следующие стили в меню Стилей слоя (Layer Style - Blending Options):

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


Простое портфолио

Простое портфолио


Шаг 11
Создайте новый слой “bottom area”. Используя инструменты выделения и заливки, измените цвет области контента. Потом примените стиль Внутренняя тень (Layer Style - Inner Shadow).

Шаг 12
Добавьте текст, картинки в область контента. Используйте шрифт “Arial”, а кнопки можете просто скопировать.


Простое портфолио


Шаг 13
В конце добавьте информацию о правах и всё.


Простое портфолио




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

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

Ваше Имя

Ваш E-mail

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

Введите код: