mark belan | science illustrator + info designer
@markabelan.bsky.social
3.5K followers 140 following 79 posts
telling science stories with the power of visuals✨ a little bit of this and that, too 🧳 Graphics Editor | Quanta Magazine 🎨 Founder of artscistudios 📍 NYC | 🇨🇦🇭🇷 https://linktr.ee/artscistudios
Posts Media Videos Starter Packs
markabelan.bsky.social
12 is noticeable but 13 and 14 both look similar! You probably don’t need to go higher for resolution unless you’re trying to achieve something else?
markabelan.bsky.social
Just had a discussion about methane geometry for a piece we’re working on re: climate!
markabelan.bsky.social
can anyone in #cartography or #mapping help me find a plate-carree/equirectangular projection of Pannotia? (ie: this planet?)

Would greatly appreciate it!
Reposted by mark belan | science illustrator + info designer
teeketch.art
Teeg @teeketch.art · Jun 17
God, I genuinely hate it every time I need to open and use illustrator.
markabelan.bsky.social
I’m into the liquid glass, I dunno why everyone’s so upset about it 🤷🏼‍♂️
markabelan.bsky.social
wow, 'that' place is really dead for sci comm/sci folks isn't it.... nothing hits there anymore!
markabelan.bsky.social
This was such a fun, new creative pipeline to explore - a visual like this wouldn't be possible otherwise. I have so many ideas for how to expand this in new ways for the graphics reporting we do at Quanta.

Stay tuned! And subscribe to Quanta for more math and science news!

www.quantamagazine.org
Science and Math News | Quanta Magazine
Illuminating mathematics, physics, biology and computer science research through public service journalism.
www.quantamagazine.org
markabelan.bsky.social
The final result? A 3D web environment that presents as a clean, 2D, flat vector style! 🎯

Ie: what you're seeing is a 3D space that is rendering as a flat, vector graphic. No need to painstakingly hand-make every frame of this animation into a vector, or host a super-heavy GIF/video file!
markabelan.bsky.social
For the artistic part, I exported these 3D animations and, using Spline.Design, created toon shaders that mimicked Quanta's 2D vector style. ✅

I could then set parameters that mimic the look and appeal of reading these animations as flat graphics on our website!
markabelan.bsky.social
A need in this story was to show an arrow moving across various surfaces: the position, direction, and perspective of this arrow changes - a lot.

First, I modeled these things in Cinema4D, and animated the motion of the arrow across the surface. This was the "science": accurate motion + geometry ✅
markabelan.bsky.social
🤔 I had to think outside of the box to meet two goals:

⚛️ 1) How to capture the complexity and 3D needs of this story? (the "science" part)

🎨 2) How to make this look like it belongs to Quanta (and function like it)? (the "artistic" part)
markabelan.bsky.social
Quanta's style is 2D vectors, which is industry standard: web graphics should be scalable + lightweight, but cool 3D work tends to produce rasters (complex, but heavier, unresponsive, and pixellated). Add lighting, shadows, angle changes, etc., and it's hard to both produce and host vector graphics.
markabelan.bsky.social
One of the challenges in this story was figuring out how to produce graphics that captured the dimensions of these structures.

Naturally, it makes sense to use animation whenever describing motion, but how to capture this in 3D - while retaining our 2D Quanta style - was a big obstacle.
Reposted by mark belan | science illustrator + info designer
shalmawegs.bsky.social
For my latest story at @quantamagazine.bsky.social I dug into cutting edge research that’s using geometry to understand the bizarre quantum behaviors of materials. Huge shoutout to @markabelan.bsky.social for bringing the abstract ideas to life with 3D graphics!
Reposted by mark belan | science illustrator + info designer