Как сделать таблицу с картинками

от admin

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

Недавно мне срочно понадобилось перевести большую таблицу из ворд в картинку. Снимок её не сделаешь из-за того, что она не помещается на один экран. Пробовала воспользоваться программами paint.net и Microsoft Power Point, но ничего не получилось. В первой программе левая колонка вышла обрезанной, а во второй вообще непонятно что. Пришлось искать другие варианты.

Переводим большую таблицу из ворда в картинку

Для начала нам необходимо сохранить вордовскую таблицу в формате PDF. Так как Microsoft Word у меня 2010 версии, то сделать это было не сложно. Если у вас тоже такая же версия или выше, то делаем следующее.

Открываем вкладку – Файл – и находим строку «Сохранить как…»

Открываем вкладку – Файл – и находим строку «Сохранить как…»

В окне сохранения документа внизу устанавливаем в «Тип файла» формат pdf.

В окне сохранения документа внизу устанавливаем в «Тип файла» формат pdf.

В окне сохранения документа внизу устанавливаем в «Тип файла» формат pdf.

Теперь наша таблица сохранилась в файле в формате pdf.

Теперь наша таблица сохранилась в файле в формате pdf.

Теперь открываем программу фотошоп и загружаем в неё наш файл в формате pdf.

Теперь открываем программу фотошоп и загружаем в неё наш файл в формате pdf.

Теперь открываем программу фотошоп и загружаем в неё наш файл в формате pdf.

В открывшемся окне «Импорт PDF» выбираем все страницы нашей таблицы, и ничего не меняя в настройках справа, жмем кнопку «ОК».

В открывшемся окне «Импорт PDF» выбираем все страницы нашей таблицы, и ничего не меняя в настройках справа, жмем кнопку «ОК».

Теперь в фотошопе загрузились изображения нашей таблицы. У меня их вышло 4 штуки.

Сохраняем каждое изображение по отдельности. Для этого выделяем первое изображение и переходим в меню – ФайлСохранить как…

Сохраняем каждое изображение по отдельности

В окне сохранения выбираем место сохранения, а в строке «Тип файлов» выбираем необходимый формат для сохранения файла. Я выбираю формат JPEG.

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

Таким же образом сохраняем и остальные страницы нашей таблицы.

Перевести таблицу из ворда в картинку можно и другим способом, например онлайн. Для этого в строке поиска своего браузера наберите фразу «word в jpg» (без кавычек).

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

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

Видео «Как сохранить таблицу в Ворде, как картинку»:

Напишите в комментариях ниже, какими способами пользуетесь вы в таких случаях.

Компьютерная грамотность с Надеждой

Заполняем пробелы — расширяем горизонты!

Как добавить таблицу в Word, чтобы сделать обтекание картинки текстом

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

Таблица в Ворде для обтекания картинки текстом

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

Теперь предлагаю посмотреть, как можно сделать обтекание картинки текстом с помощью таблиц редактора Ворд. То есть, посмотрим сначала, как добавить таблицу в Word, потом вставить рисунок в таблицу и, наконец, как можно форматировать текст с рисунками с помощью таблиц Word.

Предлагаю сделать это на примере текста описания известной картины Шишкина И.И. «Утро в сосновом лесу» («Три медведя», как часто эту картину называют).

Итак, описание картины сделано (или взято из Интернета), нужно вставить картинку. Делать это будем последовательно:

  • Сначала вставим в текст описания таблицу,
  • затем уже в таблицу вставим картинку (рисунок).
  • Следом в таблицу вставим текст описания.
  • И далее всю получившуюся конструкцию отформатируем, приведем к удобочитаемому виду.

Вот такая стоит задача.

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

Допустим, надо вставить рисунок сразу после заголовка описания картины Шишкина.

Место для вставки рисунка из файла в Word

