Archive for category: Random Stories

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/NjaRZyyJHZ8/clever-brand-identity-european-space-agency

Clever Brand Identity For European Space Agency

abduzeedo
Dec 18, 2017

Tata&Friends Studio shared an super smart and elegant brand identity project on their Behance profile for the European Space Agency, or ESA. Rethink cESA is the European Space Agency and its mission is to shape the development of space exploration. Less known than it’s American counterpart NASA, but just as strong in its achievements. ESA is part of the elite in space exploration. The result is a clever usage of negative space to create a rocket with one of the letters of ESA. 

Icon Magazine asked us to rebrand any possible thing for their rethink section. As we’ve been in love with the idea of rebranding the European Space Agency since a long time, we knew we had to go for it. Our rethink goal was to awaken the curiosity of people to space & understand the achievements of a united Europe in exploring the universe. Union makes force.  

Brand Identity

This new approach brings a memorable branding that fits with the modern and futuristic ideas of ESA, helping them to awaken interest in new generations. 

Tata&Friends Studio is a design studio focused on brand identity, graphic design and illustration. They are based in Madrid, Spain and we definitely recommend that you check their work out at http://tatafriends.com/

 

branding

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/80Fzptbyt94/94-ultimate-crowdfunding-bundle-25

A few years ago, people were required to come up with a huge sum of money in order to turn their product idea into reality. Without money to fund their project, they wouldn’t be able to create a unique product to sell to the public. Today, however, business owners and inventors can present their idea […]

The post 94% Off: Get the Ultimate Crowdfunding Bundle for Only $25 appeared first on designrfix.com.

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/UtvTqeEvU6M/abduzeedos-best-2017-our-80-most-popular-articles-year-part-ii

Abduzeedo’s Best of 2017: our 80 most popular articles of the year – Part II

AoiroStudio
Dec 15, 2017

We are about less than 3 weeks before the end of the year, we decided to make our year in review for you guys. We feel now would be the best time before we turn our computers off for the holidays! Let us introduce our picks for Abduzeedo’s Best of 2017! This year, we have seen a rise of UI/UX but you guys are still into projects related to illustration, 3D, CGI, graphic design and more. This year, we have featured 900+ projects and made 300+ daily design inspirations. Let’s keep going and from the Abduzeedo team; Happy Holidays everyone!

More Links
Follow my tweets @aoirostudio
Follow my pictures on Instagram
Year in Review (In chronological order) – Part II
41. Gradient Exploration with Radial Series

42. Incredible Graphic Design Process for a Poster by Partee Design

43. Black & White Photography: Exploring Huacachina Lines

44. Fantastic Doodles by Visothkakvei

45. Conceptual Art & Illustration by Sylvain Sarrailh

46. Art Direction & Advertising: Everything is okay Until it’s not.

47. 3D Rendering & Digital Art: Suprematism & Constructivism

48. Digital Photography of Hong Kong by Ludwig Favre

49. Graphic Design: a New Poster Collection Spring

50. 4th of July Illustration by Brian Miller

51. Astonishing Papercut Artworks by John Ed De Vera

52. Illustration & CGI: Kiplinger Magazine Spread

53. Digital Art Series: Pop Culture Dystopia

54. Eerie 3D Rendering Work by Stuart Lippincott

55. Illustration: Mayweather V McGregor by Yann Dalon

56. Delicious Brand Identity and Packaging: Utopick Chocolate Bars

57. Elegant and Minimalist Web Design Ideas

58. Natura Insects: A series of Insects made of Flowers

59. Interaction Design & UI/UX: Sherpahire.comd

60. Surreal Illustration Style: The observatory

61. A Collection of Solar Eclipse Photography

62. Stylish UI Design for Nike SB Concept Project

63. Beautiful Vector Illustration by FUGSTRATOR

64. Street Art & Illustration: Seawalls Mural

65. Spectacular Drone Photography

66. Wallpaper of the Week x Unsplash – The Shape of Dorset, UK

67. Dazzling Neon Artworks by Juliette Oberndorfer

68. 10+ Embroidery Works That Will Brighten Your Day

69. Tokyo Photography Series: Neon Dreams

70. Introducing the 2017 Selection of the Unsplash Awards

71. Introducing InVision Studio: the World’s most powerful screen design tool

72. UI Inspiration: Some more Fresh UI/UX Interactions

73. 80s Throwback with Netflix’s Stranger Things 2 Tribute Posters

