Repeater-zone.ru

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

Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам

Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам

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

Всем привет! Сегодня мне хотелось бы рассказать вам, как в фотошопе сделать таблицу по размерам с текстом или картинками для своих нужд. Конечно, многие скажут, что смысла составлять таблицы в фоторедакторах нет, так как это можно проделать с помощью html кода или офисных программ типа Word или Excel. И конечно, все это здорово, но в фотошопе можно создать такое, что нельзя будет воплотить в жизнь нигде, и таким образом вы получите потрясающий элемент дизайна.

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

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

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

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

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

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

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

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

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

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

Читать еще:  Как сделать меняющийся статус в Дискорде

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

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

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

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

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

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

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

Как создать таблицу в MS Word

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

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

  • установите курсор в нужное место;
  • последовательно нажмите Таблица — Вставка — Таблица;
  • в окне «Вставка таблицы» укажите необходимое количество строк и столбцов;
  • в нижней части окна можно настроить ширину столбцов, по умолчанию установлена фиксированная ширина;
  • нажмите Ок и таблица будет вставлена в документ.
Читать еще:  Как объединить память телефона и карты памяти

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

О сетке

Сетка в Фотошопе

Сетка помогает вам более точно и симметрично расставить элементы в композиции

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

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

Её можно увидеть только в программе. Она не отобразится при печати. В цифровой версии рисунка клеток тоже не будет. Это не часть изображения, а инструмент для редактирования.

Не стоит путать его и пиксельную сетку. Последнее — это разбиение картинки на точки. Пригодится для детального редактирования. Её также можно включить и настроить.

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

Adobe Photoshop

Photoshop — клеточки

см. также более толковое видео Урок Adobe Photoshop CS6. Создание узорной заливки Клетка — YouTube — через заливку быстрее, чем через штамп

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

Открываем Фотошоп, жмём Ctrl+N (создать новый файл), задаём параметры: высота 12 пикс, ширина 12 пикс, фон документа — прозрачный.

Берём инструмент «карандаш», делаем толщину два пикселя, и рисуем данную фигуру. Чтобы параметры сетки были другие (более тонкая линия, другой р-р клетки), надо менять параметры рисунка, например, размер 5х5 пикс, а диаметр карандаша 1 пикс.

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

Должно получиться что-то вроде этого:

идём по вкладку Редактирование –> Определить узор (pattern), задаём узору какое-нибудь имя.

Открываем файл, на котором собираемся рисовать клетки, создаём новый слой, нажав комбинацию клавиш Ctrl+Shift+N

на палитре инструментов выбираем инструмент «узорный штамп»(или клавиша S), сверху в цветном квадратике выбираем свой узор и наносим его на слой.

Потом можно изменять цвет сетки, нажав Ctrl+U и двигая соответствующий ползун:

Также можно изменить непрозрачность клеток, изменив непрозрачность слоя в панели слоёв.

Таблица для сайта

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

Как просто и быстро создать таблицу в онлайн сервисе

К сожалению, я не нашел ни одного хорошего источника. Лучшим из них оказался проект Compare Ninjа . Заходите на сайт, в верхней панели задач выбираете вкладку Generator. Заполняете поля, нажимаете кнопку «Next», а дальше начинается полнейший геморрой. Ситуация усугубляется еще и тем, что ресурс на английском языке.

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

Поэтому я рекомендую вам воспользоваться более здравым решением. Курс Евгения Попова « Основы CSS ». Просто послушайте и посмотрите как работает человек, не обязательно сразу бросаться выполнять какие-то задания или делать таблицы. Узнайте чуть больше и у вас не возникнет проблемы в том, чтобы потом воплотить любую задумку.

Если вам нужна простенькая красивая таблица-рисунок, то вы можете сделать его в Photoshop. Пошаговая инструкция уже есть в моем блоге.

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

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