Привет Хабр! На этот раз я хотел бы поделиться с вами интересным способом создания большого количества шаблонных картинок с разными данными за очень короткий промежуток времени с использованием небольшого количества программирования.
Начнем с того, что у некоторых людей иногда возникает задача сделать множество однотипных картинок, похожих по структуре, но разного содержания, и это отнимает много времени.
Более того, зачастую данные для этих картинок находятся в Excel или могут быть в него экспортированы.
Собственно, с его помощью мы и создадим волшебство создания контента.
Сразу оговорюсь: все примеры шуточные и не похожи на реальное содержание.
Я не дизайнер и эта статья о принципе работы, а не о том, как делать отличный контент. Я уверен, что комбинируя разные элементы, красивый текст и хорошие картинки, вы легко сможете создавать картинки, выполненные в одном, со вкусом оформленном стиле.
Есть приложения с похожим функционалом, но возможно этот урок будет кому-то полезен, тем более что здесь все можно настроить)
Настройка «набора данных»
Сначала давайте подготовим таблицу Excel с данными.Он должен быть прямоугольным: количество ячеек в каждой строке должно быть одинаковым, без пробелов.
В первой строке указываем название колонки, желательно лаконично и одним словом.
Число столбцов не должен превышают 13 (или около того, точно не помню).
Ячейки могут содержать любой текст или путь к изображению на вашем компьютере.
Не забудьте указать разрешение файла.
Например, я сделал следующий набор данных: 
Затем сохраните это действие в формате CSV (через запятую).
На самом деле подойдет любой CSV, главное смотреть на разделитель.
Фотошоп принимает только разделители-запятые и, по моим наблюдениям, только формат txt, но об этом позже.
Стоит обратить особое внимание на пустые строки после таблицы.
Они не должны существовать.
Проверить их наличие и удалить можно, открыв сохраненный файл через блокнот (там будет что-то вроде ';;;;;;;;') 
Некоторый код
Поскольку с первого раза все правильно настроить вряд ли получится, плюс Excel — не лучший способ генерации случайных данных и их обработки, для обработки полученного файла воспользуемся Python-скриптом.В конкретном случае я смоделировал проблему, что некоторые имена написаны в неполной форме (не Дмитрий, а Дима), а некоторые - в полной форме.
Давайте прочитаем файл, разделив каждую строку знаком ";" разделитель.
Здесь, если честно, это, наверное, моя личная проблема, потому что при сохранении в формате CSV разделителем является запятая, через Excel разделитель остается такой же, как и точка с запятой.
Поэтому я разбиваю по нему строки таблицы и дальше обрабатываю имена.
Вам следует открыть CSV с помощью Блокнота и посмотреть, какой у вас разделитель.
Поскольку строки похожи друг на друга, вы можете безопасно получить доступ к определенному слову через индексы.
Я создал словарь имен и если имя написано не полностью, то заменяю его полной версией.
Затем записываю полученные строки через запятую обратно в файл.
Здесь вам не придется открывать старый файл, как это сделал я, а сразу сохраните его в новом текстовом редакторе, это будет еще проще.
На этапе модификации данных вы можете трансформировать их по своему усмотрению.
Важно: не трогайте первую строку, она должна оставаться такой, как есть, если не изменены разделители и количество слов, разделенных разделителем в строке, должно быть сохранено.
Стоит пару раз вывести данные в консоль, чтобы проверить, все ли в порядке.
Код обработки входного файла Итоговый CSV-файл должен выглядеть так (вот пример пустых строк, их нужно заранее удалить, мой скрипт это предусматривает и не ломается) 
На самом деле это всего лишь строки, но нам это уже не важно
Ээкспортировать данные в Photoshop
После того, как файл будет перезаписан, преобразуйте его в txt, если вы не сделали этого раньше.Вы можете сделать это, открыв файл CSV в Excel с помощью Блокнота и нажав кнопку «Сохранить как».
Далее открываем наш любимый Фотошоп.
Нам необходимо набросать примерный эскиз будущего изображения.
Важно сделать слои, которые вы будете изменять (текст и растр), отдельными от себе подобных, которые не будут меняться.
Допустим, в моем примере name — отдельный текстовый слой Дмитрий, sname — отдельный текстовый слой Васичкин, img — отдельное растровое поле Layer2, они будут меняться.
Теперь нам нужно определить переменные — то есть слои, которые будут меняться.
В поле «Слой» необходимо для каждого изменяющегося слоя выбрать тип его замены (замена текста на текст или замена пикселя на растр) и определить имя переменной.
Это именно те названия столбцов, которые были в исходном файле Excel. Мы определяем соответствующий слой для каждой переменной 
Рядом с уже определенными слоями в списке слоев появится звездочка.
Когда все переменные определены, нажмите «Далее».
Откроется меню выбора набора данных.
Импортируем наш текстовый файл с данными, кодировку можно задать автоматически.
Количество переменных должно быть меньше или равно количеству данных в строке.
Если импорт прошел успешно, ваши данные из файла появятся ниже.
Нажмите ОК, данные добавлены.
Мы запускаем мастер-класс по производству контента
Все готово для начала применения магии.Под кнопкой переменных, которую мы уже нажали, есть кнопка применения наборов данных.
Нажимайте, ставьте галочку предварительного просмотра и наслаждайтесь автоматической подменой данных.
Собственно, остаётся только немного подкорректировать расположение слоёв, или ещё что-то, но это уже мелочи.
Потратив время на настройку этого способа создания контента один раз, вы сэкономите массу времени и нервов.
Удачного копипаста! Теги: #контент #дизайн #данные #Визуализация данных #Графический дизайн #автоматизация #скрипт #photoshop #лайфхак #создание контента #photoshop
-
Нгинкс. Этапы Обработки Запроса. Упражняться
19 Oct, 24 -
Доказательство Работы Эффективно
19 Oct, 24 -
Приложение Extjs/Rails Crud За 7 Минут
19 Oct, 24 -
Быть Или Не Быть Технопарку В России
19 Oct, 24 -
Пишем Dsl В Колтине
19 Oct, 24