74. Illustration & Graphic Design: Butcher Billy’s Stranger Tales: S2

75. Beautiful Photography with the iPhone by Eric Van Nynatten

76. Workspaces Inspiration: Some Ideas to spice up your productivity

77. Graphic Design on Instagram by Lucas Berghoef

78. UI Inspiration: This week’s selections from Outcrowd, Nicola Baldo and more

79. Awesome 80s Typography with The Sonnyfive

80. Mind-boggling Vector Illustration Work by James Gilleard

abduzeedo
best of 2017
best of

Original Source: https://www.smashingmagazine.com/2017/12/monthly-web-development-update-12-2017/

Today I read an eye-opening article about the current young generation and their financial future. It’s hard to grasp words like “Millenials”, and there’s much talk about specific issues they face, but, for many of us, it’s not easy to understand their struggle — no matter if you’re older or younger than me (I qualify under the Millenial generation). But Michael Hobbes’ entertaining and super informative article revealed a lot to me.

Original Source: http://feedproxy.google.com/~r/tympanus/~3/Y1LSv0wDDtA/

This set of demos explores 3D particle animations using three.js and easing. All of the particles and shapes in these demos are made from basic geometry/material/mesh sets in three.js, such as spheres, lines, and boxes.

The Concept

Making animations with a lot of small moving parts is a lot of fun. Applying different timing offsets and easings to each part or group can make for some interesting visualizations. And even though these can look great in 2D, adding subtle 3D perspective to your animations can make them even more visually appealing. Having the concept of a camera and 3D grid can also aid in the debugging and development of your animations. You can zoom in, zoom out, and view your animation from different perspectives to tune it perfectly.

Repeating animations like this is great for loader animations, backgrounds, and transitions. In these demos they are treated as site loader animations. I hope this inspires you to make your own 3D particle animations!

Benefits of three.js and a 3D Environment

Most of these animations could be made roughly comparable with something like SVG or 2D Canvas. However, adding subtle animations and positioning in a 3D perspective brings them to life. There are also performance benefits from working with three.js/WebGL. These animations only scratch the surface of what three.js is capable of. Custom geometries, materials, lighting, shadows, and shaders can take these to the next level. There is a lot of room to grow and expand from this fundamental starting point.

My goal with this set is to show what a baseline set of particle movements can achieve, with minimal flexing of three.js.

Debug Mode: Grid, Camera, and Timescale

To enter debug mode, click the debug icon in the top right. This will add a 3D grid to the scene, which gives a better sense of how everything is moving in 3D space. It adds camera controls, which allow you to zoom, rotate, and pan. And finally, a timescale slider is added to speed up, slow down, and pause the animation. This is useful for working on the timing and positioning of your animations.

#1: Rotating and Scaling Rings

This demo shows a series of rings that are scaling and rotating with slight offsets. The particles are also moving back and forth on the z-axis.

#2: Simplex Noise Lines

This demo shows a series of particles that form lines of two different colors. The particle position is being set by simplex noise, with tapered off magnitude near both edges. Over time, the lines rotate and move back and forth on the on z-axis.

#3: Circle Separations

This demo applies some simple physics to each particle. They all spawn in the center, and then push away from each other so that they all have their own space.

#4: Twisting Double Helix

This demo shows a double helix, almost like a simplified visualization of DNA. It is twisting and untwisting while rotating.

#5: Raindrops and Ripples

This demo shows a raindrop effect with rippling when they hit the surface of particles. The rain drops are made out of boxes that get stretched as they fall. When they hit, a ripple object is made that has a ring, and an invisible sphere that grows out that affects the particle positions and opacity.

#6: Spinning Fan

This demo shows three lines of particles that form a shallow cone shape. Each particle has an arc line with a randomized length trailing behind it.

#7: Square Lattice Blending

This demo shows boxes being stretched based on their position. The movement of each box is slightly offset. Four different color boxes are placed closely to each other and blended with additive blending to create the white color. As the boxes move, the colors lose their full overlap and reveal the underlying colors (red, green, blue, and magenta).

#8: Simplex Noise Particle System

This final demo uses a slightly different method for rendering the particles than the other demos. It uses THREE.BufferGeometry() and THREE.Points(), which allows us to render more particles at once and keep good performance. The particle movement is determined by simplex noise. Finally, additive blending is used to create a brighter effect when the particles overlap.

References and Credits

three.js
fast-simplex-noise.js
Robert Penner’s Easing Functions

3D Particle Explorations was written by Jack Rugile and published on Codrops.