Создаем в Photoshop профессиональный макет резюме

Главная -  Системные -  Мультимедиа -  Интернет -  Офисные -  Веб разработка -  Статьи -  Связь
Системные
  Антивирусы
  Архиваторы
  CD / DVD / Blu-ray
  Жесткий диск / HDD
  Менеджеры файлов
  Оптимизация систем
  Тестовые утилиты
  Разные
Мультимедиа
  Аудио / Звук
  Видео
  Графика
  Разные
Интернет. Сеть. Wi-Fi
  Браузеры
  Чат / Почта
  Менеджеры закачек
  Разные
Офисные
  Работа с документами
  Печать текста
  Переводчики
  Словари
  Конвертеры
  Разные
Веб разработка
  Анализаторы
  Базы каталогов
  Вэб дизайн
  Редакторы кода
  Регистрация сайтов
  Разные
Информация
  Реклама на сайте
  Статьи о софте
  Соглашение
  Связь

Создаем в Photoshop профессиональный макет резюме

Узнайте, как создать в Photoshop чистый и профессиональный макет резюме.

Финальный результат
1.jpg

1. Создайте новый документ с размерами 900 Х 1050 рх. Разблокируйте фоновый слой, дважды щелкнув по нему, затем откройте Blending Options (Параметры наложения) и выберите Gradient Overlay (Наложение градиента) с такими настройками:
2.jpg

2. Возьмите Rectangle Tool (Прямоугольник) и, выбрав белый цвет, растяните фигуру-подложку для области контента, как показано ниже. Включите Custom Shape Tool (Произвольная фигура), выберите белый треугольник и на новом слое, нажав клавишу Shift для сохранения правильной формы, перенесите фигуру на холст. Затем, оставаясь на этом слое, нажмите Ctrl+T, поверните треугольник углом вправо и расположите, как на рисунке ниже.
3.jpg

3. Кликните с нажатой клавишей Ctrl по миниатюре фигуры на слое прямоугольной области контента, чтобы выделить ее контур на холсте.
4.jpg

4. Теперь зайдите в меню Select > Modify (Выделение > Модификация) и выберите команду Contract (Сжать) на 4 рх. Создайте новый слой выше треугольника, возьмите мягкую черную кисть (размер выберите сами), закрасьте края выделенной области и затем уменьшите непрозрачность (opacity) до 5 %, создав, таким образом, красивый эффект затемнения по периметру области контента.
5.jpg

5. Используя шрифт Folks (или другой на ваш вкус) и, выбрав такой #00759a цвет, добавьте ссылки меню. Открыв вкладку Blending Options, выберите эффект Drop Shadow (Тень) с настройками, как на рисунке. Верхний пункт меню будет примером активной (при наведении курсора) ссылки, поэтому цвет у надписи белый.
6.jpg

6. Включите инструмент Line Tool (Линия, 1 px), нажмите клавишу Shift и, немного отступив от границы контента, проведите вплотную друг к другу две линии, выбрав указанные ниже цвета. Далее, нажав Ctrl, выберите оба слоя сразу и, сделав копии, расставьте их между ссылками в качестве разделителей.
7.jpg

7. Включив rectangle tool (прямоугольник) и, выбрав белый цвет, растяните фигуру между парой разделителей верхней "активной" ссылки меню, расположив этот слой ниже текста. Теперь сделайте фигуру "невидимкой", изменив режим наложения на Multiply (Умножение), затем двойным щелчком на слое откройте Blending Options и выберите "Наложение градиента" с указанными ниже настройками (линейный тип в режиме "умножение").

Теперь нужно слой треугольника расположить выше слоя созданной фигуры, наложенной на ссылку, чтобы вернуть ему белый цвет.
8.jpg

8. Возьмите инструмент "Прямоугольник" и, выбрав такой #3e9bb9 цвет, растяните вверху фигуру на всю ширину макета, как на рисунке ниже, затем откройте "Параметры наложения" и выберите обводку (stroke) снаружи с такими параметрами:
9.jpg

9. Напишите слева свое имя, используя шрифт Folks белого цвета, затем двойным щелчком на слое откройте вкладку Blending Options и добавьте тексту Drop Shadow (Тень) и Gradient Overlay (Наложение градиента) с указанными ниже параметрами:
10.jpg

10. Справа укажите какие-нибудь возможные действия, связанные с резюме, применив шрифт с такими параметрами:
11.jpg

11. В левом верхнем углу области контента создайте с помощью rectangle tool квадрат любого цвета и, открыв вкладку "Параметры наложения", добавьте фигуре тень в режиме наложения "Умножение".
12.jpg

12. Теперь вставьте в документ выше слоя фигуры свою фотографию для резюме, затем щелкните на ее слое правой кнопкой и выберите команду Create Clipping Mask (Создать обтравочную маску), обрезав, таким образом, изображение по размерам квадрата.
13.jpg

13. Справа от снимка введите свои персональные данные, обычные для резюме.
14.jpg

14. Теперь добавьте в области контента пару блоков текста с указанными ниже параметрами шрифта, а для заголовков используйте шрифт Folks.
15.jpg

15. Возьмите инструмент line tool (1px) и, нажав Shift, подчеркните заголовки указанным ниже цветом. Добавьте слоям линий маски, щелкнув на каждом по иконке Add Layer Mask, затем с помощью черной мягкой кисти сотрите (на масках) правые концы линий, мягко смешав их с фоном.
16.jpg

16. Дальше скачайте этот набор социальных иконок и, выбрав, какие вам нужно, поместите их в сайдбаре ниже ссылок меню. Используя шрифт Jellyka Cutty Cupcakes, напишите над иконками предложение следить за вами (Follow Me) в сетях и, нажав Ctrl+T, поверните надпись, как на рисунке.

Скачайте набор кистей Hand Drawn Arrow Brushes (нарисованных от руки стрелок), установите в Photoshop, выберите стрелку, как на рисунке, откройте панель настроек кисти (Window > Brush/Окно > Кисть) и поверните стрелку, задав нужный угол.
17.jpg

Финальный результат
18.jpg

Новые программы

Обзор софта

Скачиваемый софт