Як зробити таблицю в фотошопі

Як зробити таблицю в «Фотошопі»? Поради та рекомендації

При створенні якогось проекту доводиться користуватися різними джерелами, засобами і програмами. Залучається будь-яка корисна інформація, не менш важливий і питання економії часу. Але трапляється так, що який-небудь об’єкт необхідно створити в додатку, яке погано адаптовано під поставлене завдання.

Припустимо, нам необхідно в графічному середовищі скласти якусь таблицю. Для багатьох стане каменем спотикання питання про те, як зробити таблицю в «Фотошопі CS6». Це досить просто, але побудова об’єкта займе більше часу, ніж в спеціалізованих програмах.

Логотип Adobe Photoshop

Як зробити таблицю в «Фотошопі»

На жаль, графічне середовище не призначена для таких дій, отже, безпосередньо створити таблицю не вийде. Добре серед нас є генії, що володіють уявою і кмітливістю. Вони-то і придумали алгоритм для вирішення поставленого питання. Відразу варто відзначити, що смарт (здійснення деяких функцій і розрахунків) таблиці створити не вийде. У ситуації, що склалася є можливість тільки створити макет.

Головна швидкого доступу

Способи створення таблиці в цій програмі існують такі:

  • Інструмент «Прямокутник». Принцип цього методу полягає в об’єднанні всіх створених фігур в одну таблицю.
  • Інструмент «Лінія». Об’єднавши намальовані лінії, можна працювати безпосередньо з таблицею.
  • Інструмент «Пензель». Створення таблиць на швидку руку.
  • Зображення з Мережі. Є можливість просто взяти готову сітку таблиці і додати її в Adobe Photoshop.
  • Побудова в інших програмах. Деякі користувачі створюють таблиці в спеціальних програмах, а потім вставляють їх за допомогою попередньої вирізки з первісної програми.

Інструмент «Прямокутник»

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

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

Інструмент «Лінія»

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

побудова таблиці

Побудова таблиці цим методом буде включати в себе наступні кроки.

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

Інші програми для побудови таблиці

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

Які кроки необхідно зробити користувачеві, щоб перенести таблицю?

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

готові таблиці

Як зробити таблицю в «Фотошопі» не вдаючись до її створення? У ряді випадків деякі користувачі звертаються до готових макетів таблиць, які можна знайти в інтернеті. Загальна методика дій майже не відрізняється від тієї, що приводилася в пункті вище — досить зберегти зображення і відкрити його в «Фотошопі», а потім просто обрізати.

Малюємо таблицю в Adobe Photoshop

Створювати таблиці рекомендується в спеціальних програмах призначених для цього — табличних процесорах. Там дуже швидко можна обробляти і налаштовувати дані, осередки, оформлення таблиці. Однак бувають такі ситуації, коли потрібно використовувати програми, не призначені для створення таблиці. Наприклад, якщо таблиця повинна мати якесь цікаве дизайнерське оформлення. Яким би Excel ні функціональним рішенням, а створити дизайнерське оформлення таблиці там дуже складно.

В цьому випадку, особливо, якщо таблиця не така вже й велика, її можна намалювати в Photoshop і зберегти як звичайну картинку.

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

Як намалювати таблицю в Adobe Photoshop

Існує кілька способів зробити таблицю в програмі Photoshop. Деякі з них мають на увазі малювання таблиці «на око». Вони рекомендуються до виконання з причин:

  • Складно точно дотримати відстань між осередками і стовпцями;
  • Важко розрахувати кількість стовпців і комірок в таблиці;
  • Можуть виникнути складнощі з наповненням вмісту комірок.

Правда, бувають винятки, коли важлива не точність в побудові таблиці, а її дизайнерське оформлення. В такому випадку налаштовувати сітки напрямні необов’язково. Ми ж постараємося зробити таблицю з усіма напрямними, щоб бути найбільш точними.

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

Етап 1: Створення документа

Тут немає нічого складного і з цим напевно впораються навіть ті, хто з Фотошопом ледь знаком. Суть полягає тільки в правильному налаштуванні створюваного файлу:

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

    Етап 2: Установка напрямних

    Для початку рекомендується налаштувати сітку та інші напрямні, щоб таблиця вийшла максимально рівною. За замовчуванням сітки і напрямні відключені. Давайте для початку включимо сітку:

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

  3. Робочий полотно буде розкреслений як зошит. Також великі клітини діляться на більш дрібні, що досить зручно.
  4. Найчастіше цієї сітки вистачає, щоб накреслити рівну таблицю за допомогою інструментів Фотошопа, але не завжди. Іноді вам можуть знадобитися окремі напрямні, які включаються і налаштовуються наступним чином:

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

    Щоб зробити першу напрямну, потягніть ліву або верхню лінійку в потрібну сторону. Ви побачите, що з’явиться синя линяючи. Тягніть її на потрібну позицію.

  5. За аналогією створіть власну сітку, яку будете використовувати далі для малювання таблиці.
  6. Лінії напрямних можна видаляти або змінювати їх місцями. Для цього просто перетягніть напрямну лінію в сторону однієї з лінійок. Вона після цього піде.
  7. За допомогою лінійок, розташованих збоку і в верху можна легко відміряти відстані.

    Етап 3: Промальовування ліній

    Тепер вам потрібно намалювати лінії по доданим напрямних. Це зробити дуже просто:

      У лівій панелі виберіть інструмент «Пряма лінія». Як її вибрати показано на скріншоті. Щоб з’явилося дане вікно, потрібно натиснути правою кнопкою миші по виділеній області.

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

    1. Натисніть «Перегляд». З контекстного меню перейдіть до «Прив’язати до».
    2. З з’явився підміню потрібно буде вибрати «направляти».

    Етап 4: Заповнення таблиці контентом

    Готову табличную сітку швидше за все потрібно заповнити якимись даними, щоб вона була більше схожа на реальну таблицю. Давайте для початку розглянемо, як її трохи урізноманітнити в плані дизайну. Наприклад, часто можна зустріти заповнені осередки якимось кольором. Якщо вам потрібно зробити аналогічне рішення в своїй таблиці, то скористайтеся цією інструкцією:

    1. У лівій панелі інструментів виберіть «Прямокутник».
    2. У верхній панелі настройки інструменту вам потрібно буде обведення у прямокутника і встановити потрібний колір заливки.

  13. Тепер намалюйте цей прямокутник поверх потрібної вам області. Намагайтеся робити це так, щоб область заливки не виходила за межі необхідної осередки. Для зручності можна знову підключити видимість напрямних.
  14. Так як прямокутник може трохи залазити на лінії таблиці, розмістіть його шар під злам з лініями.
  15. За аналогією заповніть інші осередки, які вам потрібно зафарбувати.
  16. Швидше за все у вашій таблиці повинен бути присутнім якийсь текст або інші дані. Заповнити їх можна наступним чином:

    1. Знову перейдіть до лівої панелі з інструментами і натисніть там на інструмент «Текст». При необхідності можна використовувати і деякі інші варіації цього інструменту, наприклад, вертикальний текст.
    2. Тепер потрібно почати писати текст. Це можна зробити декількома способами:
      • Просто поставити курсор в потрібне місце і почати друкувати. Тоді текст буде друкуватися без переносів і з мінімальним вирівнюванням. Правда, переноси можна робити за допомогою клавіші Enter. Даний метод підходить більше для невеликих текстів;
      • Якщо в блоках потрібно розмістити багато тексту, то вам краще всього виділити ту область, в якій ви будете його друкувати. Для цього просто затисніть ліву кнопку миші і намалюйте область для тексту. Почніть друкувати, текст не буде виходити за її межі.
      • При необхідності відформатуйте текст, як вам потрібно. Можна налаштувати вирівнювання, колір, підкреслення, накреслення, шрифт, міжрядковий і інтервали між буквами, висоту і ширину символів. Детально описувати кожен інструмент по роботі з оформленням тексту не має сенсу.

      Тепер залишилося зберегти готову таблицю або зробити будь-яке додаткове дизайнерське оформлення. Якщо що, то ось невелика інструкція по коректному збереженню готової таблиці:

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

      Примітка. PSD — це вихідний файл Фотошопа, тобто тут є доступ до всіх верств і елементам, які ви використовували в роботі. Він буде потрібен в тому випадку, якщо вам потрібно раптом внести зміни в роботу.

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

      Як намалювати таблицю в Фотошопі

      kak-narisovat-tablitsu-v-fotoshope

      Якщо така необхідність виникла, то вивчіть цей урок і більше не будете мати труднощів у створенні таблиць в Фотошопі.

      Варіантів створення таблиці небагато, всього два. Перший — зробити все «на око», витративши при цьому купу часу і нервів (перевірено на собі). Другий — трохи автоматизувати процес, тим самим заощадивши і те й інше.

      Природно, ми, як професіонали підемо іншим шляхом.

      Для побудови таблиці нам знадобляться напрямні, які будуть визначати розміри самої таблиці і її елементів.

      Для точної установки напрямної лінії необхідно пройти в меню «Перегляд», знайти там пункт «Нова спрямовуюча», задати значення відступу і орієнтацію ..

      І так для кожної лінії. Це довго, так як напрямних нам може знадобитися дуже, дуже багато.

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

      risuem-tablitsu-v-fotoshope

      У вікні, в випадаючому списку вибираємо «Меню програми», шукаємо пункт «Нова спрямовуюча» в меню «Перегляд», натискаємо по полю поруч з ним і затискаємо потрібну комбінацію так, як якщо б ми її вже застосували. Тобто затискаємо, наприклад, CTRL, а потім "/». Саме таку комбінацію я і вибрав.

      risuem-tablitsu-v-fotoshope-2

      По завершенню натискаємо «Прийняти» і ОК.

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

      risuem-tablitsu-v-fotoshope-3

      потім натискаємо CTRL + /, і у вікні, прописуємо значення для першої направляючої. Я хочу задати відступ в 10 пікселів від краю документа.

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

      Далі необхідно вирахувати точну відстань між елементами, керуючись їх кількістю і розміром контенту.

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

      risuem-tablitsu-v-fotoshope-6

      Якщо у вас до сих пір не включені лінійки, то активуйте їх сполучення клавіш CTRL + R.

      У мене вийшла ось така сітка:

      risuem-tablitsu-v-fotoshope-7

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

      risuem-tablitsu-v-fotoshope-8

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

      risuem-tablitsu-v-fotoshope-9

      Налаштовуємо товщину лінії.

      risuem-tablitsu-v-fotoshope-10

      Вибираємо колір заливки і штриха (штрих вимикаємо).

      risuem-tablitsu-v-fotoshope-11

      І тепер, на щойно створеному шарі малюємо таблицю.

      Робиться це так:

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

      risuem-tablitsu-v-fotoshope-12

      risuem-tablitsu-v-fotoshope-13

      Порада: для зручності роботи включите прив’язку до напрямних. В цьому випадку не доведеться тремтячою рукою шукати кінець лінії.

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

      risuem-tablitsu-v-fotoshope-14

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

      Ми раді, що змогли допомогти Вам у вирішенні проблеми.

      Додайте сайт Lumpics.ru в закладки і ми ще придамося вам.
      Віддячите автора, поділіться статтею в соціальних мережах.

      Опишіть, що у вас не вийшло. Наші фахівці постараються відповісти максимально швидко.

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