Рис. 1 (кликните по рисунку для увеличения). Место под заголовком статьи для вставки рисунка из файла в редакторе Word

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

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

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

  • переходим на вкладку «Вставка» (1 на рис. 2),
  • кликаем по иконке «Таблица» (2 на рис. 2) и
  • выбираем из выпадающего меню опцию «Вставить таблицу» (3 на рис. 2).

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

Рис. 2 (кликните по рисунку для увеличения). Как добавить таблицу в редакторе Microsoft Word.

После клика на «Вставить таблицу» появится дополнительное служебное окно описания вставляемой таблицы (рис. 3).

Ввод параметров таблицы в Word

Рис. 3. Ввод параметров вставляемой в текст таблицы в Word

  • В этом окне нужно указать количество столбцов (1 на рис. 3) и
  • количество строк (2 на рис. 3) вставляемой таблицы.

Предлагаю указать 3 столбца и 1 строку, как показано на рис. 3, после чего нужно кликнуть по кнопке «ОК» (3 на рис. 3).

После клика по кнопке «ОК» хорошо видно, что таблица из 3-х столбцов и 1-й строки добавлена в текст описания картины «Утро в сосновом лесу» (рис. 4).

Результат вставки таблицы в Ворде

Рис. 4 (кликните по рисунку для увеличения). Результат вставки в текст таблицы из 3-х столбцов и 1-й строки в Ворде.

Как вставить рисунок в таблицу в Ворде

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

  • курсор следует поставить в первую колонку таблицы (1 на рис. 5),
  • затем перейти на вкладку «Вставка» (2 на рис. 5) и
  • кликнуть по иконке «Рисунок» (3 на рис. 5).

Подготовка к вставке рисунка в таблицу в Word

Рис. 5 (кликните по рисунку для увеличения). Подготовка к вставке рисунка в первую колонку таблицы в Word.

  • Откроется дополнительное окно «Вставка рисунка», в котором нужно найти на своем компьютере вставляемый рисунок (вставляемый файл с картиной И.И. Шишкина «Утро в сосновом лесу»),
  • выделить его кликом левой кнопкой мышки (1 на рис. 6) и
  • следом кликнуть по кнопке «Вставить» (2 на рис. 6).

Окно вставки рисунка в Word

Рис. 6 (клик по рисунку для увеличения). Окно вставки рисунка в Ворде.

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

Вид рисунка вставленного в таблицу в Word

Рис. 7 (кликните по рисунку для увеличения). Вид рисунка, вставленного в клетку таблицы, в Word.

Изменение размеров рисунка, вставленного в таблицу

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

Изменение размера рисунка вставленного в таблицу

Рис. 8 (кликните по рисунку для увеличения). Изменение размера рисунка, вставленного в таблицу.

Размещение текста возле вставленной картинки в Word

Считаем, что картинка вставлена, а для рисунка задан подходящий размер (рис. 9).

Вид и размер рисунка вставленного в таблицу

Рис. 9 (кликните по рисунку для увеличения). Окончательный вид и размер рисунка, вставленного в таблицу, в Ворде.

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

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

Чтобы переместить текст первого абзаца в третью колонку таблицы, нужно выделить левой кнопкой мышки текст первого абзаца описания, а затем «подцепить» выделенный текст левой кнопкой мышки, и, не отпуская левую кнопку мышки, переместить текст в третью (крайнюю справа) колонку таблицы. Итог такого перемещения показан на рис. 10.

таблица со вставленным абзацем текста в Word

Рис. 10 (кликните по рисунку для увеличения). Вид таблицы со вставленным в третью колонку абзацем текста в Word.

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

Также можно не двигать текст мышкой, а выделить первый абзац, затем скопировать его в буфер обмена (кнопка «Вырезать» на вкладке «Главная»), установить курсор в третью колонку таблицы, а затем кликнуть по иконке «Вставить» на вкладке «Главная». Будет все то же самое: текст первого абзаца перепишется в третью колонку таблицы, только сделано это будет не так наглядно, как при перетаскивании выделенного текста с помощью мышки.

Установка расстояния между рисунком и текстом

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

Для начала установим расстояние (отступ) между картинкой и текстом справа от картинки. Для этого есть средняя колонка таблицы, которую пока еще не использовали. Именно с помощью второй колонки таблицы можно придвигать текст к рисунку или отодвигать текст от рисунка. Достаточно «подцепить» левой кнопкой мышки линию, разделяющую вторую и третью колонку таблицы, и затем подвигать мышкой влево (для уменьшения расстояния между картинкой и текстом) и вправо (для увеличения расстояния между картинкой и текстом), не отпуская левую кнопку мышки (1 на рис. 11).

Вид перемещаемой границы между второй и третьей колонкой таблицы

Рис. 11 (кликните по рисунку для увеличения). Вид перемещаемой границы между второй и третьей колонкой таблицы (перемещение границы показывается пунктирной линией).

И вот, когда подобрано требуемое расстояние между текстом и картинкой, можно отпустить левую кнопку мышки. В результате текст «стоит на своем месте», если судить пока только по расстоянию между рисунком и текстом (рис. 12).

редактирование размера рисунка и расстояния между рисунком и текстом

Рис. 12 (кликните по рисунку для увеличения). Завершение редактирования размера рисунка и расстояния между рисунком и текстом.

Данное расстояние между картинкой и текстом справа от рисунка можно в любой момент снова поправить, изменить в большую или в меньшую сторону. Также можно в любой момент изменить размер картинки, как описывалось выше, и вновь изменить расстояние между рисунком и текстом. Как иногда говорят дизайнеры, редактор Microsoft Word «работает как резиновый». Что «в переводе» с жаргонного означает, что любые размеры и любые расстояния можно менять произвольным образом в любой момент времени.

Редактирование взаимного расположения текста и рисунка

На рис. 12 ясно видно, что размер абзаца велик, длина текста слишком большая. Абзац не помещается в таблицу рядом с картинкой. В итоге текст «выползает» вниз дальше, чем картинка. Это некрасиво.

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

Выделение лишней части текста в таблице

Рис. 13 (кликните по рисунку для увеличения). Выделение «лишней» части текста, не помещающейся в вертикальный размер рисунка.

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

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

Вид текста с рисунком после переноса части текста из таблицы в текст описания

Рис. 14 (кликните по рисунку для увеличения). Вид текста с рисунком после переноса части текста из таблицы в основной текст описания.

Как сделать в тексте красивый правый край

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

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

  • клавиша <Ctrl> и
  • клавиша с изображением латинской буквы «A».

Весь текст и картинка сразу «посинеют», то есть, будут выделены. После чего нужно на вкладке «Главная» (1 на рис. 15) нажать на кнопку «По ширине» (2 на рис. 15).

Выравнивание правого края текста в Word

Рис. 15 (кликните по рисунку для увеличения). Выравнивание правого края текста в редакторе Word.

Результат описанной последовательности действий по выравниванию правого края текста описания картины показан на рис. 16.

Текст с выровненным правым краем

Рис. 16 (кликните по рисунку для увеличения). Вид текста с выровненным правым краем.

Вот теперь все в порядке. Наш текст с рисунком смотрится «как фирменный», хоть размещай в каком-нибудь журнале!

Как убрать границы таблицы в тексте с рисунком

На рис. 16 пока еще видны границы клеток таблицы. Это, во-первых, затрудняет восприятие текста и, во-вторых, выглядит не очень-то красиво. Значит, нужно убрать «следы» форматирования текста с рисунком при помощи таблицы, то есть, стереть границы в таблице. Нам предстоит сделать таблицу как бы невидимой.

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

Затем помещаем курсор мышки в правую колонку таблицы, где находится текст, и кликаем правой кнопкой. На экран выводится контекстное меню, в котором нам нужно найти и кликнуть левой кнопкой мышки по опции «Границы и заливка» (1 на рис. 17).

Изменение видимости границы таблицы в Word

Рис. 17 (кликните по рисунку для увеличения). Изменение видимости (визуализации) границы таблицы в Word.

Выплывет служебное окно «Границы и заливка» (рис. 18). Здесь требуется кликнуть сначала по иконке «нет» (1 на рис. 18), а затем по кнопке «ОК» (2 на рис. 18).

Установка невидимой границы таблицы в окне Границы и заливка

Рис. 18 (клик по рисунку для увеличения). Установка невидимой границы таблицы в служебном окне «Границы и заливка» редактора Ворд.

И вот, результат налицо. Границ таблицы больше не видно (рис. 19).

Невидимая граница таблицы в Word

Рис. 19 (кликните по рисунку для увеличения). Невидимая граница таблицы в редакторе Word.

На этом завершается форматирование текста с картинкой. Для этого были задействованы разные возможности редактора Microsoft Word:

  • вставка таблицы,
  • вставка в таблицу рисунка,
  • редактирование размеров картинки,
  • редактирование размеров таблицы и, наконец,
  • вставка и редактирование текста в таблицу.

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

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

Внимательный читатель заметит, что на самом деле граница в таблице все-таки есть. Это синий пунктир на рис. 19. Соглашусь. Объяснение этому эффекту следующее. Microsoft Word – это в первую очередь редактор текстов, редактор текстов с картинками. А значит, для пользователя компьютера должно оставаться видимым даже то, что невидимо. Иначе, как потом, спустя большой интервал времени вспомнить, глядя на текст, что тут вставлена таблица, в нее вставлена картинка, а также вставлен текст? Будем гадать, что называется «на кофейной гуще»?!

Читать:
Таймер что где когда

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

А потому кликнем по главной кнопке Ворда (1 на рис. 20) и в появившемся меню подведем курсор к опции «Печать» (2 на рис. 20). В открывшемся справа дополнительном меню кликнем по иконке «Предварительный просмотр» (3 на рис. 20).

Режим предварительного просмотра текста с рисунками в Ворде

Рис. 20 (кликните по рисунку для увеличения). Переход в режим предварительного просмотра созданного текста с рисунками в Ворде.

И вот открывается окно предварительного просмотра. После чего в этом окне нужно кликнуть по иконке «100%», чтобы добиться удобного для просмотра размера изображения (1 на рис. 21). Теперь совершенно наглядно видно, что никаких границ у таблицы, которая была создана для форматирования текста с картинкой, нет, как будто этих границ никогда и не было (рис. 21).

Текст с рисунком в режиме предварительного просмотра в Ворде

Рис. 21 (кликните по рисунку для увеличения). Вид отформатированного текста с рисунком в режиме предварительного просмотра в Ворде.

Закрывается окно предварительно просмотра кликом на красный крестик – это самая правая иконка в меню окна предварительного просмотра (2 на рис. 21). Не нужно путать данный полезный «крестик» с общим «крестиком», который расположен правее и выше. Тот «высокий» крестик закрывает сразу весь редактор Word. А нам нужно закрыть только окно предварительного просмотра, и после этого вернуться в режим редактирования текста с рисунком.

Хотя зачем туда возвращаться? Ведь уже закончено форматирование текста с рисунком. Ах да, если только попробовать сделать другой вариант форматирования текста с рисунком?!

Задание: расположить рисунок в центре таблицы

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

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

А вот что в итоге должно получиться, если выполнить поставленную задачу по размещению картинки в центре, а размещение текста сделать вокруг картинки двумя колонками слева и справа от рисунка (рис. 22).

Размещение рисунка между двумя колонками текста в Word

Рис. 22 (кликните по рисунку для увеличения). Размещение рисунка в середине между двумя колонками текста с помощью редактора Word.

Таким образом, можно использовать самые разные варианты форматирования текста с рисунками. Кому как хочется, кому как нравится.

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

Знание основных возможностей редактора Word позволяет использовать самые разные способы форматирования текстов с рисунками, о которых порой даже не подозревают!

Добавить комментарий Отменить ответ

Комментарии: 2 к “Как добавить таблицу в Word, чтобы сделать обтекание картинки текстом”

То, что здесь написано, можно найти в справке. Но если бы всё было по справке, никто бы сюда не заглядывал. Мне надо в Утверждение ввести изображение рукописной подписи. Но когда я вставляю её скопированное изображение, то никакими силами я не могу добиться сквозного обтекания, чтобы изображение было прозрачным для текста. Когда я пытаюсь использовать опцию За текстом , то изображение просто исчезает, оставив маркеры. Изображение можно вытянуть на край листа и оно частично покажется на боковом поле, вроде, как из-под листа, но подвести его под текст не удаётся. Впечатление такое, что текст и лист находятся на разных слоях. Вот в этом вся проблема.

Отсканированную подпись легко вставить в любую часть текста Word, если использовать опцию «За текстом». Проверено многократно.
Однако бывает так, что текст присылают откуда-то. Скажем, из какой-то организации присылают договор. И просят в него вставить свою псевдо электронную подпись (отсканированную подпись). Я не знаю, что в этих организациях делают с текстами Word, какие там ставят защиты от правок и прочее. Но в такие тексты, действительно, ничего не вставишь. Изредка помогает что-либо, если поэкспериментировать с опциями. Но чаще всего — увы.
В этом случае проще всего просто скопировать весь текст присланного документа, затем вставить его в другой, в новый чистый файл Word. И уже в новый файл вставлять подпись.
Если и это не помогает, то вставлять текст в новый файл нужно не просто, нажимая на кнопку «Вставить», а путем выбора из меню «Вставить». Там есть опция «Специальная вставка» — «Неформатированный текст». Такой вариант вставки прежнего текста часто «убивает» все прежние настройки. А если вставку делать через Блокнот (скопировать в Word, вставить в Блокнот, снова скопировать уже из Блокнота, и затем вставить в Word в другой файл), то тогда уж точно все прежние настройки исчезнут. Правда, и форматирование может исчезнуть полностью или частично, и нужно будет снова поработать над форматированием текста. Но зато не будет блокировок вставки рисунков и размещения их «За текстом». Кстати, попробуйте найти подобные рекомендации в справке Word…
Теперь, что касается обучения с помощью справки Word. Хороший метод, но только для его использования заранее нужно знать определенные возможности текстового редактора. Можно сравнить метод изучения Word с помощью справки с изучением иностранного языка по словарям (и только по словарям). Встречала человека, который знал наизусть словарь на 50 тысяч слов (англо-русский), не изучив грамматики, фонетики и прочего. Он так и не научился говорить по-английски, хотя переводил тексты неплохо, не заглядывая в словарь, как все остальные.
Тем не менее, языки можно учить по словарям, а Word можно изучать с помощью встроенной справки. Кому что нравится, кому как удобнее.

Фото автора блогаУважаемые читатели, рада Вас видеть! Меня зовут Надежда.

Мои бесплатные электронные курсы:
1. Компьютерная грамотность для начинающих: 30 уроков

Задайте свой вопрос здесь: Спросить. Мой ответ придет на почту, указанную вами.

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

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

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

Зачем нужно делать таблицу в photoshop

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

Кстати, если вы хотите научиться делать офигенные дизайны для сайтов, социальных сетей или улетные баннеры, то рекомендую вам пройти обучение в этой классной [urlspan]онлайн школе веб-дизайна[/urlspan]. Здесь есть много классных направлений. Поэтому вы сможете выбрать для себя то, что вам нравится. Подойдет любому, даже абсолютному новичку в фотошопе. Вам всё разжуют так, что вопросов просто не останется. А после этого вы сможете уже делать дизайны сами, предлагая свои услуги на биржах фриланса, таких как [urlspan]Кворк[/urlspan].

Мы сможем вставлять красивые картинки, делать эффекты, искривлять рамки, как сами пожелаем, и многое другое. Благодаря фотошопу, с помощью таблиц мы сможем сделать даже полноценные красочные настольные игры. Главное только придумать концепцию и сценарий, а остальное уже дело техники.

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

Как сделать простую таблицу по линиям

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

Направляющие

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

  1. Активируйте линейку. Для этого в меню «Просмотр» выберите пункт «Линейки» , либо нажмите комбинацию клавиш CTRL+R. Если они уже активированы, то ничего менять не нужно. Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам
  2. Теперь (лучше возьмите инструмент «Перемещение» ) зажмите левую кнопку мыши на верхней линейке и опустите направляющую на высоту 10. Затем, таким же образом возьмите вторую направляющую, и перетащите ее на 90. После этого из боковой линейки вытащите точно также две направляющие на длину 10 и 70 сантиметров. Сразу хочу сказать, что эти размеры я брал чисто, исходя из своего макета. У вас цифры могут быть другими. Главное, ориентируйтесь по линейкам. Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам
  3. Далее, таким же образом создайте несколько внутренних направляющих, чтобы у вас получилось равное количество строк и столбцов. У меня рассчитано 4 строки и столько же столбцов. Я начертил их с равными промежутками. Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам

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

Расчерчивание

Теперь, чтобы в фотошопе сделать таблицу по заданным размерам, нам нужно обрисовать направляющие в нужной зоне. Поэтому, идем в панель инструментов и выбираем «Фигуры» — «Инструмент Линия» .

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

Далее, выставьте параметры фигуры. Самое главное в этом деле это цвет, форма и толщина. Я поставил такие параметры (смотрите скриншот), но вы можете подогнать что-то для себя.

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

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

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

Теперь остается проделать то же самое с внутренними линиями. Главное — делать всё четко по направляющим. После этого у вас должно получиться что-то в этом роде.

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

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

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

Тинькофф Black - лучшая дебетовая карта

Не смотрите на мой фон, я его сделал от балды. Вы сможете сделать то же самое на другом фоне или картинке.

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

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

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

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

Улучшение таблицы

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

Добавление эффектов с помощью стилей слоя

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

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

Здесь вы также можете пробежаться по настройкам каждого пункта и выбрать то, что понравится вам. Например, для своей таблицы, я предпочел выбрать «Обводку» и «Тень» , после чего подстроил их по своему вкусу. Получилось примерно так.

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

Изменение рамки с помощью инструмента «Кисть»

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

  1. Возьмите инструмент «Кисть» и выберите цвет, которым вы захотите рисовать. После этого нажмите правой кнопкой мыши на холсте и выберите форму кисти из доступных, либо загрузите ее из интернета. Не забудьте поставить подходящий размер. Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам
  2. Теперь зажимаем клавишу SHIFT и начинаем чертить линии из одного конца в другой прямо понаправляющим. Направляющие притянут нашу кисточку, чтобы она была ровной, а зажатый шифт сделает линию прямой. Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам
  3. После этого можно будет убрать направляющие и снова наложить какие-нибудь стили слоя. Я решил сделать те же самые, что и в предыдущем примере, только еще и добавить тиснение. Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам

Вставка картинок в таблицу

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

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

А далее, с помощью инструмента «Перемещение» просто поставьте рисунок в ячейку.

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

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

Ну а если вы хотите прекрасно разбираться в фотошопе и без посторонней помощи работать в этом графическом редакторе, то рекомендую вам посмотреть [urlspan]эти классные видеоуроки[/urlspan]. Все уроки подойдут для любого уровня пользователя, так как рассказано всё понятным человеческим языком. Через нескольких недель вы будете плавать в фотошопе как рыба в воде.

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

Как быстро преобразовать фото в таблицу Excel

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

Задача решается буквально в пару кликов при помощи онлайн-сервисов. Например, Free Online OCR Service.

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

2018-01-20-15_21_56-Free-Online-OCR---convert-scanned-PDF-and-images-to-Word--JPEG-to-Word

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

Похожие статьи