Как создать прайс лист в фотошопе. Как сделают простую табличку начинающие. Прайс в зависимости от курса валют
Детали урока
Использованное ПО: Adobe Photoshop CS6
Сложность: средняя
Примерное время выполнения: 1 час
То, что мы будем создавать
Фотошоп часто используется для создания графики и макетов при веб-дизайне. Данный урок по фотошопу описывает процесс создания при помощи комбинирования векторных фигур и стилей слоя, прайс-листа для хостинговой компании. Итак, приступим!
Шаг 1: Подготовка
Начнем с создания нового документа (Command/Ctrl + N) размером 800x600 пикселей.
Ша2
Добавьте слой коррекции Цвет (Solid Color), который будет использован в качестве фона. Задайте цвет #f7f8eb.
Шаг 3
Скачайте бесплатный пиксельный узор. Затем дважды кликните по корректирующему слою, чтобы применить к нему стиль слоя Наложение узора (Pattern Overlay).
Шаг 4
Создайте новый слой и залейте его черным цветом. Пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise).
Шаг 5
Задайте на палитре слоев Режим наложения (Blend mode) – Экран (Screen).
Шаг 6: Основа
Приступаем к созданию основы. Начертите скругленный прямоугольник радиусом 10 пикселей. Залейте его очень светлым синим цветом, без обводки.
Шаг 7
Дважды кликните по данному слою, чтобы открыть окно стилей слоя. Примените стили слоя Обводка (Stroke) и Внутренняя тень (Inner Shadow) с приведенными ниже настройками.
Шаг 8: Панель заголовка
Продублируйте эту фигуру и измените цвет копии. Создайте в ее нижней части еще один прямоугольник, задав режим рисования “Вычесть из области фигуры” (Subtract). У нас получилась вот такая небольшая панель.
Шаг 9
Примените к ней стили слоя Обводка (Stroke), Внутреннее свечение (Inner Glow) и Наложение градиента (Gradient Overlay) с приведенными ниже настройками.
Ниже вы можете увидеть результат применения к панели заголовка стилей слоя.
Шаг 10
Добавьте текстовый заголовок прайс листа. Придайте ему эффект тиснения за счет применения стиля слоя Тень (Inner Shadow).
Шаг 11: Информация о ценах
Теперь, задав больший шрифт, добавьте саму цену. Используйте серый цвет средней насыщенности. Примените к этому слою стили слоя Внутренняя тень (Inner Shadow), Тень (Inner Shadow) и Тиснение (Bevel and Emboss).
Ниже вы можете увидеть разницу до и после применения стилей слоя.
Шаг 12
Добавьте к цене какую-либо дополнительную информацию.
Шаг 13: Перечень (Позиции)
Продублируйте слой с основой и измените ее цвет на #f0f0f0. Начертите поверх дубликата вот такие круг и прямоугольник в режиме Вычесть из области фигуры (Subtract).
Шаг 14
Примените стили слоя Обводка (Stroke), Внутреннее свечение (Inner Glow) и Наложение градиента (Gradient Overlay).
Шаг 15
Создайте поверх этой фигуры новый слой. Прокрасьте верхнюю часть фигуры белым цветом. Нажатием Command/Ctrl + Alt + G преобразуйте этот слой в обтравочную маску. Теперь создайте еще один новый слой под этой фигурой и черными цветом добавьте ей тень.
Вот результат в масштабе 100%.
Шаг 17
Разделите каждую позицию в списке 1-пиксельной черной линией.
Шаг 18
Убедитесь, что линии все еще активны, затем кликните по вот этой кнопке Другие параметры (More Options) и выберите пунктирную линию.
Шаг 19
Создайте для слоя с линиями слой-маску и прокрасьте правые и левые концы линий черными цветом.
Шаг 20: Кнопка
Начертите скругленный прямоугольник цвета #a7bed5.
Шаг 21
Примените к фигуре стили слоя Обводка (Stroke), Внутреннее свечение (Inner Glow) и Наложение градиента (Gradient Overlay).
Шаг 22
Продублируйте кнопку, расположите копию под оригиналом и сдвиньте ее на несколько пикселей вниз.
Шаг 23
Примените к этой фигуре такие же стили слоя, как и к первой, только увеличьте Непрозрачность (Opacity) стиля слоя Наложение градиента (Gradient Overlay), чтобы сделать ее темнее.
Так же, чтобы добавить мягкую тень вокруг кнопки, мы применим стиль слоя Тень (Inner Shadow).
Вот как она должна выглядеть в итоге.
Шаг 24
Нанесите на поверхность кнопки текст. Примените к нему Тень (Inner Shadow), чтобы придать ему эффект тиснения.
Шаг 25
Выделите все слои, относящиеся к созданному прайс-листу, и нажатием Command/Ctrl + G объедините их в одну группу. Теперь, удерживая Alt, перетащите группу в сторону, создавая ее копию. Создайте, таким образом, 3 таблицы.
Шаг 26
Конечно же, они не должны быть идентичными, поэтому измените содержащуюся в них информацию о ценах.
Шаг 27
Теперь давайте как-нибудь выделим один из созданных тарифных планов. Для этого выдвиньте второй по счету план немного вверх. Выровняйте нижний край панели его заголовка по верхним краям двух других панелей.
Шаг 28
Нам следует позаботиться о том, что бы позиции в списке цен так же были выровнены. Выделите строку текста и линию под ним, и сметите их, выравнивая по соседним. У вас должно оставаться немного свободного пространства, куда будет добавлена дополнительная информация.
Шаг 29
Так же измените положение кнопки.
Шаг 30
Подкорректируйте фигуру основы, сделав ее чуть выше.
Шаг 31
Добавьте дополнительную информацию.
Шаг 32
Натяните правую грань второй таблицы с ценами поверх левой грани первой таблицы.
Шаг 33
Ниже вы можете увидеть результат до и после модификации фигур.
Шаг 34
Далее еще немного приподнимем выделенный тарифный план, придав ему чуть более удлиненный вид за счет добавления тени. Сначала, удерживая Command/Ctrl, кликните по иконке слоя с основой выделенного тарифного плана на палитре слоев, чтобы образовать выделенную область.
Доброго времени суток, уважаемые читатели. Сегодня вы на конкретном примере сможете увидеть чем отличается процесс работы новичков от тех, кто потратил достаточно времени на изучение.
Вы также сможете убедиться насколько важны углубленные знания фотошопа. Они сделают вашу работу не только красивее, но и в разы проще. Я думаю этого будет достаточно, чтобы вас заинтересовать.
Не терпится приступить к рассказу о том, как в фотошопе сделать таблицу. Использовать ее можно как в качестве части , так и стильного самостоятельного элемента. Приступим?
Как сделают простую табличку начинающие
Открываем картинку в Photoshop. У меня стоит CС, но насколько я знаю визуально он почти не отличается от CS6. Моя версия считается , профессиональной и крутой, но, откровенно говоря, о большинстве этих профессиональных функций я даже и не знаю. Вернемся к таблицам. Эту программу можно осваивать бесконечно.
Теперь нажмите одновременно на Ctrl и R, чтобы в основном окне у вас появилась линейка. Еще раз щелкните на сочетание этих клавиш, она скроется. Однако совсем скоро линейка будет крайне нужна и полезна.
Первым делом я нарисую форму, в которой будет располагаться моя таблица для каких-то значений. Этого делать не обязательно, но думаю, что при использовании конкретного примера результат будет выглядеть значительно лучше. Если оставить фото таким, какой он есть, то саму таблицу будет плохо видно.
Итак, на несколько секунд я удерживаю левую клавишу мыши на нужной кнопке, под которой прячется прямоугольник со скругленными углами, и выбираю его.
Рисую фигуру.
И уменьшаю непрозрачность, чтобы фон картинки все же остался виден.
Перемещаю изображение в центр. Обращайте внимание на красные линии сечения. Они появляются сами собой и подсказывают как выставить объект ровно.
В фотошопе можно использовать и свои дополнительные линии, их-то нам и нужно будет создать. Называются они направляющими, и исчезают, когда это нужно автору проекта, и появляются.
Что необходимо сделать? Вы кликаете левой кнопкой мыши на линейке и удерживая клавишу ведете вниз, то того значения на линейке, которое необходимо.
Чтобы будущая таблица была ровной, по размеру, используйте при рисовании кнопку Shift. В этом случае направляющие не съедут на доли пикселей, а будут «прилипать» к круглым числам.
Закончили.
Теперь выбираем инструмент «Линия».
Я создаю новый слой, чтобы нарисовать таблицу.
У инструмента «Линия» много настроек. Обычно я использую заливку и толщину, без обводки и остальных. Так проще.
Теперь нужно вести по направляющим, удерживая кнопку Shift. Во-первых, прямые будут ровными, а, во-вторых, для каждой палочки не будет создаваться отдельный слой.
Кстати, Shift можно удерживать только когда рисуете. Нажали и начали водить левой кнопкой мыши. Отпустили. Снова зажали. Подключили мышь.
Чтобы убрать направляющие, нажмите Ctrl+H. Это же сочетание клавиш включает их обратно.
Табличка будет красивее, если добавить тень.
Выставляйте свои значения, экспериментируйте, ищите дополнительные и разные функции. Если справа поставить галочку на «Просмотр», то можно следить за изменениями прежде, чем вы сохраните их.
Осталось немного. Если хотите таблицу с текстом – выбирайте соответствующий инструмент.
Сверху выставляйте шрифт и размер.
И готово.
Можете скачать мой PSD-макет, открыть его в фотошопе и либо использовать, либо менять под себя, либо просто осмотреть (СКАЧАТЬ ).
А сейчас я покажу вам вариант поинтереснее! Не все знают о дополнительных настройках, а между тем они есть!
Как сделают люди со знаниями
При создании этой статьи я наткнулся на несколько публикаций и почти везде были почти такие же мануалы, как я представил вам выше. Так работают новички или просто ленивые копирайтеры, которым впадлу задуматься или хотя бы посмотреть что-то дополнительно.
Я хочу показать вам более удобную альтернативу. Смотрите. Открываем фотку и в разделе «Просмотр» выбираем «Новый макет направляющей».
Тут можно вписать количество столбцов.
Добавить строки.
А также выставить отступы от краев рисунка.
Первое время придется поковыряться, чтобы понять что тут и как. Советую это сделать. Полезный навык, существенно ускоряет работу и делает таблицу ровной буквально за пару минут. При учете, что вы обладаете навыками.
Не отчаивайтесь, если времени уже потрачено уйма, а ничего не выходит. Можно взять инструмент «Перемещение» и подвинуть линию вручную.
Просто тащите и не забывайте про Shift.
Теперь можно взять прямоугольник со скругленными углами.
Нарисовать две колонки.
Убавить непрозрачность. Естественно, это не обязательно, но я обожаю этот эффект.
Кликнув на первый прямоугольник и тем самым активировав его, создайте новый слой. Он должен располагаться именно над этим слоем. Как на рисунке.
Теперь выбираем прямоугольное выделение и рисуем шапку. Не обращайте внимания на ровность границы. Все поправится в процессе.
Берем заливку и кликаем внутри выделенной области. Следите, чтобы активным был именно новый слой.
Теперь зажимаете Alt и наводите курсор между двумя слоями одной фигуры (левым столбцом и новым, шапкой с заливкой). Курсор должен преобразоваться в прямоугольник со стрелкой вниз. Как только это случится нажимаете на левую кнопку мыши. В результате должен получиться вот такой эффект.
То же самое проделайте со вторым столбцом.
Активируете, создаете новый слой.
Выделение. Заливка.
Создаете обтравочную маску. Да, только сейчас вы научились это делать.
Готово. Убираем направляющие.
Таблица готова и в ней текст с рисунками.
Можете скачать этот PSD-макет .
Как вы видите, знания фотошопа очень важны. Именно поэтому я настоятельно, из раза в раз советую вам изучать инструменты. Это скучно, а потому сделайте этот процесс максимально быстрым и комфортным. Подробную статью о том, как это сделать, вы можете найти в моем блоге. Создана она совсем недавно.
Знаете, что отличает успешного человека от всех остальных? Он сумел получить те знания, которые остальным кажутся невыносимо скучными. Если вы хотите стать профессионалом, обратите внимание на курс Зинаиды Лукьяновой «Фотошоп с нуля 3.0» и узнайте все, что только можно об инструментах.
Это базовые знания, основы, без которых дальнейший путь в целом, и уж тем более заработок, невозможен.
Если вас интересует фотошоп и вы задумываетесь , то советую вам бесплатный курс, который поможет «въехать» в профессию. Понять что от вас потребуется и каким образом этого достичь «ПРОФЕССИЯ ВЕБ-ДИЗАЙНЕР ЗА 10 ДНЕЙ» .
Значительно прибыльнее уметь придумать задачу и самостоятельно догадаться каким образом ее можно решить. В противном случае вы будете бесконечно работать за копейки, если не бесплатно, и повторять за другими. Одни и те же приемы. Одни и те же методы.
Развивайте собственную фантазию и зарабатывайте больше.
Программа Adobe Photoshop является лучшим выбором для создания визитки. Особенно для начинающих. У программы есть недостаток - она платная и поэтому возникает проблема с приобретением старых версий. В тоже время мы рекомендуем версию Photoshop CS3. Дальше мы считаем, что данная программа у Вас есть и продолжаем.
Предварительно создайте папку "Исходники", в неё вы сохраните всё промежуточные и окончательные результаты. Подготовьте предварительно тексты с информацией на визитку, рекомендует текстовые редакторы с проверкой орфографии.
1. Шаг: Откройте программу.
2. Шаг: Создайте файл-макет визитки
3. Шаг: Введите все значения как на картинке:
4. Шаг: Теперь необходимо выставить направляющие. Направляющие - линии, которые помогут Вам, сориентировать текст на макете и не попасть под обрез при печати. Направляющие не печатаются.
Повторите процедуру 4 раза. Необходимы направляющие: Вертикальная 5 мм., Вертикальная 89 мм., Горизонтальная 5 мм., Горизонтальная 49 мм.;
Макет с направляющими должен выглядеть как на картинке ниже. Прямоугольник внутри направляющих это область для размещения текстов и логотипов (вся информация, которую нельзя обрезать).
При желании: Вы можете повернуть холст и получить вертикальный макет. (Команда: Изображение/Повернуть холст).
При нежелании делать предыдущие действия, Вы можете скачать этот макет пустой визитки с направляющими и продолжить урок.
5. Шаг: Теперь выбираете инструмент "Горизонтальный текст":
Щелкаете в центре экрана и вводите текст, который Вас интересует.
Выбрать шрифт, установить стиль, размер и т.д. Вам поможет панель №1.
После того, как текст вставлен, нужно завершить ввод, нажав на кнопку в виде галки №2 .
Для дополнительно работы со свойствами шрифтов можно вызвать всплывающую панель шрифты №3.
6. Шаг: Обязательно! Посмотрите, какие шрифты Вы используете и скопируйте их в папку с исходниками. Ваши шрифты обычно находятся в папке Windows/Fonts/
Пример (простой способ перейдите по ссылке , скачайте понравившейся шаблон и просто измените текст на Ваш):
Блоки можно выравнивать согласно Вашим предпочтениям, помочь в этом призваны направляющие, которые мы с Вами ввели в самом начале. Подробнее об направляющих в следующих уроках.
Перемечать текстовые блоки Вам поможет инструмент "Перемещение".
И так мы с Вами получили классическую визитки без графики.
7. Шаг: Теперь необходимо сохранить её в папке исходники. Для этого выберите команду "Файл/Сохранить как" и сохраните файл с названием "Исходник.psd " в папке Исходники.
8 . Шаг: Повторно сохраните файл в папке сняв галочку "Слои" в окне параметров сохранения. Название файла "На печать.psd "
Разница в двух файлах заключается в следующем: файл исходник нужен для внесения изменений (новый сотрудник), файл "на печать" сделан со слитыми слоями, то есть все данные на нём представлены в виде картинки и внести изменения в него простым редактированием уже не получится. Но в тоже время на всех компьютерах он откроется так же как и у Вас (за исключением настроек монитора).
Программа Excel часто используется для создания прайсов – таблиц, в которых указаны основные характеристики товара и его цена. Создание прайса – несложная задача, но она может усложниться, если стоимость товара зависит от курса валют.
Рассмотрим, как быть в таком случае, а также научимся создавать красивые прайсы с изображениями товаров.
Как сделать прайс в Excel с картинками
Есть два способа.
Прайс с постоянными картинками
Допустим, у нас есть небольшой подготовленный прайс.
В графе КАК ВЫГЛЯДИТ будем размещать картинки. На вкладке ВСТАВКА кликаем РИСУНОК. Появляется окно, предлагающее выбрать изображение с компьютера. Выбираем его. Появляется огромная картинка, которую можно уменьшить, потянув за уголок, а также переместить.
Делаем так, чтобы картинка аккуратно вписалась в нужную ячейку. Хотя, правильно будет говорить НА ячейку, потому что фактически, если кликнуть на С3, она будет пустой. Аналогично подгружаем остальные картинки. Получаем красивый прайс.
Прайс с появляющимися картинками
Второй вариант создать прайс лист в Excel с фото. Мы добавим к прайсу примечания, которые будут представлены в виде изображений. И появляться они будут при наведении на название товара.
Стоя на ячейке с названием первого товара, правой кнопкой вызываем контекстное меню и выбираем ВСТАВИТЬ ПРИМЕЧАНИЕ. Появляется такое окошко.
Кликаем правой кнопкой по рамке примечание (именно по рамке, а не внутри окна), выбираем ФОРМАТ ПРИМЕЧАНИЯ – ЦВЕТА И ЛИНИИ. Открываем графу ЦВЕТ и выбираем самый нижний вариант: СПОСОБЫ ЗАЛИВКИ.
Появится еще одно окно, в котором во вкладке РИСУНОК надо выбрать рисунок из файлов компьютера.
И нажимаем везде ОК. Делаем то же самое для остальных товаров. В итоге в каждой ячейке с названиями в углу появится красный треугольник. А при наведении на ячейку будет появляться изображение товара.
Прайс в зависимости от курса валют
Иногда цены на предприятии очень зависят от курса валют. И во время продажи товара учитывается курс, который есть на тот момент. Как сделать так, чтобы в Excel постоянно показывался актуальный курс?
Видоизменим таблицу, проставив цены в евро. Рядом будет столбец, где будет прописываться актуальная цена в рублях. Для начала сделаем заготовку.
На вкладке ДАННЫЕ выбираем пункт ИЗ ИНТЕРНЕТА (в других версиях Excel может быть написано ИЗ ВЕБА).
В появившемся браузере вбиваем в поисковой строке www.cbr.ru/currency_base/dynamics.aspx (сайт Центробанка России). Открывается сайт, на котором нам нужно найти ссылку КУРСЫ ВАЛЮТ, кликнуть по ней. Откроется окно, в котором надо выбрать ДИНАМИКА ОФИЦИАЛЬНОГО КУРСА ЗАДАННОЙ ВАЛЮТЫ.
Выбираем нужную валюту и интервал, за который нам нужны данные. Т.к. нам важны только актуальные данные, можно поставить, например, с 27.02.2016 по 27.02.2016. Но для наглядности захватим одну неделю. Нажимаем ПОЛУЧИТЬ ДАННЫЕ. Появляется таблица, которую нужно выгрузить и синхронизировать. Чтобы это сделать, сначала надо эту таблицу выделить при помощи значка в виде черной стрелки на желтом фоне. Находим ту стрелочку, которая выделит нам нужную таблицу (в некоторых версиях Excel выделяется сразу вся страница), а затем щелкаем на СОХРАНИТЬ ЗАПРОС (в верхнем правом углу).
Сохраняем запрос в компьютере под именем, например, CBR с расширением.IQY.
Теперь заходим в эту папку (C:\Users\MyUserName\AppData\Roaming\Microsoft\Запросы) и открываем запрос при помощи блокнота. Откроется код, в котором нам важно заменить конечную дату на плавающую (динамическую). Даем ей имя поля, в котором в будущем у нас будет записываться дата. Пусть оно так и называется – ДАТА.
Сохраняем изменения. Закрываем файл. Возвращаемся к Excel. На вкладке ДАННЫЕ выбираем СУЩЕСТВУЮЩИЕ ПОДКЛЮЧЕНИЯ. В появившемся окне нажимаем НАЙТИ ДРУГИЕ и выбираем запрос, который мы назвали cbr.iqy. Перед тем, как подключиться, программа спросит, куда помещать запрос (можно выбрать любую свободную ячейку) и попросит указать значение параметра, который мы изменили в блокноте (в нашем случае это ДАТА).
В качестве ДАТЫ выбираем любую свободную ячейку, куда мы впоследствии будем вбивать нужную нам дату. Не забываем проставить галочки, чтобы значение курса евро обновлялось при каждом заходе в Excel.
Нажимаем ОК, и на листе появляется информация с сайта cbr.ru. Удаляем все лишнее, оставляя только табличку с курсами евро. А в ячейку D1, где у нас должна быть динамическая дата, вбиваем формулу.
Т.к. в формуле используется функция СЕГОДНЯ, Excel будет автоматически обновлять запрос с сайта Центробанка каждый раз при смене даты. Т.е. ежедневно в таблице будут появляться новые данные. Т.к. 28.02.2016 – это воскресенье, новых данных у Центробанка нет, поэтому конечным значением является курс евро на 27.02.2016.
Как пользоваться прайсом
Для того чтобы пользоваться полученными данными, произведем еще одно дополнительное действие. Справа от таблицы с курсом валют сделаем заготовку. Напишем дату, например, 27.02.2016, а в соседней ячейке формулу с использованием функции ВПР.
Теперь все готово для того чтобы, наконец, узнать цену товара в рублях. В ячейку D4 вводим формулу, которая умножает цену в евро на курс. Дополнительно используем команду ОКРУГЛ, чтобы округлить получившуюся стоимость до рублей (без копеек). Протягиваем на остальные товары.
Располагать таблицу, которая обновляется каждый день, можно в любом месте листа или книги. Делать заготовки тоже можно по-разному, создавать подписи или примечания к ним.
Создание таблиц в различных программах, специально предназначенных для этого, дело достаточно простое, но, по каким-то причинам нам понадобилось нарисовать таблицу именно в программе Фотошоп.
Если такая необходимость возникла, то изучите этот урок и больше не будете иметь трудностей в создании таблиц в Фотошопе.
Вариантов создания таблицы немного, всего два. Первый – сделать все «на глаз», потратив при этом кучу времени и нервов (проверено на себе). Второй – немного автоматизировать процесс, тем самым сэкономив и то и другое.
Естественно, мы, как профессионалы пойдем по второму пути.
Для построения таблицы нам понадобятся направляющие, которые будут определять размеры самой таблицы и ее элементов.
Для точной установки направляющей линии необходимо пройти в меню «Просмотр» , найти там пункт «Новая направляющая» , задать значение отступа и ориентацию…
И так для каждой линии. Это долго, так как направляющих нам может понадобиться очень, очень много.
Хорошо, не буду больше тянуть время. Нам нужно на данное действие назначить сочетание горячих клавиш.
Для этого идем в меню «Редактирование»
и ищем внизу пункт «Клавиатурные сокращения»
.
В открывшемся окне в выпадающем списке выбираем «Меню программы», ищем пункт «Новая направляющая» в меню «Просмотр» , кликаем по полю рядом с ним и зажимаем нужную комбинацию так, как если бы мы ее уже применили. То есть зажимаем, к примеру, CTRL , а затем «/ ». Именно такую комбинацию я и выбрал.
По завершению нажимаем «Принять» и ОК .
Затем нажимаем CTRL+/ , и в открывшемся окне прописываем значение для первой направляющей. Я хочу задать отступ в 10 пикселей от края документа.
Для удобства расчетов перетащите начало координат из угла, указанного на скрине, на пересечение первых направляющих, определяющих отступ:
Если у вас до сих пор не включены линейки, то активируйте их сочетанием клавиш CTRL+R .
У меня получилась вот такая сетка:
Теперь нам необходимо создать новый слой, на котором и будет находиться наша таблица. Для этого нажимаем на значок в нижней части палитры слоев:
Рисовать (ну, ладно, чертить) таблицу мы будем инструментом «Линия» , он имеет наиболее гибкие настройки.
Настраиваем толщину линии.
Выбираем цвет заливки и штриха (штрих выключаем).
И теперь, на только что созданном слое рисуем таблицу.
Делается это так:
Зажимаем клавишу SHIFT (если не зажать, то каждая линия будет создаваться на новом слое), ставим курсор в нужное место (сами выберите, откуда начать) и проводим линию.
Совет: для удобства работы включите привязку к направляющим. В этом случае не придется дрожащей рукой искать конец линии.
Таким же образом рисуем остальные линии. По завершению работы направляющие можно отключить сочетанием клавиш CTRL+H
, а если они понадобятся, то снова включить этой же комбинацией.
Наша таблица:
Данный способ создания таблиц в Фотошопе поможет вам значительно сэкономить время.