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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создавать таблицы гораздо удобнее с помощью программ из пакета MS Office – Excel и Word. У графического редактора Adobe Photoshop другие цели и объекты обработки. Но, если постараться, можно нарисовать таблицу и его инструментами.

Инструкция

В меню File («Файл») выберите команду New («Создать») для создания нового документа. Теперь добавьте новый слой, на котором будете рисовать таблицу . Нажмите для этого на панели слоев кнопку Create a new layer («Создать новый слой») или используйте горячие клавиши Shift+Ctrl+N. На цветовой палитре подберите подходящий оттенок и залейте новый слой – это будет фоновый цвет вашей таблицы.

На панели инструментов отметьте Rectangle Tool («Прямоугольник») из группы инструментов U. С его помощью создайте ячейку вашей таблицы. Чтобы ячейка получилась квадратной, рисуйте ее при зажатой клавише Shift. Если вы хотите, чтобы все ячейки в таблице были одинаковыми, зажмите Alt+Ctrl и мышкой перетащите готовую ячейку на новое место – при этом вы получите ее дубликат.

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

Когда все ячейки будут выстроены в нужном порядке, выберите инструмент Direct Selection Tool («Управление выделением»), щелкните правой клавишей мыши по контрольным узелкам последней ячейки и выберите пункт Delete Anchor Point («Удалить точки привязки»). Если потребуется, восстановите сторону ячейки.

Отметьте на панели инструментов Brush Tool («Кисть») и на панели свойств установите ее диаметр – он будет соответствовать ширине границ таблицы. Цвет переднего плана определяет цвет границ. Опять выберите Rectangle Tool и щелкните правой клавишей по таблице, чтобы вызвать контекстное меню. Отметьте пункт Stroke Path («Обводка»).

В группе инструментов U есть другой инструмент, с помощью которого можно нарисовать таблицу . Выберите Line Tool («Линия») и нарисуйте таблицу с нужным количеством столбцов и строк. Чтобы линии получались ровными, ведите их, удерживая клавишу Shift. Когда макет таблицы будет готов, вызовите контекстное меню щелчком правой клавиши и выберите опцию Stroke Path. Праметры кисти, конечно, нужно установить заранее.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

    Инструкция

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

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

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

    Переключитесь в графический редактор и выберите в списке слоев тот, выше которого нужно поместить таблицу . Затем вставьте содержимое буфера обмена - нажмите сочетание клавиш Ctrl+V. Photoshop добавит скопированную таблицу в центр изображения, создав для нее отдельный слой. После этого вы можете приступать к позиционированию и обработке вставленной таблицы.

    Источники:

    • Как в Excel 2013 сделать красивые границы таблицы

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

    Вам понадобится

    • Adobe Photoshop

    Инструкция

    Следующий шаг к изменению - это отделение нужной от общего фона . Начинайте аккуратно вырезать свое изображение с Rectangular Lasso Tool, Pen Tool или быстрой маски. Pen Tool рекомендуется как очень удобный и простой способ выделять . Если вы случайно поставили новую точку на неверное место, достаточно нажать Backspace - это исправит . Кроме того, инструмент пера подразумевает создание векторной дуги, которая еще более четко выделит ваше изображение. Создав , щелкните на ней правой кнопкой мыши и скопируйте ее на новый слой с параметром сглаживания и без растушевки.

    На этом фотомонтаж может быть закончен, но чаще всего у вашего фото и нового фонового изображения могут значительно различаться параметры и яркости, поэтому дополнительно отредактируйте эти параметры, чтобы изображение выглядело реалистично и красиво.
    Откройте Levels и подтяните уровни вашей фотографии до состояния, близкого к гамме основного фона. То же самое сделайте в Hue\Saturation. Кроме того, можете отредактировать цветовую гамму в Color Balance и попробовать различные варианты смешивания слоев - Soft Light, Hard Light, Multiply, и другие. Дополнительно отретушируйте фотографию, сгладьте неровности с помощью Clone Stamp и фильтра Gaussian Blur, если это необходимо. Теперь ваш готов.

    Обратите внимание

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

    Полезный совет

    Как изменить фон в фотошопе? Сфотографировали себя на фоне стены в комнате, а хотелось бы на солнечном пляже или на Луне? 3 шаг. Если вы случайно поставили точку не туда,куда надо, жмем Backspace, затем нажимаем на последнюю точку, поставленную где надо, и далее продолжаем кликать как обычно. Также можно кликнуть по ненужной точке правой кнопкой и выбрать пункт “Удалить опорную точку”.

    Источники:

    • как в фотошопе заменить фон фотографии

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

    Инструкция

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

    - таблица;
    - строка;
    - колонка.

    Основные дополнительные атрибуты:
    Border – граница;

    Bordercolor – цвет рамки;
    Width – ширина;
    Height – высота.

    Синтаксис таблицы 2X2 без рамки и левосторонним/правосторонним выравниванием содержимого:








    Содержимое 1-й ячейки Содержимое 2-й ячейки
    Содержимое 3-й ячейки Содержимое 4-й ячейки

    Картинку нужно прописывать после тега

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







    Содержимое 2-й ячейки
    Содержимое 3-й ячейки Содержимое 4-й ячейки

    Дополнительные атрибуты:
    Width – ширина;
    Height – высота;
    Alt - альтернативный текст, который будет отображаться у пользователя, если у него отключена функция просмотра картинок;
    Align – выравнивание по горизонтали;
    Valign – выравнивание по вертикали;
    Title – подпись к изображению.

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








    Содержимое 2-й ячейки
    Содержимое 3-й ячейки Содержимое 4-й ячейки

    Дополнительные возможности изображений.

    1. Смена картинки на цвет при наведении на нее мышью и после смены местоположения курсора:
    onMouseOver="this.style.background="#номер цвета"" onMouseOut="this.style.background="#номер цвета""

    2. Смена картинки на другое изображение при наведении мышью:
    onmouseover="this.src="images/1.gif"" onmouseout="this.src="images/2.gif""

    3. Вставка вращающейся карусели из картинок в ячейку таблицы (значения можно менять):




    // 7 variables to control behavior
    var Car_Image_Width=100;
    var Car_Image_Height=100;
    var Car_Border=true; // true or false
    var Car_Border_Color="000000"; Border="0"
    var Car_Speed=5;
    var Car_Direction=true; // true or false
    var Car_NoOfSides=6; // must be 4, 6, 8 or 12

    /* array to specify images and optional links.
    For 4 sided carousel specify at least 2 images
    For 6 sided carousel specify at least 3
    For 8 sided carousel specify at least 4
    For 12 sided carousel specify at least 6
    If Link is not needed keep it ""
    */
    Car_Image_Sources=new Array(
    "images/1.gif","",
    "images/2.gif","",
    "images/3.gif","",
    "images/4.gif","",
    "images/5.gif","",
    "images/6.gif",""

    // NOTE No comma after last line
    );

    /***************** DO NOT EDIT BELOW **********************************/
    CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
    C_Coef=new Array(
    3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
    Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
    var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
    C_Pre_Img=new Array(Car_Image_Sources.length);
    var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
    C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

    Function Carousel(){
    if(document.getElementById){
    for(i=0;i

    Статьи по теме: