preloader

An animated micro-story about a space shuttle orbiting an unknown planet

[vc_row css_animation=”fadeInUp”][vc_column css=”.vc_custom_1535140385602{padding-bottom: 15px !important;}”][vc_raw_html]JTNDZGl2JTIwc3R5bGUlM0QlMjJwYWRkaW5nJTNBNTYuMjUlMjUlMjAwJTIwMCUyMDAlM0Jwb3NpdGlvbiUzQXJlbGF0aXZlJTNCJTIyJTNFJTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF5ZXIudmltZW8uY29tJTJGdmlkZW8lMkYzMDQ5MTA4MTIlM0ZhdXRvcGxheSUzRDElMjZsb29wJTNEMSUyNmNvbG9yJTNEY2NmZjAwJTI2dGl0bGUlM0QwJTI2YnlsaW5lJTNEMCUyNnBvcnRyYWl0JTNEMCUyMiUyMHN0eWxlJTNEJTIycG9zaXRpb24lM0FhYnNvbHV0ZSUzQnRvcCUzQTAlM0JsZWZ0JTNBMCUzQndpZHRoJTNBMTAwJTI1JTNCaGVpZ2h0JTNBMTAwJTI1JTNCJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTIwd2Via2l0YWxsb3dmdWxsc2NyZWVuJTIwbW96YWxsb3dmdWxsc2NyZWVuJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNFJTNDJTJGZGl2JTNFJTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF5ZXIudmltZW8uY29tJTJGYXBpJTJGcGxheWVyLmpzJTIyJTNFJTNDJTJGc2NyaXB0JTNF[/vc_raw_html][/vc_column][/vc_row][vc_row css=”.vc_custom_1539779901618{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1/4″][norebro_heading module_type_layout=”on_left” subtitle_type_layout=”bottom_subtitle” appearance_effect=”fade-right” title=”T3ZlcnZpZXc=” title_typo=”font_size~30||weight~inherit” subtitle_typo=”font_size~13||weight~inherit” subtitle_color=”#9d9d9d” appearance_duration=”1000″][/vc_column][vc_column width=”3/4″][norebro_text appearance_effect=”fade-up” text_typo=”font_size~20||line_height~28||weight~500″ appearance_duration=”1000″]You are witnessing a micro-story of a space shuttle that’s endlessly moving forward as it discovers and explores a new world.[/norebro_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” css_animation=”fadeIn” accent_color=”rgba(125,125,125,0.25)”][/vc_column][/vc_row][vc_row css=”.vc_custom_1539779957464{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1/4″][norebro_heading module_type_layout=”on_left” subtitle_type_layout=”bottom_subtitle” appearance_effect=”fade-right” title=”U3Rvcnk=” title_typo=”font_size~30||weight~inherit” subtitle_typo=”font_size~13||weight~inherit” subtitle_color=”#9d9d9d” appearance_duration=”1000″][/vc_column][vc_column width=”3/4″][norebro_text appearance_effect=”fade-up” appearance_duration=”1000″]There was no really concept for this animation to begin with, it just came about by accident after a 3D displacement mapping test I did in Cinema 4D when trying to create some planets and then it just became an animation with a space shuttle flying over the planets surface.

3D displacement mapping in Cinema 4D

Displacement mapping is where you create or generate an image or texture that acts as a map for displacing/increase/decreasing the height of a 3D surface. For example, the dark areas in an image will make the height of the surface less (black = 0% height) and light areas in the image will make the surface higher (white = 100% height). I used a similar image to this marble texture for this displacement map. And when applied to a 3D sphere we got this…[/norebro_text][/vc_column][/vc_row][vc_row css_animation=”fadeInUp”][vc_column width=”1/4″ css=”.vc_custom_1535140385602{padding-bottom: 15px !important;}”][/vc_column][vc_column width=”3/4″][vc_raw_html]JTNDZGl2JTIwc3R5bGUlM0QlMjJwYWRkaW5nJTNBNTYuMjUlMjUlMjAwJTIwMCUyMDAlM0Jwb3NpdGlvbiUzQXJlbGF0aXZlJTNCJTIyJTNFJTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF5ZXIudmltZW8uY29tJTJGdmlkZW8lMkYzMDQ5MTE0ODQlM0ZhdXRvcGxheSUzRDElMjZsb29wJTNEMSUyNmNvbG9yJTNEY2NmZjAwJTI2dGl0bGUlM0QwJTI2YnlsaW5lJTNEMCUyNnBvcnRyYWl0JTNEMCUyMiUyMHN0eWxlJTNEJTIycG9zaXRpb24lM0FhYnNvbHV0ZSUzQnRvcCUzQTAlM0JsZWZ0JTNBMCUzQndpZHRoJTNBMTAwJTI1JTNCaGVpZ2h0JTNBMTAwJTI1JTNCJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTIwd2Via2l0YWxsb3dmdWxsc2NyZWVuJTIwbW96YWxsb3dmdWxsc2NyZWVuJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNFJTNDJTJGZGl2JTNFJTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF5ZXIudmltZW8uY29tJTJGYXBpJTJGcGxheWVyLmpzJTIyJTNFJTNDJTJGc2NyaXB0JTNF[/vc_raw_html][/vc_column][/vc_row][vc_row css=”.vc_custom_1544131502610{padding-top: 80px !important;padding-bottom: 25px !important;}”][vc_column width=”1/4″][/vc_column][vc_column width=”3/4″][norebro_text appearance_effect=”fade-up” appearance_duration=”1000″]And when we look a little closer…[/norebro_text][/vc_column][/vc_row][vc_row css_animation=”fadeInUp”][vc_column width=”1/4″ css=”.vc_custom_1535140385602{padding-bottom: 15px !important;}”][/vc_column][vc_column width=”3/4″][vc_raw_html]JTNDZGl2JTIwc3R5bGUlM0QlMjJwYWRkaW5nJTNBNTYuMjUlMjUlMjAwJTIwMCUyMDAlM0Jwb3NpdGlvbiUzQXJlbGF0aXZlJTNCJTIyJTNFJTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF5ZXIudmltZW8uY29tJTJGdmlkZW8lMkYzMDQ5MTE1NDQlM0ZhdXRvcGxheSUzRDElMjZsb29wJTNEMSUyNmNvbG9yJTNEY2NmZjAwJTI2dGl0bGUlM0QwJTI2YnlsaW5lJTNEMCUyNnBvcnRyYWl0JTNEMCUyMiUyMHN0eWxlJTNEJTIycG9zaXRpb24lM0FhYnNvbHV0ZSUzQnRvcCUzQTAlM0JsZWZ0JTNBMCUzQndpZHRoJTNBMTAwJTI1JTNCaGVpZ2h0JTNBMTAwJTI1JTNCJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTIwd2Via2l0YWxsb3dmdWxsc2NyZWVuJTIwbW96YWxsb3dmdWxsc2NyZWVuJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNFJTNDJTJGZGl2JTNFJTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF5ZXIudmltZW8uY29tJTJGYXBpJTJGcGxheWVyLmpzJTIyJTNFJTNDJTJGc2NyaXB0JTNF[/vc_raw_html][/vc_column][/vc_row][vc_row css=”.vc_custom_1539779957464{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1/4″][/vc_column][vc_column width=”3/4″][norebro_text appearance_effect=”fade-up” appearance_duration=”1000″]And then all that was left to do for this beautifully illustrated animation was draw a flat 2D space shuttle graphic, make some glowing flames move in it’s thrusters, make it move around in a loop at the same speed as the background, add some text and a bit of visual colouring and styling and voilà – there you have it.[/norebro_text][/vc_column][/vc_row]

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *