The Art of ScreenPlay CCG: From Concept to Completion
Author: ComicoFrog,
published 5 months ago,
[h1]The Art of ScreenPlay CCG: From Concept to Completion[/h1]
Ever wondered how we create the quirky, humorous characters in ScreenPlay? Consider this post a behind-the-scenes look at the filmmaking process—yes, a movie within a movie. Get it? Alright, moving on.
[h3]The Creative Process[/h3]
Our journey begins with the card mechanics. Before any illustration starts, we define these mechanics and use placeholder artwork to embody the core concept of each card. Take "Wake and Roll," for instance. The initial idea featured a bear comically propelled from bed into action, embodying the sudden call to adventure.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/5f1b75afe5496d36745d9e74d2a3e3be32733366.png[/img]
[h3]Illustrating the Drama[/h3]
For "Wake and Roll," it was crucial that the artwork captured both the readiness for danger and the potential for failure. We envisioned an anthropomorphic bear from the world of Jaw-Z, mistakenly offending Queen Bee and facing a retaliatory swarm of bees. An alarm clock designed as a honey bee hive and the bear desperately reaching for bee spray enhance this scenario. Will he manage to grab the spray in time or succumb to the buzzing foes? This cliffhanger mirrors the card's mechanics, where a selected character can dodge an attack, counterstrike, and earn a story point.
[h3]From Sketches to Final Art[/h3]
Our artist, Kevin, translates these ideas into two initial sketches, from which we select one to develop further.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/c62fde52bbdeca1f43321d3013c9b89a06e1f090.png[/img]
After finalizing a sketch, Kevin crafts a rough color version to integrate the artwork seamlessly into the game, allowing for adjustments before the final rendering. This approach ensures that the artwork is not only effective but also resonates with the gameplay experience without rush.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/ce9dc090875a69389ef3998dddd2f5d9666dd13d.png[/img]
Here's a look at the final polished version and its implementation in the game.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/1bb96bfe4c2b17b64caad89be7937e529b750c48.png[/img]
[img]https://clan.cloudflare.steamstatic.com/images//41622509/4a1b7d7d7f9f484c456598206f20b24952c4a0ef.png[/img]
[h3]Designing the Movie Set Universe[/h3]
Our process extends to other aspects of the game's world, like movie sets. Our artist, Sam Kemp, sketches out initial designs which are then blocked out in 3D for optimal lighting before the final paintover.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/ae3acb220e8234f819ca8aa7129c3f98c7ea896e.png[/img]
[i]Sketch Stage[/i]
[img]https://clan.cloudflare.steamstatic.com/images//41622509/6c555f76070bf6aa54949b0e6591aec14e9a3cc6.png[/img]
[i]Blockout Stage[/i]
[img]https://clan.cloudflare.steamstatic.com/images//41622509/43488fa5832f8291b27f56f568c4f6a4f1a14dd0.png[/img]
[i]Final Version[/i]
Once the final version of the movie set is complete, we meticulously segment it into layers and animate various elements to infuse life into the scene. We employ shaders to animate certain components, while others utilize Spine for smooth, realistic movements.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/1ce70f70cd44c0f73765d6cb0ee2a700e692da11.gif[/img]
Animated Version in game
[h3]Illustrating the Card Backs[/h3]
Similarly, the back of each card receives the same meticulous treatment, tailored to the theme of the card, such as our comedic card back featuring a clown hit by a pie, brilliantly brought to life by artist Leo Fonseca.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/221a8081088d9b34879d4b838e61e10bc1591afd.png[/img]
[i]Sketch[/i]
[img]https://clan.cloudflare.steamstatic.com/images//41622509/f52be396152f29e0a49d5f2538018ab74eb44160.png[/img]
[i]Flat Color[/i]
[img]https://clan.cloudflare.steamstatic.com/images//41622509/f03486ebf23e0b1955ccd27a465bd8052c8399d1.png[/img]
[i]Final Version[/i]
[h3]A Note on AI Artwork[/h3]
While some AI-generated artwork currently serves as placeholders, we're committed to replacing these with original creations. All placeholder art is clearly marked with a watermark in the game's collection view and noted in the lore for full transparency.
[img]https://clan.cloudflare.steamstatic.com/images//41622509/83355195e09180863f983725a5bbcea5655cf41a.png[/img]
[img]https://clan.cloudflare.steamstatic.com/images//41622509/ab058e07b37cdc531d30d742ef27f52e8c9ece6b.png[/img]
We're dedicated to ensuring the final release is free from AI-generated content, and your early support is crucial in achieving this.
[h3]Looking Forward[/h3]
There’s much more going on behind the scenes, especially with VFX and animation that demand unique artistic contributions. We’ll share more about these processes in future posts.
Thank you for joining us on this artistic journey. ScreenPlay has entered early-access, and we’d love for you to spread the word and share our innovative take on the collectible card game genre with your friends!