- Шульга Е. В.
- Уроки по обработке растровых изображений в Adobe Photoshop
- Просмотров: 3533
Photoshop. Создание шаблона портфолио
Шаг 1. Создание документа
Создадим новый документ с параметрами: ширина – 1440 пикс, высота – 1500 пикс, разрешение – 72 пикс/дюйм.
Шаг 2. Создание шапки
Создадим новую группу и назовем ее Шапка. Все слои созданные в этом шаге помещаем в эту группу.
Устанавливаем вертикальные направляющие на 250 и 1190 пикс, и горизонтальную на 300 пикс. (Просмотр ® Новая направляющая).
Создаем новый слой и называем его Шапка. С помощью инструмента Прямоугольная область создаем выделение
Установим основной цвет – 204139 и фоновой – 002931. С помощью инструмента Градиент с настройками
Зальем выделенную область и снимем выделение (CTRL+D).
Создадим новый слой. Основной цвет - 19535a.
Выберем инструмент Кисть с параметрами
Установите кисть в середине верхней части шапки и щелкните один раз.
Поставьте горизонтальную направляющую с положением на 50 пикс. Выделите верхнюю часть и удалите ее.
Снять выделение.
Создаем новый слой. Вдоль верхней горизонтальной направляющей создаем выделение толщиной в 1 пикселей, для этого щелкнем по направляющей инструментом Область (горизонтальная строка) . Заливаем произвольным цветом.
Добавим эффект слоя Наложение градиента, нажав на кнопку и устанавливаем параметры
Должно получиться
Добавим название. Выберите инструмент Текст. Шрифт установим Impact, размер 200 пунктов. Установим к слою эффект Внешнее свечение, а Заливку слоя установим 0%.
Удерживая нажатой клавишу CTRL, щелкните по иконке текстового слоя. Создадим новый слой.
Чтобы залить текст необычной заливкой, нужно создать собственную заливку. Для этого создаем новый слой 10 на 10 пикселей, разрешение – 72 пикс/дюйм, фон – прозрачный.
Установим вертикальную и горизонтальную направляющие на 5 пикселей. С помощью инструмента Прямоугольное выделение создать выделение и залить его цветом – 012931. Получим:
Выполним команду Редактирование ® Определить узор. Дать название узору и нажать Ок.
Перейдем в документ шаблона. Выберем инструмент Заливка. Устанавливаем параметры
И заливам выделение.
Шаг 3. Создание панели навигации
Создаем группу Навигация и размещаем в нее слои этого шага.
Поставьте горизонтальную направляющую на 370 пикс. Создайте новый слой.
Выделите область между горизонтальными направляющими и залейте ее цветом 012a31.
Теперь добавим эффекты слоя: Тень, Наложение градиента и Обводка.
Создаем новый слой. Заливаем выделение 002931 цветом. Сжимаем на 2 пикселя. Нажимаем клавишу DELETE и задаем слою непрозрачность 30%. Получим:
Создаем еще один новый слой. Заливаем его черным цветом, сжимаем на 1 пиксель, нажимаем клавишу DELETE. Снимаем выделение. Получим:
Шаг 4. Создание кнопки
Еще создаем группу и называем ее Кнопка. Новые слои помещаем в нее.
Создаем новый слой. Выбираем инструмент Прямоугольник со скругленными углами, радиус скругления задаем 20 пикселей
Применим к слою эффекты: Внешнее свечение и Обводка.
Основной – черный, фоновый - 31b8c9.
Получим:
Создайте новый слой и нарисуйте еще одну овальную фигуру внутри прежней.
Добавим новой фигуре стили слоя: Внутреннее свечение, Обводка и Наложение градиента.
Получим
Нажав клавишу CTRL, щелкните по иконке слоя внутренней части кнопки. Создайте новый слой. Выберите инструмент Прямоугольная область и, зажав клавищу CTRL, выделите нижнюю часть кнопки. Получившееся выделение залейте белым цветом. Получим:
Уменьшаем непрозрачность до 15%. Получим:
Копируем группу Кнопка, добавляем на кнопках текст и размещаем их между горизонтальными направляющими на одинаковом расстоянии друг от друга.
Шаг 5. Создание фона
Перейдем на слой Фон. Созданным нами ранее узором зальем слой с параметрами:
Получим:
Создадим область где будет размещаться наш текст. Создадим новый слой. Добавим эффекты слоя: Тень и Обводка с параметрами
Получим:
Теперь можно добавить информацию о себе