aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--docs/index.html2
-rw-r--r--docs/index.xml17
-rw-r--r--docs/posts/pixel_art_in_GIMP/index.html19
-rw-r--r--posts/pixel_art_in_GIMP.md23
4 files changed, 38 insertions, 23 deletions
diff --git a/docs/index.html b/docs/index.html
index 6000e3d..a1b2674 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -39,7 +39,7 @@
39 </td> 39 </td>
40 <td class=table-stats> 40 <td class=table-stats>
41 <span class="stats-number"> 41 <span class="stats-number">
42 4.7 42 4.9
43 </span> 43 </span>
44 <span class=stats-unit>min</span> 44 <span class=stats-unit>min</span>
45 </td> 45 </td>
diff --git a/docs/index.xml b/docs/index.xml
index 9d9a594..c2c2a6f 100644
--- a/docs/index.xml
+++ b/docs/index.xml
@@ -34,8 +34,8 @@ configuration. </p>
34 34
35<p>Sometimes I use a 10x10 grid, <code>View &#62; Show Grid</code> and <code>Edit &#62; 35<p>Sometimes I use a 10x10 grid, <code>View &#62; Show Grid</code> and <code>Edit &#62;
36Preferences &#62; Default Grid &#62; Spacing</code>, but that can get 36Preferences &#62; Default Grid &#62; Spacing</code>, but that can get
37jarring at times, so I throw down a couple of guides, drag 37jarring, so I throw down a couple of guides, drag right or
38right or down from the left or top gutters for vertical and 38down from the left or top gutters for vertical and
39horizontal guides respectively.</p> 39horizontal guides respectively.</p>
40 40
41<h3 id="Choosing%20a%20Brush">Choosing a Brush</h3> 41<h3 id="Choosing%20a%20Brush">Choosing a Brush</h3>
@@ -62,7 +62,7 @@ piece. I usually follow a three step process:</p>
62<li>add highlights</li> 62<li>add highlights</li>
63</ul> 63</ul>
64 64
65<p>But this process are better explained with an example: an 65<p>But this process is better explained with an example: an
66onigiri. Let us start off with a 100x100 canvas.</p> 66onigiri. Let us start off with a 100x100 canvas.</p>
67 67
68<h4 id="Drawing%20the%20outline">Drawing the outline</h4> 68<h4 id="Drawing%20the%20outline">Drawing the outline</h4>
@@ -71,8 +71,13 @@ onigiri. Let us start off with a 100x100 canvas.</p>
71on GIMP 2.10+, you can take advantage of the Symmetry 71on GIMP 2.10+, you can take advantage of the Symmetry
72Painting feature. Go ahead and enable vertical symmetry, 72Painting feature. Go ahead and enable vertical symmetry,
73<code>Window &#62; Dockable Dialogs &#62; Symmetry Painting</code> and 73<code>Window &#62; Dockable Dialogs &#62; Symmetry Painting</code> and
74<code>Symmetry Painting &#62; Symmetry &#62; Mirror &#62; Vertical</code>. Your 74<code>Symmetry Painting &#62; Symmetry &#62; Mirror &#62; Vertical</code>. </p>
75outline might look something like this:</p> 75
76<p>If you are running an older version of GIMP, draw in the
77left side, duplicate the layer, flip it horizontally, and
78merge it with the original.</p>
79
80<p>Your outline might look something like this:</p>
76 81
77<p><img src="https://u.peppe.rs/mn.png" alt="rice_outline" /></p> 82<p><img src="https://u.peppe.rs/mn.png" alt="rice_outline" /></p>
78 83
@@ -149,7 +154,7 @@ was 100x100, head over to <code>Image &#62; Scale Image</code>, set
149 154
150<p><img src="https://u.peppe.rs/CH.png" alt="big_onigiri" /></p></description> 155<p><img src="https://u.peppe.rs/CH.png" alt="big_onigiri" /></p></description>
151<link>https://peppe.rs/posts/pixel_art_in_GIMP/</link> 156<link>https://peppe.rs/posts/pixel_art_in_GIMP/</link>
152<pubDate>Thu, 09 Apr 2020 15:56:00 +0000</pubDate> 157<pubDate>Thu, 09 Apr 2020 16:26:00 +0000</pubDate>
153<guid>https://peppe.rs/posts/pixel_art_in_GIMP/</guid> 158<guid>https://peppe.rs/posts/pixel_art_in_GIMP/</guid>
154</item> 159</item>
155<item> 160<item>
diff --git a/docs/posts/pixel_art_in_GIMP/index.html b/docs/posts/pixel_art_in_GIMP/index.html
index 3122f13..2872983 100644
--- a/docs/posts/pixel_art_in_GIMP/index.html
+++ b/docs/posts/pixel_art_in_GIMP/index.html
@@ -23,12 +23,12 @@
23 09/04 — 2020 23 09/04 — 2020
24 <div class="stats"> 24 <div class="stats">
25 <span class="stats-number"> 25 <span class="stats-number">
26 53.54 26 55.53
27 </span> 27 </span>
28 <span class="stats-unit">cm</span> 28 <span class="stats-unit">cm</span>
29 &nbsp 29 &nbsp
30 <span class="stats-number"> 30 <span class="stats-number">
31 4.7 31 4.9
32 </span> 32 </span>
33 <span class="stats-unit">min</span> 33 <span class="stats-unit">min</span>
34 </div> 34 </div>
@@ -58,8 +58,8 @@ configuration. </p>
58 58
59<p>Sometimes I use a 10x10 grid, <code>View &#62; Show Grid</code> and <code>Edit &#62; 59<p>Sometimes I use a 10x10 grid, <code>View &#62; Show Grid</code> and <code>Edit &#62;
60Preferences &#62; Default Grid &#62; Spacing</code>, but that can get 60Preferences &#62; Default Grid &#62; Spacing</code>, but that can get
61jarring at times, so I throw down a couple of guides, drag 61jarring, so I throw down a couple of guides, drag right or
62right or down from the left or top gutters for vertical and 62down from the left or top gutters for vertical and
63horizontal guides respectively.</p> 63horizontal guides respectively.</p>
64 64
65<h3 id="Choosing%20a%20Brush">Choosing a Brush</h3> 65<h3 id="Choosing%20a%20Brush">Choosing a Brush</h3>
@@ -86,7 +86,7 @@ piece. I usually follow a three step process:</p>
86<li>add highlights</li> 86<li>add highlights</li>
87</ul> 87</ul>
88 88
89<p>But this process are better explained with an example: an 89<p>But this process is better explained with an example: an
90onigiri. Let us start off with a 100x100 canvas.</p> 90onigiri. Let us start off with a 100x100 canvas.</p>
91 91
92<h4 id="Drawing%20the%20outline">Drawing the outline</h4> 92<h4 id="Drawing%20the%20outline">Drawing the outline</h4>
@@ -95,8 +95,13 @@ onigiri. Let us start off with a 100x100 canvas.</p>
95on GIMP 2.10+, you can take advantage of the Symmetry 95on GIMP 2.10+, you can take advantage of the Symmetry
96Painting feature. Go ahead and enable vertical symmetry, 96Painting feature. Go ahead and enable vertical symmetry,
97<code>Window &#62; Dockable Dialogs &#62; Symmetry Painting</code> and 97<code>Window &#62; Dockable Dialogs &#62; Symmetry Painting</code> and
98<code>Symmetry Painting &#62; Symmetry &#62; Mirror &#62; Vertical</code>. Your 98<code>Symmetry Painting &#62; Symmetry &#62; Mirror &#62; Vertical</code>. </p>
99outline might look something like this:</p> 99
100<p>If you are running an older version of GIMP, draw in the
101left side, duplicate the layer, flip it horizontally, and
102merge it with the original.</p>
103
104<p>Your outline might look something like this:</p>
100 105
101<p><img src="https://u.peppe.rs/mn.png" alt="rice_outline" /></p> 106<p><img src="https://u.peppe.rs/mn.png" alt="rice_outline" /></p>
102 107
diff --git a/posts/pixel_art_in_GIMP.md b/posts/pixel_art_in_GIMP.md
index cd9e7ad..be925ca 100644
--- a/posts/pixel_art_in_GIMP.md
+++ b/posts/pixel_art_in_GIMP.md
@@ -19,8 +19,8 @@ configuration.
19 19
20Sometimes I use a 10x10 grid, `View > Show Grid` and `Edit > 20Sometimes I use a 10x10 grid, `View > Show Grid` and `Edit >
21Preferences > Default Grid > Spacing`, but that can get 21Preferences > Default Grid > Spacing`, but that can get
22jarring at times, so I throw down a couple of guides, drag 22jarring, so I throw down a couple of guides, drag right or
23right or down from the left or top gutters for vertical and 23down from the left or top gutters for vertical and
24horizontal guides respectively. 24horizontal guides respectively.
25 25
26### Choosing a Brush 26### Choosing a Brush
@@ -45,7 +45,7 @@ piece. I usually follow a three step process:
45 - fill in the shadows 45 - fill in the shadows
46 - add highlights 46 - add highlights
47 47
48But this process are better explained with an example: an 48But this process is better explained with an example: an
49onigiri. Let us start off with a 100x100 canvas. 49onigiri. Let us start off with a 100x100 canvas.
50 50
51#### Drawing the outline 51#### Drawing the outline
@@ -54,8 +54,13 @@ For the most part, our figure will be symmetric. If you are
54on GIMP 2.10+, you can take advantage of the Symmetry 54on GIMP 2.10+, you can take advantage of the Symmetry
55Painting feature. Go ahead and enable vertical symmetry, 55Painting feature. Go ahead and enable vertical symmetry,
56`Window > Dockable Dialogs > Symmetry Painting` and 56`Window > Dockable Dialogs > Symmetry Painting` and
57`Symmetry Painting > Symmetry > Mirror > Vertical`. Your 57`Symmetry Painting > Symmetry > Mirror > Vertical`.
58outline might look something like this: 58
59If you are running an older version of GIMP, draw in the
60left side, duplicate the layer, flip it horizontally, and
61merge it with the original.
62
63Your outline might look something like this:
59 64
60![rice_outline](https://u.peppe.rs/mn.png) 65![rice_outline](https://u.peppe.rs/mn.png)
61 66
@@ -94,10 +99,10 @@ might explain better:
94 99
95To emulate soft lights, reduce the value by 2 to 3 points 100To emulate soft lights, reduce the value by 2 to 3 points
96every iteration. Notice how area `1` is much larger than 101every iteration. Notice how area `1` is much larger than
97area `4`. This is because an onigiri resembles an oblate 102area `4`. This is because an onigiri resembles a bottom
98spheroid, a sphere that is slightly fatter around the 103heavy oblate spheroid, a sphere that is slightly fatter
99middle, and areas `1` and `2` catch more light than areas 104around the lower bottom, and areas `1` and `2` catch more
100`3` and `4`. 105light than areas `3` and `4`.
101 106
102Do the same with the seaweed. The seaweed, being a smaller, 107Do the same with the seaweed. The seaweed, being a smaller,
103flatter object, doesn't cast much of a shadow, so stop with 108flatter object, doesn't cast much of a shadow, so stop with