Svinkovod.ru

Бытовая техника
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

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

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

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

Помимо этой статьи, на сайте еще 12447 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

Программа «Фотошоп» – универсальное решение для создания графических изображений и обработки картинок. Иногда возникает необходимость разместить в рисунке таблицу. Какие в Photoshop есть инструменты для решения данной задачи? Как нарисовать таблицу в фотошопе?

Действительно, рассматриваемый графический редактор включает огромное количество инструментов для обработки картинок. Однако среди них, как это ни странно, нет тех, с помощью которых в рисунок можно было бы вставить таблицу – подобно тому, как это осуществляется, к примеру, в Word.

Читайте так же:
Как включить переводчик в фаерфокс

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

Начнем с первого пункта.

Рисование контура таблицы

Первым делом открываем фотошоп и создаем новый проект – с белым фоном.

Нарисовать контур таблицы в фотошопе можно разными методами. В числе самых удобных – задействование инструмента Rectangle Tool. На первый взгляд он может, конечно, показаться не самым оптимальным – поскольку прорисовывает «сплошной» прямоугольник.

Но это не проблема. Данный прямоугольник можно запросто превратить в контур таблицы. Для этого нужно кликнуть правой кнопкой мыши на слое, который соответствует ему, и выбрать пункт Blending Options. В открывшемся окне требуется для начала перейти на закладку Stroke.

На ней задается обводка – которая, собственно, и будет контуром будущей таблицы. Необходимо произвести следующие действия:

  • — выбрать толщину обводки – пусть это будет 3 пикселя;
  • — выбрать цвет обводки – желательно тот же, в который окрашен сам прямоугольник (по умолчанию он прорисовывается в системном цвете – поэтому можно кликнуть мышкой на соответствующей палитре слева).

Далее переходим на вкладку Blending Options: Custom и уменьшаем до предела значение в строке Fill Opacity. В результате на листе будет отображаться только обводка – она и станет контуром таблицы.

Однако все эти действия – «репетиция». Но мы решили нужную задачу – изучили то, как создается контур таблицы с помощью инструмента Rectangle Tool.

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

Речь идет о сетке – Grid. Чтобы активировать ее, нужно выбрать пункт View, затем – Show и Grid.

Данный инструмент примечателен своей способностью «подстраиваться» под прямое рисование по клеткам – в частности, с помощью опций Rectangle Tool и Line Tool.

Можно немного поэкспериментировать с задействованием возможностей сетки. Приноровившись, продолжаем работу уже над таблицей.

Нам вновь понадобится чистый белый лист. Сразу же активируем на нем сетку. После – прорисовываем контур таблицы уже известным нам способом. Берем инструмент Rectangle Tool, формируем контур – толщиной 3 пикселя, окрашенный в системный цвет.

Теперь можно перейти к этапу рисования линий для столбцов и ячеек.

Рисование линий столбцов и ячеек таблицы

Используя уже знакомый нам инструмент Line Tool, постепенно прорисовываем соответствующие графические элементы таблицы.

Желательно, чтобы толщина линий не превышала таковую у контура. В данном случае показатели одинаковы – 3 пикселя. Очень важно при этом каждую линию фиксировать на отдельном слое. То есть после прорисовки каждой – нажимаем Enter. Соответствующие слои имеют название Shape. Для чего это нужно, мы узнаем чуть позже.

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

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

Как растягивать линии? Мы условились фиксировать каждую из них на отдельном слое. Это нужно нам как раз таки для подобных ситуаций – когда есть необходимость изменить длину какой-либо из линий.

Для того чтобы иметь возможность легко работать с линиями, требуется включить режим Show Transform Controls. Далее, переходя на те слои, которые соответствуют линиям, увеличиваем немного их длину, ликвидируя пробелы на таблице. Всякий раз фиксируем результат посредством нажатия Enter.

Читайте так же:
Как в word развернуть лист горизонтально

Убедившись, что на таблице нет пробелов, возвращаем исходный масштаб картинки и вновь включаем сетку.

К слову, при необходимости таблицу несложно тем или иным способом модифицировать. Например, в нашем случае видно, что крайний правый столбец имеет вдвое меньшую ширину, чем остальные.

Его можно, таким образом, увеличить или убрать из таблицы – оставив те, что имеют одинаковые размеры. Решение данной задачи осуществляется по тому же принципу, что и коррекция пробелов.

Нужно выбрать слой, соответствующий контуру. После, активировав опцию Show Transform Controls, изменить ширину таблицы.

Затем можно укоротить и линии – аналогичным методом. Кстати, это лучше делать без сетки и при увеличенном масштабе картинки – чтобы сразу видеть пробелы и избавляться от них.

Можно, конечно же, и увеличить крайний правый столбец исходной таблицы. Сначала – растянув контур.

Затем – «дотянув» до него линии строк.

Можно изменить структуру таблицы, «объединив» ячейки или столбцы – также посредством регулирования длины линий. При необходимости – дорисовывая новые, которые тоже будут образовывать дополнительные слои.

