Skip to main content
Participating Frequently
July 12, 2018
Question

Using variable data with Adobe Illustrator CC

  • July 12, 2018
  • 3 replies
  • 5712 views

Hi,

I'm new to all things Adobe Illustrator CC so hoping for advice. I currently create simple Infographics for my sports advisory service https://betsharper.com using the cloud based Canva service. This is a manual activity so am looking at ways in which I can automate and scale the production of simple infographics (see this as an example on the images I am creating - https://betsharper.com/france-vs-croatia-odds-win-money-using-two-sharp-predictions/). The Chance of Winning, The Banker and the MoneyMaker images are the ones I am looking to produce more efficiently.

I am intrigued as to how extensible the 'variable data import facility' actually is. In order for this to work, to use a more specific example, for this image [https://betsharper.com/wp-content/uploads/2018/07/France-vs-Croatia-Chance-of-Winning-Match.jpg ], I would need to:

  • dynamically change the words 'France' and 'Croatia' for the next set of sporting events.
  • provide numeric data to auto-create a simplistic adobe illustrator chart (I guess a bar graph is closest to what I have today in 'Chance of Winning Match').

Can I use variable data to achieve both those things using one 'import'? I have seen a tutorial which does the former (together with a useful bulk save option) but not the later, yet.

Any advice gratefully received......

James Burns

BetSharper.

    This topic has been closed for replies.

    3 replies

    Participating Frequently
    July 18, 2018

    Ha,  I love the use of "forgot". I am currently googling ''define different variable states' so you can tell my level of proficiency!:) Let me try and embed my more basic version of what Kurt probably created inside 2 minutes to see if someone can spot exactly where I went wrong.

    https://1drv.ms/u/s!AsSazklUaMlUi-V8JnhT2Vpo87Xqrg

    Thanks for the assist also Silly-V. I'm going to (try and) explore the boundaries of the core app first, before I head down the scripting route, but I suspect it's a matter of time as once I get the textual side working, hoping to understand if I can pass in variable data to populate the graph and perhaps text formatting too. I don't ask for much, right

    Participant
    July 24, 2018

    I'd like to see how the two would compare for you once you get going!

    After all, there may not have been a 'core app' without the VI script paving the research.

    However when it comes to text formatting, .. script or no script, you'll probably want to check out all my LinkedIn articles and see what crazy stuff can be accomplished.

    For one small example, you can thread point-text and line-text frames together using text-threading. Then in your variable data you can have a cell with such nextlines that each line appears on an individual line of your text. This is kind-of cool since each of the text frames can be in all different places. What's cool too is how each of them can be individually styled using the appearance palette.

    You may be able to tell I've nerded out on this for a while now. Haha.

    Silly-V
    Legend
    August 28, 2021

    I realized this was actually me on a different account. First I thought it was someone else who also nerded out on this topic. But both surprisingly and dissapointingly, it was just me all along. Ha!

    Stephen Marsh
    Community Expert
    Community Expert
    July 14, 2018

    You may also wish to look into the VariableImporter script from Vasily Hall, which predated the new Illustrator feature to import .csv based data. Originally Illustrator could only import specifically formatted xml data for variables, which almost made it inaccessible to average users. The script from Vasily opened the way…

    Prepression: Illustrator – VariableImporter Script Part 7 Tutorial

    Prepression: Illustrator – Introducing the VariableImporter Script

    Silly-V
    Legend
    July 16, 2018

    That's right, you can use the VI script in some capacity on versions as early as CS4!

    Kurt Gold
    Community Expert
    Community Expert
    July 12, 2018

    As far as I understand your request, you cannot completely automate both things. Some manual postprocessing seems to be required.

    Apart from that: Your prediction for the final is unjustifiable. It's a matter of course that Croatia will take the cup!

    (in the past I was often wrong when it came to predictions)

    Participating Frequently
    July 13, 2018

    Ha, many thanks for the response Kurt, would love for the 'wee' team to pull of a shock in this one (just like arguably, they did against England), but think this may be one game too many. It'll be a superb game regardless between 2 great teams!:)

    Back to the main mission of this forum, I took from this explainer (https://www.youtube.com/watch?v=LtczKHAB74khttp://), that the textual side of my request  would be possible, in your experience, is it the graph creation part that would require post processing?

    Kind Regards

    James

    Kurt Gold
    Community Expert
    Community Expert
    July 13, 2018

    Yesterday my assumptions were probably too complicated or I thought Illustrator's variables should not only show predictions, but also calculate the correct predictions. That is obviously wrong and you would lose your business.

    I've uploaded a sample file in CC format:

    betsharper_001.ai.zip - Google Drive

    Open the Variables palette and cycle through the datasets. There are five matches.

    Is that something you are looking for?

    PS: The Germany vs. England prediction is from Gary Lineker, not from me.