We Come From Stars – Periodic Table Animation for NSF

This related chalkboard style illustration was created for Sky & Telescope magazine. It shows Voyager I and II’s escape from our solar system. It’s a great example of how infographics can be effective in many different styles. The By Nicolle R. Fuller SayoStudio

Have you ever wondered how the elements of our universe formed? Or, how does the periodic table of elements relate to astronomy…to us? For hard science, it’s surprisingly romantic to consider that we all come from stars. SayoStudio’s Nicolle R. Fuller created this educational periodic table animation for the National Science Foundation. We’re so excited to see the released animation and be able to share it with you. (scroll down to skip to the animation!)

In this animation, we diverged from SayoStudio’s more polished style, to explore a graphic, hand-drawn look. We’ve used this chalkboard style in still-illustrations before, and it imparts a level of energy and approachability that differs from 3d art. This example, a hand-drawn styled science illustration, was created for Sky & Telescope magazine’s Voyager Infographic.

However, in this case, credit for the style idea goes to Josh Chamot, NSF media officer. He envisioned an animation based on A-Ha’s Take On Me music (read this fun article from MentalFloss) video from 1984. We took that inspiration, and flipped the look to white lines on black, to better suit the astronomy subject. Initially conceived as a quick, fun animation for year of the periodic table, it continued to grow into a full production.

Working with NSF to Create the Animation

Nicolle’s kids graciously agreed to be in both the beginning and the end of the animation.

Josh Chamot and physicist Peter Kurczynski wrote the script, from which Nicolle mapped out the sequences needed. Next, she got to work animating spinning hydrogen atoms, exploding stars, and a sweeping view into our solar system. She used a mix of hand-drawn cell animation, and Cinema 4d’s sketch and toon to create the drawn animation. Overseen by Executive Producer Cliff Braverman, she continued to refine the animation. Adding in more exploding stars, editing details in the particle collider lab, and

You may notice the kids in the animation… fun fact, they’re Nicolle’s! We’d hoped to include more diverse kids–friends and classmates–but coronavirus made that difficult.

Presenting… NSF Periodic Table Animation, Enjoy!

Be sure to turn on your sound, to hear the wonderful sound editing and production by Amina Khan. To learn more about the science and NSF’s ongoing research in chemistry, physics, and astronomy, see NSF’s article.


If you feel inspired and would like to join the science art conversation, please sign up for my newsletters!

