Как сделать таблицу в фотошопе

Как сделать таблицу в «Фотошопе»? Советы и рекомендации

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

Допустим, нам необходимо в графической среде составить какую-либо таблицу. Для многих станет камнем преткновения вопрос о том, как сделать таблицу в «Фотошопе CS6». Это довольно просто, но построение объекта займет больше времени, чем в специализированных программах.

Логотип Adobe Photoshop

Как сделать таблицу в «Фотошопе»

К сожалению, графическая среда не предназначена для таких действий, следовательно, напрямую создать таблицу не получится. Хорошо среди нас есть гении, обладающие воображением и сообразительностью. Они-то и придумали алгоритм для решения поставленного вопроса. Сразу стоит отметить, что смарт (осуществление неких функций и расчетов) таблицы создать не получится. В сложившейся ситуации есть возможность только создать макет.

Главная быстрого доступа

Способы создания таблицы в этой программе существуют следующие:

  • Инструмент «Прямоугольник». Принцип этого метода заключается в объединении всех созданных фигур в одну таблицу.
  • Инструмент «Линия». Объединив нарисованные линии, можно работать непосредственно с таблицей.
  • Инструмент «Кисть». Создание таблиц на быструю руку.
  • Изображения из Сети. Есть возможность просто взять готовую сетку таблицы и добавить ее в Adobe Photoshop.
  • Построение в других программах. Некоторые пользователи создают таблицы в специальных программах, а затем вставляют их с помощью предварительной вырезки из первоначальной программы.

Инструмент «Прямоугольник»

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

  1. Перед тем как сделать таблицу в «Фотошопе», необходимо выбрать фигурный инструмент «Прямоугольник», который располагается на панели быстрого доступа.
  2. Начинаем создавать каркас нашей таблицы, то есть неполноценные границы и обводку. По выбору пользователя нужно установить толщину контура и внутреннюю заливку. Настройки объекта можно найти в верхней части программы. После построения автоматически создастся объектный слой.
  3. Теперь следует построить верхнюю строку. На краю создаем ячейки определенных размеров.
  4. Для ускоренного построения будем использовать горячие сочетание клавиш Alt + ЛКМ, которое позволит дублировать ячейку в выбранное место. Благодаря всплывающим измерениям можно создать симметричную таблицу.
  5. После того как все свободное место будет заполнено ячейками, необходимо объединить все ячейки в одну таблицу. В разделе слоев выделяем все графические фигуры и объединяем все в один слой.

Инструмент «Линия»

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

Построение таблицы

Построение таблицы этим методом будет включать в себя следующие шаги.

  1. Необходимо выбрать инструмент «Линия» в той же ячейке, что и «Прямоугольник».
  2. Зададим ширину и высоту таблицы, нарисовав две перпендикулярные прямые с зажатой клавишей Shift.
  3. Используя сочетание клавиш Alt+Shift+ЛКМ, можно дублировать и перемещать слои с объектами параллельно исходному слою. Выделим две изображенные линии и продублируем их.
  4. Теперь остается создать сетку внутри объекта. Чтобы провести перпендикуляр из точки в точку, следует зажать клавишу Shift.
  5. После построения таблицы необходимо объединить все фигурные элементы в одну.

Другие программы для постройки таблицы

Самым известным и распространенным способом является привлечение к процессу программного обеспечения Microsoft Office. Здесь можно сделать как таблицу по размерам «Фотошопа», так и другие элементы. Пакеты Word и Excel как раз предназначены для строительства данного графического изображения. Удобнее всего использовать текстовый редактор «Ворд», так как здесь составляется обычная таблица без излишеств. MS Excel можно применять для необычного оформления таблицы.

Какие шаги необходимо проделать пользователю, чтобы перенести таблицу?

  1. Необходимо иметь готовую таблицу.
  2. Затем можно сделать скриншот экрана с помощью клавиши Prt Scr.
  3. После скриншота открываем Adobe Photoshop и вставляем в документ изображение экрана.
  4. С помощью выделения обрезаем все лишние части.

Готовые таблицы

Как сделать таблицу в «Фотошопе» не прибегая к ее созданию? В ряде случаев некоторые пользователи обращаются к готовым макетам таблиц, которые можно найти в интернете. Общая методика действий почти не отличается от той, что приводилась в пункте выше — достаточно сохранить изображение и открыть его в «Фотошопе», а затем просто обрезать.

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

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

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

  1. Как нарисовать таблицу в Adobe Photoshop
  2. Этап 1: Создание документа
  3. Этап 2: Установка направляющих
  4. Этап 3: Прорисовка линий
  5. Этап 4: Заполнение таблицы контентом

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

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

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

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

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

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

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

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

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

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

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

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

      Включите линейку. Для этого воспользуйтесь комбинацией клавиш Ctrl+R или нажмите на «Просмотр» и из контекстного меню выберите пункт «Линейки».

    Чтобы сделать первую направляющую, потяните левую или верхнюю линейку в нужную сторону. Вы увидите, что появится синяя линяя. Тяните её на нужную позицию.

  5. По аналогии создайте собственную сетку, которую будете использовать дальше для рисования таблицы.
  6. Линии направляющих можно удалять или менять их местами. Для этого просто перетащите направляющую линию в сторону одной из линеек. Она после этого удалится.
  7. С помощью линеек, расположенных сбоку и в верху можно легко отмерять расстояния.

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

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

      В левой панели выберите инструмент «Прямая линия». Как её выбрать показано на скриншоте. Чтобы появилось данное окно, нужно кликнуть правой кнопкой мыши по выделенной области.

  8. Обратите внимание на верхнюю часть интерфейса. Там происходит настройка самого инструмента. Главное установить нужный цвет обводки и её толщину. Последний параметр выставляется в зависимости от общего разрешения документа. Чем оно выше, тем больше нужно ставить, но оптимально до 3х пикселей.
  9. Теперь создайте новый слой. Это можно сделать, просто нажав на иконку листа в нижней части панели слоёв.
  10. На этом слое начните рисовать линии по направляющим. По умолчанию в программе включён алгоритм, благодаря чему данные линии будут прилипать к направляющим, если рисовать с зажатой клавишей Shift. Таким образом можно быстро построить таблицу с ровными линиями.
  11. Когда закончите рисовать, воспользуйтесь сочетанием клавиш Ctrl+H, чтобы скрыть направляющие. Аналогичным сочетанием вы можете и вернуть эти направляющие.
  12. Примечание. Если у вас отключена функция автоматической привязки элементов, то её можно быстро включить:

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

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

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

    1. В левой панели инструментов выберите «Прямоугольник».
    2. В верхней панели настройки инструмента вам нужно будет обводку у прямоугольника и установить нужный цвет заливки.

  13. Теперь нарисуйте этот прямоугольник поверх нужной вам области. Старайтесь делать это так, чтобы область заливки не выходила за пределы нужной ячейки. Для удобства можно снова подключить видимость направляющих.
  14. Так как прямоугольник может немного залезать на линии таблицы, разместите его слой под слом с линиями.
  15. По аналогии заполните остальные ячейки, которые вам требуется закрасить.
  16. Скорее всего в вашей таблице должен присутствовать какой-нибудь текст или другие данные. Заполнить их можно следующим образом:

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

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

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

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

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

      Как нарисовать таблицу в Фотошопе

      kak-narisovat-tablitsu-v-fotoshope

      Если такая необходимость возникла, то изучите этот урок и больше не будете иметь трудностей в создании таблиц в Фотошопе.

      Вариантов создания таблицы немного, всего два. Первый – сделать все «на глаз», потратив при этом кучу времени и нервов (проверено на себе). Второй – немного автоматизировать процесс, тем самым сэкономив и то и другое.

      Естественно, мы, как профессионалы пойдем по второму пути.

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

      Для точной установки направляющей линии необходимо пройти в меню «Просмотр», найти там пункт «Новая направляющая», задать значение отступа и ориентацию…

      И так для каждой линии. Это долго, так как направляющих нам может понадобиться очень, очень много.

      Хорошо, не буду больше тянуть время. Нам нужно на данное действие назначить сочетание горячих клавиш.
      Для этого идем в меню «Редактирование» и ищем внизу пункт «Клавиатурные сокращения».

      risuem-tablitsu-v-fotoshope

      В открывшемся окне в выпадающем списке выбираем «Меню программы», ищем пункт «Новая направляющая» в меню «Просмотр», кликаем по полю рядом с ним и зажимаем нужную комбинацию так, как если бы мы ее уже применили. То есть зажимаем, к примеру, CTRL, а затем «/». Именно такую комбинацию я и выбрал.

      risuem-tablitsu-v-fotoshope-2

      По завершению нажимаем «Принять» и ОК.

      Дальше все происходит достаточно просто и быстро.
      Создаем новый документ нужного размера сочетанием клавиш CTRL+N.

      risuem-tablitsu-v-fotoshope-3

      Затем нажимаем CTRL+/, и в открывшемся окне прописываем значение для первой направляющей. Я хочу задать отступ в 10 пикселей от края документа.

      risuem-tablitsu-v-fotoshope-4
      risuem-tablitsu-v-fotoshope-5

      Далее необходимо высчитать точное расстояние между элементами, руководствуясь их количеством и размером контента.

      Для удобства расчетов перетащите начало координат из угла, указанного на скрине, на пересечение первых направляющих, определяющих отступ:

      risuem-tablitsu-v-fotoshope-6

      Если у вас до сих пор не включены линейки, то активируйте их сочетанием клавиш CTRL+R.

      У меня получилась вот такая сетка:

      risuem-tablitsu-v-fotoshope-7

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

      risuem-tablitsu-v-fotoshope-8

      Рисовать (ну, ладно, чертить) таблицу мы будем инструментом «Линия», он имеет наиболее гибкие настройки.

      risuem-tablitsu-v-fotoshope-9

      Настраиваем толщину линии.

      risuem-tablitsu-v-fotoshope-10

      Выбираем цвет заливки и штриха (штрих выключаем).

      risuem-tablitsu-v-fotoshope-11

      И теперь, на только что созданном слое рисуем таблицу.

      Делается это так:

      Зажимаем клавишу SHIFT (если не зажать, то каждая линия будет создаваться на новом слое), ставим курсор в нужное место (сами выберите, откуда начать) и проводим линию.

      risuem-tablitsu-v-fotoshope-12

      risuem-tablitsu-v-fotoshope-13

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

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

      risuem-tablitsu-v-fotoshope-14

      Данный способ создания таблиц в Фотошопе поможет вам значительно сэкономить время.

      Мы рады, что смогли помочь Вам в решении проблемы.

      Добавьте сайт Lumpics.ru в закладки и мы еще пригодимся вам.
      Отблагодарите автора, поделитесь статьей в социальных сетях.

      Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

      Ссылка на основную публикацию