Changeset View
Changeset View
Standalone View
Standalone View
general_concepts/projection/orthographic_oblique.rst
| Show First 20 Lines • Show All 53 Lines • ▼ Show 20 Line(s) | |||||
| 54 | 54 | | |||
| 55 | But cubes are boring. I am suspecting that projection is so ignored because no tutorial applies it to an object where you actually might NEED projection. Like a face. | 55 | But cubes are boring. I am suspecting that projection is so ignored because no tutorial applies it to an object where you actually might NEED projection. Like a face. | ||
| 56 | 56 | | |||
| 57 | First, let's prepare our front and side views: | 57 | First, let's prepare our front and side views: | ||
| 58 | 58 | | |||
| 59 | .. image:: /images/en/category_projection/projection_image_01.png | 59 | .. image:: /images/en/category_projection/projection_image_01.png | ||
| 60 | :align: center | 60 | :align: center | ||
| 61 | 61 | | |||
| 62 | I always start with the side, and then extrapolate the front view from it. Because you are using Krita, set up two parallel rulers, one vertical and the other horizontal. To snap them perfectly, drag one of the nodes after you have made the ruler, and press :kbd:`Shift` to snap it horizontal or vertical. In 3.0, you can also snap them to the image borders if you have :menuselection:`Snap to image borders` active via :kbd:`Shift` + :kbd:`S` | 62 | I always start with the side, and then extrapolate the front view from it. Because you are using Krita, set up two parallel rulers, one vertical and the other horizontal. To snap them perfectly, drag one of the nodes after you have made the ruler, and press :kbd:`Shift` to snap it horizontal or vertical. In 3.0, you can also snap them to the image borders if you have :menuselection:`Snap Image Bounds` active via :kbd:`Shift` + :kbd:`S` | ||
| 63 | 63 | | |||
| 64 | Then, by moving the mirror to the left, you can design a front-view from the sideview, while the parallel preview line helps you with aligning the eyes (which in the above screenshot are too low). | 64 | Then, by moving the mirror to the left, you can design a front view from the side view, while the parallel preview line helps you with aligning the eyes (which in the above screenshot are too low). | ||
| 65 | 65 | | |||
| 66 | Eventually, you should have something like this: | 66 | Eventually, you should have something like this: | ||
| 67 | 67 | | |||
| 68 | .. image:: /images/en/category_projection/projection_image_02.png | 68 | .. image:: /images/en/category_projection/projection_image_02.png | ||
| 69 | :align: center | 69 | :align: center | ||
| 70 | 70 | | |||
| 71 | And of course, let us not forget the top, it's pretty important: | 71 | And of course, let us not forget the top, it's pretty important: | ||
| 72 | 72 | | |||
| 73 | .. image:: /images/en/category_projection/projection_image_03.png | 73 | .. image:: /images/en/category_projection/projection_image_03.png | ||
| 74 | :align: center | 74 | :align: center | ||
| 75 | 75 | | |||
| 76 | .. tip:: | 76 | .. tip:: | ||
| 77 | 77 | | |||
| 78 | When you are using Krita, you can just use transform masks to rotate the side view for drawing the top-view. | 78 | When you are using Krita, you can just use transform masks to rotate the side view for drawing the top view. | ||
| 79 | 79 | | |||
| 80 | The top view works as a method for debugging your orthos as well. If we take the red line to figure out the orthographics from, we see that our eyes are obviously too inset. Let's move them a bit more forward, to around the nose. | 80 | The top view works as a method for debugging your orthos as well. If we take the red line to figure out the orthographics from, we see that our eyes are obviously too inset. Let's move them a bit more forward, to around the nose. | ||
| 81 | 81 | | |||
| 82 | .. image:: /images/en/category_projection/projection_image_04.png | 82 | .. image:: /images/en/category_projection/projection_image_04.png | ||
| 83 | :align: center | 83 | :align: center | ||
| 84 | 84 | | |||
| 85 | If you want to do precision position moving in the tool options docker, just select 'position' and the input box for the X. Pressing down then moves the transformed selection left. With Krita 3.0 you can just use the move tool for this and the arrow keys. Using transform here can be more convenient if you also have to squash and stretch an eye. | 85 | If you want to do precision position moving in the tool options docker, just select 'position' and the input box for the X. Pressing down then moves the transformed selection left. With Krita 3.0 you can just use the move tool for this and the arrow keys. Using transform here can be more convenient if you also have to squash and stretch an eye. | ||
| 86 | 86 | | |||
| 87 | .. image:: /images/en/category_projection/projection_image_05.png | 87 | .. image:: /images/en/category_projection/projection_image_05.png | ||
| 88 | :align: center | 88 | :align: center | ||
| 89 | 89 | | |||
| 90 | We fix the top view now. Much better. | 90 | We fix the top view now. Much better. | ||
| 91 | 91 | | |||
| 92 | For faces, the multiple slices are actually pretty important. So important even, that I have decided we should have these slices on separate layers. Thankfully, I chose to colour them, so all we need to do is go to :menuselection:`Layer --> Split Layer` | 92 | For faces, the multiple slices are actually pretty important. So important even, that I have decided we should have these slices on separate layers. Thankfully, I chose to color them, so all we need to do is go to :menuselection:`Layer --> Split Layer` | ||
| 93 | . | 93 | . | ||
| 94 | 94 | | |||
| 95 | .. image:: /images/en/category_projection/projection_image_06.png | 95 | .. image:: /images/en/category_projection/projection_image_06.png | ||
| 96 | :align: center | 96 | :align: center | ||
| 97 | 97 | | |||
| 98 | This'll give you a few awkwardly named layers… rename them by selecting all and mass changing the name in the properties editor: | 98 | This'll give you a few awkwardly named layers… rename them by selecting all and mass changing the name in the properties editor: | ||
| 99 | 99 | | |||
| 100 | .. image:: /images/en/category_projection/projection_image_07.png | 100 | .. image:: /images/en/category_projection/projection_image_07.png | ||
| 101 | :align: center | 101 | :align: center | ||
| 102 | 102 | | |||
| 103 | So, after some cleanup, we should have the following: | 103 | So, after some cleanup, we should have the following: | ||
| 104 | 104 | | |||
| 105 | .. image:: /images/en/category_projection/projection_image_08.png | 105 | .. image:: /images/en/category_projection/projection_image_08.png | ||
| 106 | :align: center | 106 | :align: center | ||
| 107 | 107 | | |||
| 108 | Okay, now we're gonna use animation for the next bit. | 108 | Okay, now we're gonna use animation for the next bit. | ||
| 109 | 109 | | |||
| 110 | Set it up as follows: | 110 | Set it up as follows: | ||
| 111 | 111 | | |||
| 112 | .. image:: /images/en/category_projection/projection_image_09.png | 112 | .. image:: /images/en/category_projection/projection_image_09.png | ||
| 113 | :align: center | 113 | :align: center | ||
| 114 | 114 | | |||
| 115 | * Both frontview and sideview are set up as 'visible in timeline' so we can always see them. | 115 | * Both front view and side view are set up as 'visible in timeline' so we can always see them. | ||
| 116 | * Frontview has its visible frame on frame 0 and an empty-frame on frame 23. | 116 | * Front view has its visible frame on frame 0 and an empty frame on frame 23. | ||
| 117 | * Side view has its visible frame on frame 23 and an empty view on frame 0. | 117 | * Side view has its visible frame on frame 23 and an empty view on frame 0. | ||
| 118 | * The end of the animation is set to 23. | 118 | * The end of the animation is set to 23. | ||
| 119 | 119 | | |||
| 120 | .. image:: /images/en/category_projection/projection_image_10.png | 120 | .. image:: /images/en/category_projection/projection_image_10.png | ||
| 121 | :align: center | 121 | :align: center | ||
| 122 | 122 | | |||
| 123 | Krita can't animate a transformation on multiple layers on multiple frames yet, so let's just only transform the top layer. Add a semi-transparent layer where we draw the guide-lines. | 123 | Krita can't animate a transformation on multiple layers on multiple frames yet, so let's just only transform the top layer. Add a semi-transparent layer where we draw the guidelines. | ||
| 124 | 124 | | |||
| 125 | Now, select frame 11 (halfway), add new frames from frontview, sideview and the guide-lines. And turn on the onion skin by toggling the lamp symbols. We copy the frame for the top-view and use the transform tool to rotate it 45°. | 125 | Now, select frame 11 (halfway), add new frames from front view, side view and the guidelines. And turn on the onion skin by toggling the lamp symbols. We copy the frame for the top view and use the transform tool to rotate it 45°. | ||
| 126 | 126 | | |||
| 127 | .. image:: /images/en/category_projection/projection_image_11.png | 127 | .. image:: /images/en/category_projection/projection_image_11.png | ||
| 128 | :align: center | 128 | :align: center | ||
| 129 | 129 | | |||
| 130 | So, we draw our vertical guides again and determine a in-between... | 130 | So, we draw our vertical guides again and determine a in-between... | ||
| 131 | 131 | | |||
| 132 | .. image:: /images/en/category_projection/projection_image_12.png | 132 | .. image:: /images/en/category_projection/projection_image_12.png | ||
| 133 | :align: center | 133 | :align: center | ||
| 134 | 134 | | |||
| 135 | This is about how far you can get with only the main slice, so rotate the rest as well. | 135 | This is about how far you can get with only the main slice, so rotate the rest as well. | ||
| 136 | 136 | | |||
| 137 | .. image:: /images/en/category_projection/projection_image_13.png | 137 | .. image:: /images/en/category_projection/projection_image_13.png | ||
| 138 | :align: center | 138 | :align: center | ||
| 139 | 139 | | |||
| 140 | And just like with the cube, we do this for all slices… | 140 | And just like with the cube, we do this for all slices… | ||
| 141 | 141 | | |||
| 142 | .. image:: /images/en/category_projection/projection_image_14.png | 142 | .. image:: /images/en/category_projection/projection_image_14.png | ||
| 143 | :align: center | 143 | :align: center | ||
| 144 | 144 | | |||
| 145 | Eventually, if you have the top slices rotate every frame with 15°, you should be able to make a turn table, like this: | 145 | Eventually, if you have the top slices rotate every frame with 15°, you should be able to make a turn table, like this: | ||
| 146 | 146 | | |||
| 147 | .. image:: /images/en/category_projection/projection_animation_01.gif | 147 | .. image:: /images/en/category_projection/projection_animation_01.gif | ||
| 148 | :align: center | 148 | :align: center | ||
| 149 | 149 | | |||
| 150 | (Because our boy here is fully symmetrical, you can just animate one side and flip the frames for the other half) | 150 | Because our boy here is fully symmetrical, you can just animate one side and flip the frames for the other half. | ||
| 151 | (While it is not necessary to follow all the steps in the theory section to understand the tutorial, I do recommend making a turn table sometime. It teaches you a lot about drawing 3/4th faces. | 151 | | ||
| 152 | While it is not necessary to follow all the steps in the theory section to understand the tutorial, I do recommend making a turn table sometime. It teaches you a lot about drawing 3/4th faces. | ||||
| 152 | 153 | | |||
| 153 | How about… we introduce the top view into the drawing itself? | 154 | How about… we introduce the top view into the drawing itself? | ||