Рисуем таблицу в Adobe Photoshop

Создавать таблицы рекомендуется в специальных программах предназначенных для этого – табличных процессорах. Там очень быстро можно обрабатывать и настраивать данные, ячейки, оформление таблицы. Однако бывают такие ситуации, когда нужно использовать программы, не предназначенные для создания таблицы. Например, если таблица должна иметь какое-то интересное дизайнерское оформление. Каким бы Excel не был функциональным решением, а создать дизайнерское оформление таблицы там очень сложно.

В этом случае, особенно, если таблица не такая уже и большая, её можно нарисовать в Photoshop и сохранить как обычную картинку.

Как нарисовать таблицу в Adobe Photoshop

Существует несколько способов сделать таблицу в программе Photoshop. Некоторые из них подразумевают рисование таблицы «на глаз». Они рекомендуются к выполнению по причинам:

  • Сложно точно соблюсти расстояние между ячейками и столбцами;
  • Трудно рассчитать количество столбцов и ячеек в таблице;
  • Могут возникнуть сложности с заполнением содержимого ячеек.

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

Примечание. Рассматривать дизайнерское оформление результата мы не будем, так как это во многом зависит от индивидуальных требований и дать сколько-нибудь универсальную инструкцию в этом случае невозможно.

Этап 1: Создание документа

Здесь нет ничего сложного и с этим наверняка справятся даже те, кто с Фотошопом едва знаком. Суть заключается только в правильной настройке создаваемого файла:

  1. Запустите программу и там нажмите на кнопку «Создать». Если этой кнопки нет, то придётся кликнуть по кнопке «Файл» в верхней части окна. Там из контекстного меню выберите «Создать». Также можно просто воспользоваться сочетанием клавиш Ctrl+N.
  2. Откроется окошко настройки создаваемого документа. Здесь обратите внимание на следующие пункты:
    • Ширина и высота. Можете задавать её в любых удобных величинах. Однако, если готовая таблица будет использована для печати, то лучше выбирать сантиметры, миллиметры, дюймы. Сами числа в эти поля можно вписывать любые, удобные вам. Для примера создам файл 1000×1000 пикселей;
    • «Разрешение». Обычно по умолчанию здесь стоит значение в 72 пикселя на дюйм. Оно подходит вам только в том случае, если готовый результат не будет отправлен на печать. В противном случае лучше установить значение в 150 или 300 пикселей на дюйм;
    • «Цветовой режим». RGB подходит для публикации на сайте или сохранения на компьютере (без печати). Для печати рекомендуют использовать CMYK.
  3. Закончив с настройками жмите на «Создать».

Этап 2: Установка направляющих

Для начала рекомендуется настроить сетку и другие направляющие, чтобы таблица получилась максимально ровной. По умолчанию сетки и направляющие отключены. Давайте для начала включим сетку:

  1. В верхнем меню жмите на «Просмотр». В контекстном меню нужно перейти к пункту «Показать».
  2. Среди предложенных вариантов установите галочку у «Сетку». Также вы можете воспользоваться сочетанием клавиш Ctrl и +.
  3. Рабочий холст будет расчерчен как тетрадка. Также большие клетки делятся на более мелкие, что достаточно удобно.

Чаще всего этой сетки хватает, чтобы начертить ровную таблицу с помощью инструментов Фотошопа, но не всегда. Иногда вам могут потребоваться отдельные направляющие, которые включаются и настраиваются следующим образом:

  1. Включите линейку. Для этого воспользуйтесь комбинацией клавиш Ctrl+R или нажмите на «Просмотр» и из контекстного меню выберите пункт «Линейки».
  2. Чтобы сделать первую направляющую, потяните левую или верхнюю линейку в нужную сторону. Вы увидите, что появится синяя линяя. Тяните её на нужную позицию.
  3. По аналогии создайте собственную сетку, которую будете использовать дальше для рисования таблицы.
  4. Линии направляющих можно удалять или менять их местами. Для этого просто перетащите направляющую линию в сторону одной из линеек. Она после этого удалится.

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

Этап 3: Прорисовка линий

Теперь вам нужно нарисовать линии по добавленным направляющим. Это сделать очень просто:

  1. В левой панели выберите инструмент «Прямая линия». Как её выбрать показано на скриншоте. Чтобы появилось данное окно, нужно кликнуть правой кнопкой мыши по выделенной области.
  2. Обратите внимание на верхнюю часть интерфейса. Там происходит настройка самого инструмента. Главное установить нужный цвет обводки и её толщину. Последний параметр выставляется в зависимости от общего разрешения документа. Чем оно выше, тем больше нужно ставить, но оптимально до 3х пикселей.
  3. Теперь создайте новый слой. Это можно сделать, просто нажав на иконку листа в нижней части панели слоёв.
  4. На этом слое начните рисовать линии по направляющим. По умолчанию в программе включён алгоритм, благодаря чему данные линии будут прилипать к направляющим, если рисовать с зажатой клавишей Shift. Таким образом можно быстро построить таблицу с ровными линиями.
  5. Когда закончите рисовать, воспользуйтесь сочетанием клавиш Ctrl+H, чтобы скрыть направляющие. Аналогичным сочетанием вы можете и вернуть эти направляющие.

Примечание. Если у вас отключена функция автоматической привязки элементов, то её можно быстро включить:

  1. Нажмите «Просмотр». Из контекстного меню перейдите к «Привязать к».
  2. Из появившегося подменю нужно будет выбрать «Направляющим».

Этап 4: Заполнение таблицы контентом

Готовую табличную сетку скорее всего нужно заполнить какими-нибудь данными, чтобы она была больше похожа на реальную таблицу. Давайте для начала рассмотрим, как её немного разнообразить в плане дизайна. Например, часто можно встретить заполненные ячейки каким-то цветом. Если вам требуется сделать аналогичное решение в своей таблице, то воспользуйтесь данной инструкцией:

  1. В левой панели инструментов выберите «Прямоугольник».
  2. В верхней панели настройки инструмента вам нужно будет обводку у прямоугольника и установить нужный цвет заливки.
  3. Теперь нарисуйте этот прямоугольник поверх нужной вам области. Старайтесь делать это так, чтобы область заливки не выходила за пределы нужной ячейки. Для удобства можно снова подключить видимость направляющих.
  4. Так как прямоугольник может немного залезать на линии таблицы, разместите его слой под слом с линиями.
  5. По аналогии заполните остальные ячейки, которые вам требуется закрасить.

Скорее всего в вашей таблице должен присутствовать какой-нибудь текст или другие данные. Заполнить их можно следующим образом:

  1. Снова перейдите к левой панели с инструментами и нажмите там на инструмент «Текст». При необходимости можно использовать и некоторые другие вариации этого инструмента, например, вертикальный текст.
  2. Теперь нужно начать писать текст. Это можно сделать несколькими способами:
    • Просто поставить курсор в нужное место и начать печатать. Тогда текст будет печататься без переносов и с минимальным выравниванием. Правда, переносы можно делать с помощью клавиши Enter. Данный метод подходит больше для небольших текстов;
    • Если в блоках требуется разместить много текста, то вам лучше всего выделить ту область, в которой вы будете его печатать. Для этого просто зажмите левую кнопку мыши и нарисуйте область для текста. Начните печатать, текст не будет выходить за её пределы.
  3. При необходимости отформатируйте текст, как вам нужно. Можно настроить выравнивание, цвет, подчёркивание, начертание, шрифт, межстрочный и межбуквенные интервалы, высоту и ширину символов. Подробно описывать каждый инструмент по работе с оформлением текста не имеет смысла.

Читайте также:
Как включить сетку на холсте в Adobe Photoshop
Как в Повер Поинте (PowerPoint) сделать таблицу — инструкция
Объединить таблицы таблицами в ворде
Умная таблица в Excel (Эксель): создание и использование

Теперь осталось сохранить готовую таблицу или сделать какое-либо дополнительное дизайнерское оформление. Если что, то вот небольшая инструкция по корректному сохранению готовой таблицы:

  1. Нажмите на «Файл» в верхнем меню и выберите из выпадающего списка пункт «Сохранить как».
  2. После этого откроется окошко выбора директории для сохранения документа, а также настройка параметров файла. Укажите папку, где вы сохраните файл и его наименование.
  3. Особое внимание следует уделить строке «Тип файла». Здесь выбирается расширение файла. Так как Фотошоп является графическим редактором, то установить расширение XLSX или подобное у вас не получится. Рекомендуется делать сохранение в PNG, JPG, а также сделать ещё одно сохранение в формате PSD.

Примечание. PSD – это исходный файл Фотошопа, то есть здесь есть доступ ко всем слоям и элементам, которые вы использовали в работе. Он будет нужен в том случае, если вам потребуется вдруг внести изменения в работу.

Создавая таблицы в Adobe Photoshop не нужно забывать, что это не специализированное ПО, поэтому процесс может затянуться надолго, да и функционала здесь гораздо меньше, чем в специализированных табличных редакторах.

Понравилась статья? Поделиться с друзьями:
Задайте вопрос или оставьте свое мнение

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.