Таблица готова. Теперь можно перейти к этапу ее заполнения.

Заполнение таблицы

В самом начале статьи мы отметили, что Photoshop – графический редактор, и в нем нет модулей вставки готовых таблиц – как в Word, которые можно было бы заполнять каким-либо содержимым.

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

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

Легко вставляются и картинки.

По окончании работы можно выключить режим сетки.

Итак, теперь мы знаем, как нарисовать таблицу в Photoshop. Оптимально будет сохранить ее как проект – в формате PSD, а затем работать с копиями соответствующего файла. Можно будет, например, растрировать слои, составляющие таблицу, и склеить их с помощью опции Merge, после чего она превратится в целостный графический объект.

Создание таблиц

Таблицы состоят из строк и столбцов, которые в свою очередь состоят из ячеек. Ячейка напоминает текстовый фрейм, в который можно добавлять текст, привязанные фреймы или другие таблицы. Таблицы можно создавать в Adobe InDesign CS5 или экспортировать из других приложений.

Для создания, изменения и форматирования таблиц в Adobe InCopy необходимо переключиться в режим «Макет».

Создание таблиц

Таблицы состоят из строк и столбцов, которые в свою очередь состоят из ячеек. Ячейка напоминает текстовый фрейм, в который может быть добавлен текст, внутритекстовый графический объект или другие таблицы. Создать таблицу можно обычным способом или путем преобразования в нее существующего текста. Кроме того, таблица может быть встроена в другую таблицу.

Новая таблица при создании заполняет всю ширину текстового фрейма-контейнера. Если при вставке точка ввода находится в начале строки, то таблица вставляется на той же строке, если точка ввода находится в середине — на следующей строке.

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

Читайте так же:
Как в биос сделать загрузку с usb

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

Подтвердите направление письма текстового фрейма перед созданием таблицы.

Майкл Мёрфи (Michael Murphy) представляет статью о создании и форматировании таблиц: Особенности использования таблиц.

Джефф Уитчел (Jeff Witchel) из InfiniteSkills.com представил видео на тему Основы настройки таблиц.

Создание таблицы обычным способом

Созданная таблица заполняет весь текстовый фрейм по ширине.

С помощью инструмента «Текст» поместите точку ввода туда, где необходимо создать таблицу.

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

Создание таблицы из существующего текста

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

Выберите инструмент «Текст» и выделите текст, который необходимо преобразовать в таблицу.

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

Встраивание одной таблицы в другую

Выделите ячейки или таблицу для встраивания в другую таблицу, затем выберите команду «Редактирование» > «Вырезать» или «Скопировать». Поместите точку ввода в ячейку, куда должна быть вставлена таблица, затем выберите команду «Редактирование» > «Вставить».

Нажмите ячейку, выберите команду «Таблица» > «Вставить таблицу», задайте число строк и столбцов, затем нажмите кнопку «ОК».

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

Импорт таблиц из других приложений

При импорте электронной таблицы Microsoft Excel или документа Microsoft Word с таблицами с помощью команды «Поместить» данные импортируются в виде таблицы, доступной для редактирования. Форматирование настраивается в диалоговом окне «Параметры импорта».

Кроме того, данные из электронной таблицы Excel или таблицы Word можно вставлять в документы InDesign или InCopy. Формат текста, вставляемого из других приложений, задается установками раздела «Обработка буфера». Если выбран параметр «Только текст», то данные отображаются в виде неотформатированного текста с табуляцией, который затем можно преобразовать в таблицу. Если выбран параметр «Вся информация», то вставляемый текст будет отображаться в отформатированной таблице.

Если текст вставляется в существующую таблицу из другого приложения, создайте в ней достаточное для его размещения число строк и столбцов, в установках раздела «Обработка буфера» выберите «Только текст» и убедитесь, что выделена хотя бы одна ячейка (за исключением случаев, когда в ячейку необходимо вставить всю таблицу).

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

Можно также скопировать и вставить текст, разделенный символами табуляции, в диапазон ячеек таблицы. Этим способом удобно заменять содержимое при необходимости сохранить форматирование. Предположим, вам нужно обновить содержимое отформатированной таблицы в ежемесячном журнале. Одним из вариантов является связь с электронной таблицей Excel. Однако, если содержимое происходит из другого источника, можно скопировать текст с табуляцией в буфер обмена, выделить диапазон ячеек в отформатированной таблице InDesign и вставить в него содержимое.

Читайте так же:
Как в ворде сделать сложение столбиком

Добавление текста в таблицу

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

С помощью инструмента «Текст» выполните одно из следующих действий:

Поместите точку ввода в ячейку и введите текст. Чтобы создать новый абзац в той же ячейке, нажмите клавишу Enter или Return. Перемещение по ячейкам производится по нажатию клавиши Tab (при нажатии клавиши Tab в последней ячейке добавляется новая строка). Перемещение по ячейкам в обратном порядке производится по нажатию комбинации клавиш Shift и Tab.

Скопируйте текст, установите в ячейке точку ввода, затем выберите команду «Редактирование» > «Вставить».

Поместите точку ввода в то место, куда нужно добавить текст, выберите команду «Файл» > «Поместить», а затем дважды нажмите текстовый файл.

Добавление графики в таблицу

Чтобы добавить графический объект в таблицу, которая находится в отдельном документе InCopy, переключитесь в режим «Макет». Добавлять графические объекты в таблицу, которая находится в связанном документе InDesign, рекомендуется в приложении InDesign, поскольку там предусмотрены дополнительные возможности изменения размеров текстового фрейма.

Поместите точку ввода в то место, куда необходимо добавить графический объект, выберите команду «Файл» > «Поместить», затем дважды нажмите графический файл.

Поместите точку ввода в то место, куда необходимо добавить графический объект, выберите команду «Объект» > «Привязанный объект» > «Вставить», затем задайте параметры вставки. Позднее в привязанный объект можно добавить графику.

Скопируйте графический объект или фрейм, расположите точку ввода в нужном месте, затем выберите команду «Редактирование» > «Вставить».

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

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

Добавление верхних и нижних колонтитулов

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

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

Header rows repeated once per frame

Урок 09. Построение таблиц

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

Даже если таблица не очень большая, то ее шаблонный вид просто убивает:

обычный шаблонный вид таблиц на слайдах презентации в Power point

Согласитесь, что этот вариант все-таки смотрится лучше:

таблица для слайда презентации, нарисованная в Adobe Photoshop

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

Читайте так же:
Как в ворде восстановить предыдущую версию документа

Для начала откроем изображение фона с надписью (для тренировки вы можете скопировать его прямо отсюда):

заготовка для слайда презентации, нарисованная в Adobe Photoshop

Затем расставим направляющие так, чтобы они образовали сетку будущей таблицы. Для этого надо сначала включить отображение линеек (Ctrl — R), затем выбрать инструмент Move tool (перемещение) указать на верхнюю линейку, нажать и удерживать левую клавишу мыши, переместить маркер мыши вместе с направляющей в нужную позицию на изображении.

Для постановки вертикальных направляющих линий то же самое нужно проделать с левой вертикальной линейкой:

расставляем направляющие линии

Затем, когда мы получили сетку из направляющих нужной конфигурации, надо выбрать инструмент Line tool (линия) и настроить ее параметры:

1. в панели инструментов выбрать инструмент Line tool (Линия). Имейте в виду, что на этом месте панели инструментов может быть прямоугольник или овал. В этом случае укажите маркером мыши на инструмент, нажмите и удерживайте левую клавишу мыши. В появившемся списке фигур выберите Line tool ( 2 ),

3. выберите толщину линии в точках (толщина зависит от вашего желания),

4. выберите цвет линии (в нашем примере будет использоваться белый).

выбираем инструмент Линия и настраиваем ее параметры

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

В результате получилась готовая таблица:

вготовая таблица в программе Adobe Photoshop

Теперь можно удалить направляющие линии (Ctrl — ;), а к слою, содержащему таблицу, применить какие-нибудь эффекты, например, тень:

готовая таблица в программе Adobe Photoshop

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

Как добавить в таблицу изображения?

Для начала скачайте к себе в компьютер эти изображения:

лист клена лист дуба лист береза

Далее откройте первое изображение в программе Adobe Photoshop не закрывая готового слайда с таблицей:

изображение готово к вставке в таблицу в программе Adobe Photoshop

Выберите инструмент Move tool (перемещение), укажите маркером мыши на кленовый лист, нажмите и удерживайте левую клавишу мыши, переместите маркер мыши в окно с таблицей:

изображение перемещено в таблицу в программе Adobe Photoshop

Далее можно было бы более точно установить изображение в ячейку таблицы, однако нам мешает белый фон вокруг добавленного изображения. Избавиться от него нам поможет инструмент Magic Eraser Tool (волшебный ластик), который стирает все точки, имеющие одинаковый цвет с той, по которой мы кликнем.

Выберите инструмент Magic Eraser Tool (волшебный ластик):

инструмент Magic Eraser tool (волшебный ластик) в программе Adobe Photoshop

Кликните по белому фону в слое с кленовым листом, после этого при помощи инструмента Move tool (перемещение) поместите кленовый лист в первую ячейку таблицы.

Как изменить размера слоя

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

Для этого выберите слой с кленовым листом как активный, затем нажмите комбинацию клавиш Ctrl — T. Вокруг слоя с кленовым листом появится рамка с размерными маркерами (квадратиками):

изменение размера слоя в программе Adobe Photoshop

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

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

Для фиксации изменений нужно нажать клавишу Enter.

Когда слой будет приведен к нужному размеру, можно применить к нему эффекты (например, тень и обрамление).

Таким же образом необходимо поместить в таблицу дубовый и березовый листья:

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector