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

Програма "Фотошоп" - універсальне рішення для створення графічних зображень і обробки картинок. Іноді виникає необхідність розмістити в малюнку таблицю. Які в 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.

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

До слова, при необхідності таблицю нескладно тим чи іншим способом модифікувати. Наприклад, в нашому випадку видно, що крайній правий стовпчик має вдвічі меншу ширину, ніж інші.

Його можна, таким чином, збільшити або прибрати з таблиці - залишивши ті, що мають однакові розміри. Рішення даного завдання здійснюється за тим же принципом, що і корекція прогалин.

Потрібно вибрати шар, відповідний контуру. Після, активувавши опцію Show Transform Controls, змінити ширину таблиці.

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

Можна, звичайно ж, і збільшити крайній правий стовпчик вихідної таблиці. Спочатку - розтягнувши контур.

Потім - "дотягнувши" до нього лінії рядків.

Можна змінити структуру таблиці, "об'єднавши" осередки або стовпці - також за допомогою регулювання довжини ліній. При необхідності - Домальовуючи нові, які теж будуть утворювати додаткові шари.

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

заповнення таблиці

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

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

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

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

Після закінчення роботи можна вимкнути режим сітки.

Отже, тепер ми знаємо, як намалювати таблицю в Photoshop. Оптимально буде зберегти її як проект - в форматі PSD, а потім працювати з копіями відповідного файлу. Можна буде, наприклад, растеризувати шари, що складають таблицю, і склеїти їх за допомогою опції Merge, після чого вона перетвориться в цілісний графічний об'єкт.