Repeat the action with the sea with Transparency set to Overlay 40%. Select the floor group and the floor texture, go to Transparency, press Make Mask and choose Overlay 100%. Select the floor group and Copy and Paste In Front in the layer Texture_land. Then Copy and Paste In Front in the layer Texture_sea and Texture_land. 4. Import the Texture Into Illustrator Step 1 You can move forward using either your own textures or the ones I created. You can then go to Modes (Command-3) and change the mode to produce several textures with the same black & white pattern. To save a texture, select File > Export (Command-E) and choose a Width and Height higher than 600 pixel, Best quality and press OK to save your concept. Select the Eraser Tool (E) with low Opacity (10%) to adjust the tone of the texture. Use the Brush Tool (B) and the color white ( #FFFFFF) with low Opacity (10%) to paint a texture pattern. Then, select the Glow tab and check Enabled.įinally, go to the Document tab (Command-4) and change the Width to 48 and the Height to 48, and check Wrapped (Tileable) Canvas. Then click on the Modes tab (Command-2) and select Trixel, and check Rotate 90. Select File > New to create a new document. 3. Create the Textures Using Hexels Step 1 Save (Command-S) your work and open Hexel to create the textures. Repeat the action for the left walls with a Transparency to Overlay 50%. Group the reflection right walls, and change the Transparency (Window > Transparency) to Multiply 50%. Pick the Pen Tool (P) and use the grid to create a depth of -2 for the right walls and left walls of the same color for each wall. Step 3Ĭreate the reflection of the water in the layer Reflection_land. Repeat the action for the right wall and left wall.Īdd a background, select the Rectangle Tool (M), click on an empty space to create a 600 x 450 background in the Layer Sea, and use the Eyedropper Tool (I) to fill the sea with its color. Select the floor group, pick the Eyedropper Tool (I) and use your reference to match the color. Group (Command-G) the floor items, the right wall items and the left wall items. Select the Layer Land, pick the Pen Tool (P), and choose no Fill and a black Stroke of 1 pixel to create the outline of the floor, right wall and left wall. Save the file, File > Save as (Command-Shift-S), to have a file of your own island. Toggle on the Smart Guide (View > Smart Guide) and lock the guides (View > Guides > Lock). Then Copy (Command-C) and Paste In Front (Command-F) in the file " Grid.ai" in the Layer Reference. Open the file " Grid.ai" and Open (Command-O) to open your concept.
2. Import Your Concept Into Illustrator Step 1 You can choose to use your concepts or the one I gave you with the resource folder. To save a concept, select File > Export (Command-E) and choose a Resolution near 600 in Width and 450 in Height, Best quality and press OK to save your concept. Select the Color D rop (I) and use the Brush Tool (B) to paint. Now, you can paint a concept using the set of colors. Select the Color tab (Command-1) and pick a color for the floor ( #FFCC66), the right wall ( #CB4425), the left wall ( #F29946), and the sea ( #66FFB3) Paint them in a corner with the Brush Tool (B) to save them with an Opacity set to 100%. Step 2įirst, we'll create a color set for the illustration. Then, select the Glow tab (Command-3) and uncheck Enabled.įinally, go to the Document tab (Command-4), change the Width to 36 and the Height to 48, and check Trim Canvas Border. With Hexels open and the graphics tablet wired, create a new file (Command-N). Then click on Modes (Command-2) and select Trixel, and check Rotate 90.
#Hexels animation tutorial download#
To follow the tutorial with ease, I recommend that you download the resources provided with the tutorial, have Hexels and a graphic tablet ready to draw, and Illustrator open. Read on to learn about Hexels' fast pace to iterate concepts and easy-to-create neat textures.
#Hexels animation tutorial how to#
With this tutorial I'd like to show you how to create a piece of isometric art using Hexels by Marmoset and Illustrator.
0 kommentar(er)
