Minecraft Blogs / Tutorial

Google Material Design Long Shadow Tutorial (Inkscape)

  • 2,593 views, 6 today
  • 31
  • 14
  • 18
Zitzabis's Avatar Zitzabis
Retired Moderator
Level 75 : Legendary Gent
1,459
To preface this, what does this have to do with Minecraft? Nothing.
How can it be applied to Minecraft? If you want to make logos for your servers, build teams, textures packs, etc.
Calm down on the "MC ONLY PLS!" stuff.

Google Material Design Long Shadow Tutorial

An easy way to generate the long shadows that are part of the Google Material Design.

This is using the software called Inkscape. It's free to use and is supported on Windows, Linux and OSX. It's also vector based which really helps with logo creation.

Please keep in mind that this is ONLY showing you how to make the shadow. If you don't know how to draw shapes or enable the grid or snap to the grid, Google is your friend. There are way too many tutorials out there for that kind of stuff that we don't need another.


NOTE: It doesn't work with circles for some reason. Use Interpolate for that.





Google Material Design Long Shadow Tutorial (Inkscape)

Make sure your main object is ungrouped (groups won't work with this).

For some reason this extruding method won't work with groups. So have your object either as a single shape (you can merge multiple objects by pressing Ctrl + "+"). Merge, make a copy and then unmerge if you need to.



Google Material Design Long Shadow Tutorial (Inkscape)

Select the base shape that the shadow will be cast off of.




Google Material Design Long Shadow Tutorial (Inkscape)

Go to Extensions > Generate from path > Motion





Make sure the angle is set to 45 degrees. The magnitude is just how far the extrusion will go.




Hit Apply and it should extrude (it make take a while to do so)




This new extrusion is actually a group of objects. Click on it and ungroup. This will separate the extruded parts.

Your base shape is actually part of this group. So in ungrouping you'll now have your base shape and then a group of shapes that make up the extruded part.



You now have your base shape and extruded group of shapes.




Click on the group portion (just click on the tail part of the shape and you'll get it). Ungroup it.




Now you can see what it was made up of.




Delete any pieces that aren't really needed. In reality, you can skip this step if you want.




Press Ctrl + "+" and you'll merge those pieces into a solid block. Now also select the circle piece to act as your cookie cutter.




Press Ctrl + * to splice the pieces (you might need to press Ctrl + Shift + * to access the *)

Copy this piece to your clipboard now.



Undo all your steps again until you are back to your original shape. Now press Ctrl + V to paste the shape from before.




Move it into place and change it's fill colour to the shade that you want.

It's recommended to use the Google Material Design palette.






Links:

Tags

Create an account or sign in to comment.

1
09/11/2016 9:07 pm
Level 47 : Master Gent
Jhent
Jhent's Avatar
Is there a specific name for this type of art? I'd be perfect for video thumbnails
1
09/11/2016 10:03 pm
Level 75 : Legendary Gent
Zitzabis
Zitzabis's Avatar
It's all compliant with the Google Material Design.

https://material.google.com/
1
09/12/2016 12:06 am
Level 47 : Master Gent
Jhent
Jhent's Avatar
Do you know if theres a way to take one of the armors in this image http://vignette3.wikia.nocookie.net/fallout/images/9/99/Fo4_power_armor_concept_art.jpg/revision/latest?cb=20160107123649 and turn it into a simple image like the ones above?
1
08/19/2016 10:11 pm
Level 16 : Journeyman Network
Konrad
Konrad's Avatar
Long read but worth it :D
1
07/27/2016 11:25 pm
Level 64 : High Grandmaster Princess
Havingfun_ISKEY
Havingfun_ISKEY's Avatar
Smartie pants
1
07/26/2016 4:57 pm
Level 1 : New Miner
WolfSlayer74
WolfSlayer74's Avatar
WHY DID YOU MODERATE MY REALM BLOG I NEED MORE PEOPLE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
1
07/26/2016 5:02 pm
Level 75 : Legendary Gent
Zitzabis
Zitzabis's Avatar
Use the forums.
1
07/26/2016 5:05 pm
Level 1 : New Miner
WolfSlayer74
WolfSlayer74's Avatar
well somebody on a server recommended this site...
1
07/26/2016 12:54 pm
Level 65 : High Grandmaster Gent
ThatGuyJake
ThatGuyJake's Avatar
I dun never seen such fancy shadows.
Planet Minecraft

Website

© 2010 - 2024
www.planetminecraft.com

Welcome