Differential D20183 Diff 55224 general_concepts/projection/axonometric.rst

Changeset View

Standalone View

View Options

general_concepts/projection/axonometric.rst

Show First 20 Lines • Show All 49 Lines • ▼ Show 20 Line(s)
50 50​
51On the vector layer, we select the straight line tool, start a line and then hold :kbd:`Shift` to make it snap to angles. This'll allow us to make a 30° setup like above: 51​On the vector layer, we select the straight line tool, start a line and then hold :kbd:`Shift` to make it snap to angles. This'll allow us to make a 30° setup like above:
52 52​
53.. image:: /images/en/category_projection/projection_image_15.png 53​.. image:: /images/en/category_projection/projection_image_15.png
54 :align: center 54​ :align: center
55 55​
56We then import some of the frames from the animation via :menuselection:`Layers --> Import/Export --> Import layer`. 56​We then import some of the frames from the animation via :menuselection:`Layers --> Import/Export --> Import layer`.
57 57​
58Then crop it by setting the crop tool to :guilabel:`Layer`, and use :menuselection:`Filters --> Colors --> Color to alpha` 58​Then crop it by setting the crop tool to :guilabel:`Layer`, and use :menuselection:`Filters --> Colors --> Color to alpha` to remove any background. I also set the layers to 50% opacity. We then align the vectors to them:
59 to remove any background. I also set the layers to 50% opacity. We then align the vectors to them: ​
60 59​
61.. image:: /images/en/category_projection/projection_image_16.png 60​.. image:: /images/en/category_projection/projection_image_16.png
62 :align: center 61​ :align: center
63 62​
64(Tip, to resize a vector but keep its angle, you just select it with the shape handling tool (the white arrow) drag on the corners of the bounding box to start moving them, and then press :kbd:`Shift` to constrain the ratio. This'll allow you to keep the angle) 63​.. tip::
64​
65​ To resize a vector but keep its angle, you just select it with the shape handling tool (the white arrow) drag on the corners of the bounding box to start moving them, and then press :kbd:`Shift` to constrain the ratio. This'll allow you to keep the angle.
65 66​
66The lower image is 'the back seen from the front', we'll be using this to determine where the ear should go. 67​The lower image is 'the back seen from the front', we'll be using this to determine where the ear should go.
67 68​
68Now, we obviously have too little space, so select the crop tool, select 'image' and tick 'grow' and do the following: 69​Now, we obviously have too little space, so select the crop tool, select :guilabel:`Image` and tick :guilabel:`Grow` and do the following:
69 70​
70.. image:: /images/en/category_projection/projection_image_17.png 71​.. image:: /images/en/category_projection/projection_image_17.png
71 :align: center 72​ :align: center
72 73​
73Grow is a more practical way of resizing the canvas in width and height immediately. 74​Grow is a more practical way of resizing the canvas in width and height immediately.
74 75​
75Then we align the other heads and transform them by using the transform tool options: 76​Then we align the other heads and transform them by using the transform tool options:
76 77​
77.. image:: /images/en/category_projection/projection_image_18.png 78​.. image:: /images/en/category_projection/projection_image_18.png
78 :align: center 79​ :align: center
79 80​
80(330° here is 360°-30°) 81​(330° here is 360°-30°)
81 82​
82Our rectangle we'll be working in slowly becomes visible. Now, this is a bit of a difficult angle to work at, so we go to :menuselection:`Image --> Rotate --> Custom Rotation` 83​Our rectangle we'll be working in slowly becomes visible. Now, this is a bit of a difficult angle to work at, so we go to :menuselection:`Image --> Rotate --> Custom Rotation` and fill in 30° clockwise:
83 and fill in 30° clockwise: ​
84 84​
85.. image:: /images/en/category_projection/projection_image_19.png 85​.. image:: /images/en/category_projection/projection_image_19.png
86 :align: center 86​ :align: center
87.. image:: /images/en/category_projection/projection_image_20.png 87​.. image:: /images/en/category_projection/projection_image_20.png
88 :align: center 88​ :align: center
89 89​
90(of course, we could've just rotated the left two images 30°, this is mostly to be less confusing compared to the cube) 90​(of course, we could've just rotated the left two images 30°, this is mostly to be less confusing compared to the cube)
91 91​
Show All 12 Lines
104.. image:: /images/en/category_projection/projection_image_23.png 104​.. image:: /images/en/category_projection/projection_image_23.png
105 :align: center 105​ :align: center
106 106​
107Alternative axonometric with the transform tool 107​Alternative axonometric with the transform tool
108----------------------------------------------- 108​-----------------------------------------------
109 109​
110Now, there's an alternative way of getting there that doesn't require as much space. 110​Now, there's an alternative way of getting there that doesn't require as much space.
111 111​
112We open our orthographic with 'open existing document as untitled document' so that we don't save over it. 112​We open our orthographic with :guilabel:`Open existing Document as Untitled Document` so that we don't save over it.
113 113​
114Our game-safe isometric has its angle at two pixels horizontal is one pixel vertical. So, we shear the ortho graphics with transform masks to -.5/+.5 pixels (this is proportional) 114​Our game-safe isometric has its angle at two pixels horizontal is one pixel vertical. So, we shear the ortho graphics with transform masks to -.5/+.5 pixels (this is proportional)
115 115​
116.. image:: /images/en/category_projection/projection_image_24.png 116​.. image:: /images/en/category_projection/projection_image_24.png
117 :align: center 117​ :align: center
118 118​
119Use the grid to setup two parallel rulers that represent both diagonals (you can snap them with the :kbd:`Shift + S`): 119​Use the grid to setup two parallel rulers that represent both diagonals (you can snap them with the :kbd:`Shift + S`):
120 120​
Show All 14 Lines
135 135​
136.. image:: /images/en/category_projection/projection_image_28.png 136​.. image:: /images/en/category_projection/projection_image_28.png
137 :align: center 137​ :align: center
138 138​
139As you can see, this version both looks more 3d as well as more creepy. 139​As you can see, this version both looks more 3d as well as more creepy.
140 140​
141That's because there are less steps involved as the previous version -- We're deriving our image directly from the orthographic view -- so there are less errors involved. 141​That's because there are less steps involved as the previous version -- We're deriving our image directly from the orthographic view -- so there are less errors involved.
142 142​
143The creepiness is because we've had the tiniest bit of stylisation in our sideview, so the eyes come out HUGE. This is because when we stylise the side view of an eye, we tend to draw it not perfectly from the side, but rather slightly at an angle. If you look carefully at the turntable, the same problem crops up there as well. 143​The creepiness is because we've had the tiniest bit of stylisation in our side view, so the eyes come out HUGE. This is because when we stylise the side view of an eye, we tend to draw it not perfectly from the side, but rather slightly at an angle. If you look carefully at the turntable, the same problem crops up there as well.
144 144​
145Generally, stylised stuff tends to fall apart in 3d view, and you might need to make some choices on how to make it work. 145​Generally, stylised stuff tends to fall apart in 3d view, and you might need to make some choices on how to make it work.
146 146​
147For example, we can just easily fix the side view (because we used transform masks, this is easy.) 147​For example, we can just easily fix the side view (because we used transform masks, this is easy.)
148 148​
149.. image:: /images/en/category_projection/projection_image_29.png 149​.. image:: /images/en/category_projection/projection_image_29.png
150 :align: center 150​ :align: center
151 151​
Show All 13 Lines