.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; margin: 20px auto; } .mfp-ready.mfp-bg{ background-color: ; opacity:0.3; } .mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* .nf-animate .mfp-content { opacity: 0; transition: opacity .5s ease-out; } */ .nf-animate { animation-duration: 1s; } .nf-animate.mfp-ready .mfp-content { opacity: 1; } /* .nf-animate.mfp-removing.mfp-bg { opacity: 0; } */ body .nf-popup-4413{ width: 40%; height: 250px; padding: 21px; margin: ; background: ; border-radius: px; border-width: px; border-color: #2d7087; border-style: solid; } body .nf-popup-4413 .mfp-close{ top: ; right: ; } /* media query for mobile */ @media only screen and (max-width : 736px){ body .nf-popup-4413{ width: 80%; height: 380px; } } var nf_popups_4413_cookie= ”; (function($){ $(function(){ NF_Popup_Cookies.check_popup_cookie_validity( nf_popups_4413_cookie ); $(‘#pub-dom-download’).magnificPopup({ items: { src: ‘#nf-popup-4413’, type: ‘inline’ }, removalDelay: 100, callbacks: { beforeOpen: function() { this.wrap.addClass(“nf-animate animated fadeIn”); }, close: function() { NF_Popup_Cookies.set_popup_cookie( nf_popups_4413_cookie ); }, }, disableOn: function() { var close_counter = NF_Popup_Cookies.get_cookie( ‘nf_popups_close_counter_4413’); var show_popup = true; if( nf_popups_4413_cookie.times != undefined && close_counter != ”){ var show_popup = parseInt(close_counter) < parseInt(nf_popups_4413_cookie.times); } return show_popup; } }); }) })(jQuery);

Get Inspired!

…with new science art and sci-communication tips. Join the SayoStudio conversation to receive newsletters, special offers and more.

Notice: JavaScript is required for this content.

var formDisplay=1;var nfForms=nfForms||[];var form=[];form.id=’8_1′;form.settings={“objectType”:”Form Setting”,”editActive”:”1″,”title”:”MailChimp Signup”,”created_at”:”2020-07-17 21:46:20″,”form_title”:”MailChimp Signup”,”default_label_pos”:”above”,”show_title”:”0″,”clear_complete”:”1″,”hide_complete”:”1″,”logged_in”:”0″,”wrapper_class”:””,”element_class”:””,”key”:””,”add_submit”:”0″,”currency”:””,”unique_field_error”:”A form with this value has already been submitted.”,”not_logged_in_msg”:””,”sub_limit_msg”:”The form has reached its submission limit.”,”calculations”:[],”formContentData”:[{“formContentData”:[{“order”:2,”cells”:[{“order”:0,”fields”:[“email_1523972427420″],”width”:”100″}]},{“order”:3,”cells”:[{“order”:0,”fields”:[“subscribe_1523977672092″],”width”:”100″}]}],”order”:0,”type”:”part”,”clean”:true,”title”:”Part Title”,”key”:”jvvggbyr”}],”drawerDisabled”:””,”allow_public_link”:0,”embed_form”:””,”container_styles_show_advanced_css”:0,”title_styles_show_advanced_css”:0,”row_styles_show_advanced_css”:0,”row-odd_styles_show_advanced_css”:0,”success-msg_styles_show_advanced_css”:0,”error_msg_styles_show_advanced_css”:0,”conditions”:[],”mp_breadcrumb”:1,”mp_progress_bar”:1,”mp_display_titles”:0,”breadcrumb_container_styles_show_advanced_css”:0,”breadcrumb_buttons_styles_show_advanced_css”:0,”breadcrumb_button_hover_styles_show_advanced_css”:0,”breadcrumb_active_button_styles_show_advanced_css”:0,”progress_bar_container_styles_show_advanced_css”:0,”progress_bar_fill_styles_show_advanced_css”:0,”part_titles_styles_show_advanced_css”:0,”navigation_container_styles_show_advanced_css”:0,”previous_button_styles_show_advanced_css”:0,”next_button_styles_show_advanced_css”:0,”navigation_hover_styles_show_advanced_css”:0,”ninjaForms”:”Ninja Forms”,”changeEmailErrorMsg”:”Please enter a valid email address!”,”changeDateErrorMsg”:”Please enter a valid date!”,”confirmFieldErrorMsg”:”These fields must match!”,”fieldNumberNumMinError”:”Number Min Error”,”fieldNumberNumMaxError”:”Number Max Error”,”fieldNumberIncrementBy”:”Please increment by “,”fieldTextareaRTEInsertLink”:”Insert Link”,”fieldTextareaRTEInsertMedia”:”Insert Media”,”fieldTextareaRTESelectAFile”:”Select a file”,”formErrorsCorrectErrors”:”Please correct errors before submitting this form.”,”formHoneypot”:”If you are a human seeing this field, please leave it empty.”,”validateRequiredField”:”This is a required field.”,”honeypotHoneypotError”:”Honeypot Error”,”fileUploadOldCodeFileUploadInProgress”:”File Upload in Progress.”,”fileUploadOldCodeFileUpload”:”FILE UPLOAD”,”currencySymbol”:”$”,”fieldsMarkedRequired”:”Fields marked with an * are required”,”thousands_sep”:”,”,”decimal_point”:”.”,”siteLocale”:”en_US”,”dateFormat”:”m\/d\/Y”,”startOfWeek”:”1″,”of”:”of”,”previousMonth”:”Previous Month”,”nextMonth”:”Next Month”,”months”:[“January”,”February”,”March”,”April”,”May”,”June”,”July”,”August”,”September”,”October”,”November”,”December”],”monthsShort”:[“Jan”,”Feb”,”Mar”,”Apr”,”May”,”Jun”,”Jul”,”Aug”,”Sep”,”Oct”,”Nov”,”Dec”],”weekdays”:[“Sunday”,”Monday”,”Tuesday”,”Wednesday”,”Thursday”,”Friday”,”Saturday”],”weekdaysShort”:[“Sun”,”Mon”,”Tue”,”Wed”,”Thu”,”Fri”,”Sat”],”weekdaysMin”:[“Su”,”Mo”,”Tu”,”We”,”Th”,”Fr”,”Sa”],”currency_symbol”:””,”beforeForm”:””,”beforeFields”:””,”afterFields”:””,”afterForm”:””};form.fields=[{“objectType”:”Field”,”objectDomain”:”fields”,”editActive”:false,”order”:3,”label”:”Email”,”type”:”email”,”key”:”email_1523972427420″,”label_pos”:”hidden”,”required”:””,”default”:””,”placeholder”:”Email Address”,”container_class”:”three-fourths first”,”element_class”:””,”admin_label”:””,”help_text”:””,”custom_name_attribute”:”email”,”drawerDisabled”:false,”field_label”:”Email”,”field_key”:”email_1523972427420″,”personally_identifiable”:1,”wrap_styles_show_advanced_css”:0,”label_styles_show_advanced_css”:0,”element_styles_show_advanced_css”:0,”cellcid”:”c3952″,”value”:””,”wrap_styles_border”:””,”wrap_styles_width”:””,”wrap_styles_margin”:””,”wrap_styles_padding”:””,”wrap_styles_float”:””,”label_styles_border”:””,”label_styles_width”:””,”label_styles_font-size”:””,”label_styles_margin”:””,”label_styles_padding”:””,”label_styles_float”:””,”element_styles_border”:””,”element_styles_width”:””,”element_styles_font-size”:””,”element_styles_margin”:””,”element_styles_padding”:””,”element_styles_float”:””,”id”:”98_1″,”beforeField”:””,”afterField”:””,”parentType”:”email”,”element_templates”:[“email”,”input”],”old_classname”:””,”wrap_template”:”wrap”},{“objectType”:”Field”,”objectDomain”:”fields”,”editActive”:false,”order”:4,”label”:”Subscribe”,”type”:”submit”,”processing_label”:”Processing”,”container_class”:”one-fourth”,”element_class”:””,”key”:”subscribe_1523977672092″,”drawerDisabled”:””,”field_label”:”Subscribe”,”field_key”:”subscribe_1523977672092″,”wrap_styles_show_advanced_css”:0,”element_styles_show_advanced_css”:0,”submit_element_hover_styles_show_advanced_css”:0,”cellcid”:”c3956″,”wrap_styles_border”:””,”wrap_styles_width”:””,”wrap_styles_margin”:””,”wrap_styles_padding”:””,”wrap_styles_float”:””,”element_styles_border”:””,”element_styles_width”:””,”element_styles_font-size”:””,”element_styles_margin”:””,”element_styles_padding”:””,”element_styles_float”:””,”submit_element_hover_styles_border”:””,”submit_element_hover_styles_width”:””,”submit_element_hover_styles_font-size”:””,”submit_element_hover_styles_margin”:””,”submit_element_hover_styles_padding”:””,”submit_element_hover_styles_float”:””,”id”:”99_1″,”beforeField”:””,”afterField”:””,”value”:””,”label_pos”:”above”,”parentType”:”textbox”,”element_templates”:[“submit”,”button”,”input”],”old_classname”:””,”wrap_template”:”wrap-no-label”}];nfForms.push(form);

{{{ data.renderProgressBar() }}} {{{ data.renderBreadcrumbs() }}} {{{ data.renderPartTitle() }}}

{{{ data.title }}}

{{{ data.renderNextPrevious() }}}


 

The post Periodic Table Animation appeared first on SayoStudio.