Motion Design, the future of web

See this great interview with Rich Fulcher a thought full speaker with lots of great tips to any designer.

I'm not really a huge fan of Material Design or Google design decisions in general. It's never flawless and to many visible mistakes. Hard to pinpoint a good example, but there's a lot (why isn't there a google image search for iPad?). I know they user test a lot, but hmm, still there's some strange over locked stuff.

Anyway, I like his conclusion, that I also can stand by, is that animation, or motion design is the future on web forward. Still lifeless slides is about to end.

I'm working on new ways of using animation and there will be some work presented in the future. But for now I have two great examples: https://www.filmskolen.no (scroll down and up and look at the logo) and Vibble app intro: https://www.vibble.co (Just download the app and see :)

Rich Fulcher leads Material Design and Engineering at Google. In this episode, he walks us through the story of how Material Design came out, what's involved in building your own design system, and the importance of investing in your design culture and how you grow talent.

Photo by Edho Pratama on Unsplash

Tip for equalize / balance in textures in Photoshop

Sometimes your texture is almost 100% seamless and tileable. But small differences in light and shadow easily show that this is a tiled texture and it's a 3D image.  As humans we always look for patterns and they are easily spotted and by equalizing the texture you make it more believable.

You find the free texture pack here:

If you have a material suggestion, write it in the comments :)

Sometimes your texture is almost 100% seamless and tileable. But small differences in light and shadow easily show that this is a tiled texture and it's a 3D image. As humans we always look for patterns and they are easily spotted and by equalizing the texture you make it more believable.

Fabulous Fabric with Object ID maps

Poliigon has started creating fabric textures with Object ID maps. They add a more convincing look on your fabric, and they are really easy to create your self. In Arnold render you can connect these to the coat layer in standard surface and I really like the result that gives.

I show how I used it to create a wool material for a Hiroshima Chair by Naoto Fukasawa.

If you have a material suggestion, write it in the comments :)

Here is the free Fleece texture: https://www.poliigon.com/texture/2332
(and I have nothing to do with their site :)

Cinema 4D https://www.maxon.net/en/
Arnold Render https://www.solidangle.com/
Photoshop/Illustrator http://www.adobe.com/

Poliigon has started creating fabric textures with Object ID maps. They add a more convincing look on your fabric, and they are really easy to create your self. In Arnold render you can connect these to the coat layer in standard surface and I really like the result that gives.

Arnold Ice Material Tutorial - Using Cinema 4d, Arnold Render, B2M & Photoshop - Texture02

In this tutorial I show how to create an ice material for Arnold Render. In photoshop I make the material base based on a picture. It's made square and seamless for ease of use. Then processed in Bitmap2Material to create different texture maps. Then mixed together in Arnold Render.

In this tutorial I show how to create an ice material for Arnold Render. In photoshop I make the material base based on a picture. It's made square and seamless for ease of use. Then processed in Bitmap2Material to create different texture maps. Then mixed together in Arnold Render.

This is a little more advanced then the first material tutorial, and hope you like it.

Cinema 4D
Arnold Render
Anders Langalands
Bitmap2Material
Photoshop

Leather Material Tutorial

As the title says, in this leather material tutorial I show my main method of creating materials. In photoshop I make the material base based on a picture. Sometimes from the web or a picture I've taken. It's made square and seamless for ease of use.

After a couple of larger updates by Arnold Renderer some parts of the tutorial is now old and not up to date. Anders Langlands addon to Arnold is deprecated and not possible to use anymore. But many of the principles is still possible to use, and that’s why I do not remove this tutorial form Youtube. Thank you for your understanding :)

As the title says, in this leather material tutorial I show my main method of creating materials. In Photoshop I make the material base often from an image. Sometimes I find this image on the web or a I take my own picture. It's made into a square and then made seamless for ease of use in 3D. Then processed it in Bitmap2Material or Materialize (only on windows) to create different texture maps. Then mixed together in Arnold Render.

Cinema 4D
Arnold Render
Anders Langlands
Bitmap2Material
Materialize
Photoshop