Несложная таблица с расценками в Photoshop’e

Предлагаем вашему вниманию образец создания в среде ФШ таблички с ценами, которая будет весьма полезной для некоторых коммерческих фотографов, желающих расписать свои услуги на собственном сайте.

Итак, должно получиться у нас так:

Задействованные ресурсы:

1 шаг:

Создаём документ клавишами Ctrl+N с исходными данными, прилагаемыми ниже. Включаем сетку View > Show > Grid (Просмотр-Показать-Сетка), активируем привязку к ней через меню View > Snap To > Grid (Просмотр-Привязать к-Сетка).   

Требуется сетка в 5 рх, поэтому следуем в меню Edit > Preferences > Guides, Grid & Slices (Редактирование-Установки-Направляющие, Сетка и Фрагменты), где в пункте Grid (Сетка) поля Gridline Every (Линия через каждые) вносим значение 5, а в поле Subdivision (Внутреннее деление) вносим 1. Задаём цвет сетки #a7a7a7.

2 шаг:

Задаём цвет переднего плана в виде #205d7a. Активируем Rounded Rectangle Tool  (Прямоугольник со скруглёнными углами) с радиусом скругления угла 5 рх и прорисовываем фигуру с габаритами 145 х 420 рх. Переходим к панели слоёв, кликаем два раза по слою с фигурой, тем самым открыв окошко Стилей Слоя.

Далее подключаем Drop Shadow (Тень), Inner Shadow (Внутренняя Тень), Outer Glow (Внешнее Свечение), Inner Glow (Внутреннее Свечение) и Stroke (Обводка), для которых задаём настройки, указанные ниже.

3 шаг:

Цвет переднего плана делаем чёрным, активируем Rectangle Tool  (Прямоугольник) и прорисовываем фигуру габаритами 145 х 70 рх. Размещаем её так, как показано выше. На панели слоёв откройте Окно Стилей устанавливаем такие настройки для фигуры:

4 шаг:

Копируем слой с прямоугольником клавишами Ctrl+J, кликаем правой кнопкой мыши по копии и обращаемся к Clear Layer Style (Очистить Стили Слоя). Для параметра Fill (Заливка) выбираем 0%, затем открываем окно Стилей и вносим настройки, продемонстрируемые ниже:

5 шаг:

На этом этапе нам потребуется сетка в 1 рх, для этого перемещаемся в меню Edit > Preferences > Guides, Grid & Slices (Редактирование-Установки-Направляющие, Сетка и Фрагменты) и вносим значение «1» в поле Gridline Every (Линия через каждые).

Для переднего плана задаём цвет #ed1c24, активируем Rectangle Tool  (Прямоугольник), после чего создаём фигуру габаритами  145 х 1 рх, помещаем фигуру аналогично первой картинке. Копируем фигуру клавишами  Ctrl+J.

Сдвигаем дубль на 1 рх вниз и задаём ему цвет #fed700.

6 шаг:

Обращаемся к слою с красной фигурой, для которой минимизируем параметр Fill (Заливка) до 0%. Далее вводим такие параметры, в окне Слоёв:

7 шаг:

Обращаемся к слою с жёлтой фигурой, минимизируем параметр Fill (Заливка) до 0% и добавляем стиль с такими настройками:

8 шаг:

Опять переходим через меню Edit > Preferences > Guides, Grid & (Редактирование-Установки-Направляющие, Сетка и Фрагменты), где в поле Gridline Every (Линия через каждые) задаём значение «5».

9 шаг:

Начинаем выделять слои с тонкими прямоугольными формами, затем группируем выделение клавишами Ctrl + G, дублируем получившуюся группу и перемещаем её вниз.

Создаём дополнительно 5 копий группы и размещаем копии:

10 шаг:

Для переднего плана задаём цвет #a1d8ff, после чего активируем Rounded Rectangle Tool  (Прямоугольник со скруглёнными углами) с радиусом 3 рх и рисуем фигуру габаритами 95 х 25 рх, после чего помещаем её так, как указано ниже. Открываем окно стилей и вносим параметры настроек:

11 шаг:

Отключаем сетку через меню View > Show > Grid (Просмотр-Показать-Сетка), далее открываем панель Символ (Window – Character), где нас интересует инструмент Текст, после чего задаём цвет на  #ddf1ff и вписываем слово BASIC, задействовав шрифт Sakkal Majalla Bold форматом в 20 пт. Добавляем для написанного текста стили:

12 шаг:

Далее обращаемся к шрифту Calibry Вold форматом 35 пт и цветом  #205d7a, которым и прописываем саму стоимость. Применяем стили для него:

13 шаг:

На этот раз применим шрифт Corbel Regular форматом в 11 пт и цветом #ddf1ff, которым впечатываем ещё один текст. Применяем к нему стили:

14 шаг:

Снова шрифт и снова Corbel Вold, но уже форматом в 12 пт и цветом  #205d7a, которым впечатываем фразу ORDER NOW. Применяем к нему стили:

15 шаг:

Выделяем все созданные слои в панели слоёв, за исключением фонового, группируем их в единую группу клавишами Ctrl+G. Создаём ещё две копии этой группы и размещаем дубликаты так, как показано ниже. Корректируем текст в новых группах.

16 шаг:

На очереди ещё один документ, форматом 10 рх на 10 рх, фон – прозрачный. Для переднего плана задаём чёрный цвет. Активируем сетку View > Show > Grid (Просмотр-Показать-Сетка), затем активируем инструмент Rectangle Tool (Прямоугольник) и прорисовываем 2 квадрата форматом 5 х 5 рх, разместив их так, как продемонстрировано ниже:

Проходим через меню Edit – Define Pattern (Редактирование-Определить Узор), где для узора задаём нужное имя. Подтверждаем действие ОК, закрываем документ и возвращаемся к рабочему.

17 шаг:

Для переднего плана задаём цвет #282828, активируем Rectangle Tool  (Прямоугольник) и рисуем фигуру форматом 600 х 600 рх. Размещаем слой с новой фигурой под всеми группами в панели слоёв (клавиши Shift + Ctrl + [). Применяем к этой фигуре стиль слоя, продемонстрированный ниже:

Вот и всё!

 

 

© Автор: Дмитрий, www.photogeek.ru
+0.46
Оцените пост
Дмитрий
@ihtio

Ваш комментарий

К этому уроку нет работ, проделай урок и добавь фотографию первым
Фотографии сделанные на основе этого урока