Top.Mail.Ru

Перечень уроков по Adobe Photoshop

Photoshop. Создание шаблона портфолио

Шаг 1. Создание документа

Создадим новый документ с параметрами: ширина – 1440 пикс, высота – 1500 пикс, разрешение – 72 пикс/дюйм.

Шаг 2. Создание шапки

Создадим новую группу и назовем ее Шапка. Все слои созданные в этом шаге помещаем в эту группу.

Устанавливаем вертикальные направляющие на 250 и 1190 пикс, и горизонтальную на 300 пикс. (Просмотр ® Новая направляющая).

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

shablon 1

Установим основной цвет – 204139 и фоновой – 002931. С помощью инструмента Градиент с настройками

shablon 2

Зальем выделенную область и снимем выделение (CTRL+D).

shablon 3

Создадим новый слой. Основной цвет - 19535a.

Выберем инструмент Кисть shablon 4 с параметрами

shablon 5

Установите кисть в середине верхней  части шапки и щелкните один раз.

shablon 6

Поставьте горизонтальную направляющую с положением на 50 пикс. Выделите верхнюю часть и удалите ее.

shablon 7

Снять выделение.

Создаем новый слой. Вдоль верхней горизонтальной направляющей создаем выделение толщиной в 1 пикселей, для этого щелкнем по направляющей инструментом Область (горизонтальная строка) shablon 8. Заливаем произвольным цветом.

Добавим эффект слоя Наложение градиента, нажав на кнопку shablon 9 и устанавливаем параметры

shablon 10 s

Должно получиться

shablon 11

Добавим название. Выберите инструмент Текст. Шрифт установим Impact, размер 200 пунктов. Установим к слою эффект Внешнее свечение, а Заливку слоя установим 0%.

Удерживая нажатой клавишу CTRL, щелкните по иконке текстового слоя. Создадим новый слой.

Чтобы залить текст необычной заливкой, нужно создать собственную заливку. Для этого создаем новый слой 10 на 10 пикселей, разрешение – 72 пикс/дюйм, фон – прозрачный.

Установим вертикальную и горизонтальную направляющие на 5 пикселей. С помощью инструмента Прямоугольное выделение создать выделение и залить его цветом – 012931. Получим:

shablon 30

Выполним команду Редактирование ® Определить узор. Дать название узору и нажать Ок.

Перейдем в документ шаблона. Выберем инструмент Заливка. Устанавливаем параметры

shablon 31

И заливам выделение.

shablon 32

Шаг 3. Создание панели навигации

Создаем группу Навигация и размещаем в нее слои этого шага.

Поставьте горизонтальную направляющую на 370 пикс. Создайте новый слой.

Выделите область между горизонтальными направляющими и залейте ее цветом 012a31.

shablon 13

Теперь добавим эффекты слоя: Тень, Наложение градиента и Обводка.

shablon 14

shablon 15

shablon 16

Создаем новый слой. Заливаем выделение 002931 цветом. Сжимаем на 2 пикселя. Нажимаем клавишу DELETE и задаем слою непрозрачность 30%. Получим:

shablon 17

Создаем еще один новый слой. Заливаем его черным цветом, сжимаем на 1 пиксель, нажимаем клавишу DELETE. Снимаем выделение. Получим:

shablon 18

Шаг 4. Создание кнопки

Еще создаем группу и называем ее Кнопка. Новые слои помещаем в нее.

Создаем новый слой. Выбираем инструмент Прямоугольник со скругленными углами, радиус скругления задаем 20 пикселей

shablon 19

Применим к слою эффекты: Внешнее свечение и Обводка.

shablon 20

shablon 21

Основной – черный, фоновый - 31b8c9.

Получим:

shablon 22

Создайте новый слой и нарисуйте еще одну овальную фигуру внутри прежней.

shablon 23

Добавим новой фигуре стили слоя: Внутреннее свечение, Обводка и Наложение градиента.

shablon 24

shablon 25

shablon 26

Получим

shablon 27

Нажав клавишу CTRL, щелкните по иконке слоя внутренней части кнопки. Создайте новый слой. Выберите инструмент Прямоугольная область и, зажав клавищу CTRL, выделите нижнюю часть кнопки. Получившееся выделение залейте белым цветом. Получим:

shablon 28

Уменьшаем непрозрачность до 15%. Получим:

shablon 29

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

Шаг 5. Создание фона

Перейдем на слой Фон. Созданным нами ранее узором зальем слой с параметрами:

shablon 33

Получим:

shablon 34

Создадим область где будет размещаться наш текст. Создадим новый слой. Добавим эффекты слоя: Тень и Обводка с параметрами

shablon 35

shablon 36

Получим:

shablon 37

Теперь можно добавить информацию о себе

shablon 39