diff options
Diffstat (limited to 'docs/posts/pixel_art_in_GIMP/index.html')
-rw-r--r-- | docs/posts/pixel_art_in_GIMP/index.html | 31 |
1 files changed, 7 insertions, 24 deletions
diff --git a/docs/posts/pixel_art_in_GIMP/index.html b/docs/posts/pixel_art_in_GIMP/index.html index 7bd1eed..e6661b2 100644 --- a/docs/posts/pixel_art_in_GIMP/index.html +++ b/docs/posts/pixel_art_in_GIMP/index.html | |||
@@ -2,6 +2,7 @@ | |||
2 | <html lang="en"> | 2 | <html lang="en"> |
3 | <head> | 3 | <head> |
4 | <link rel="stylesheet" href="/style.css"> | 4 | <link rel="stylesheet" href="/style.css"> |
5 | <link rel="stylesheet" href="/syntax.css"> | ||
5 | <meta charset="UTF-8"> | 6 | <meta charset="UTF-8"> |
6 | <meta name="viewport" content="initial-scale=1"> | 7 | <meta name="viewport" content="initial-scale=1"> |
7 | <meta content="#ffffff" name="theme-color"> | 8 | <meta content="#ffffff" name="theme-color"> |
@@ -37,27 +38,7 @@ | |||
37 | Pixel Art In GIMP | 38 | Pixel Art In GIMP |
38 | </h1> | 39 | </h1> |
39 | <div class="post-text"> | 40 | <div class="post-text"> |
40 | <!DOCTYPE html> | 41 | <p>I’ve always been an admirer of pixel art, because of it’s simplicity and it’s resemblance to bitmap font design. Recently, I decided to take the dive and make some art of my own.</p> |
41 | <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> | ||
42 | <head> | ||
43 | <meta charset="utf-8" /> | ||
44 | <meta name="generator" content="pandoc" /> | ||
45 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> | ||
46 | <title>pixel_art_in_GIMP</title> | ||
47 | <style> | ||
48 | code{white-space: pre-wrap;} | ||
49 | span.smallcaps{font-variant: small-caps;} | ||
50 | span.underline{text-decoration: underline;} | ||
51 | div.column{display: inline-block; vertical-align: top; width: 50%;} | ||
52 | div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} | ||
53 | ul.task-list{list-style: none;} | ||
54 | </style> | ||
55 | <!--[if lt IE 9]> | ||
56 | <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> | ||
57 | <![endif]--> | ||
58 | </head> | ||
59 | <body> | ||
60 | <p>I’ve always been an admirer of pixel art, because of it’s simplicity and it’s resemblance to bitmap font design. Recently, I decided to take the dive and make some art of my own.</p> | ||
61 | <p>I used GIMP because I am fairly familiar with it. Aseprite seems to be the editor of choice for animated pixel art though.</p> | 42 | <p>I used GIMP because I am fairly familiar with it. Aseprite seems to be the editor of choice for animated pixel art though.</p> |
62 | <h3 id="setting-up-the-canvas">Setting up the canvas</h3> | 43 | <h3 id="setting-up-the-canvas">Setting up the canvas</h3> |
63 | <p>Picking a canvas size is daunting. Too small, and you won’t be able to fit in enough detail to make a legible piece. Too big and you’ve got too many pixels to work with!</p> | 44 | <p>Picking a canvas size is daunting. Too small, and you won’t be able to fit in enough detail to make a legible piece. Too big and you’ve got too many pixels to work with!</p> |
@@ -106,13 +87,15 @@ | |||
106 | <p><img src="https://u.peppe.rs/cn.png" /></p> | 87 | <p><img src="https://u.peppe.rs/cn.png" /></p> |
107 | <p>Hold on, why is it so tiny? Well, that’s because our canvas was 100x100, head over to <code>Image > Scale Image</code>, set <code>Quality > Interpolation</code> to <code>None</code> and scale it up to 700x700, et voilà!</p> | 88 | <p>Hold on, why is it so tiny? Well, that’s because our canvas was 100x100, head over to <code>Image > Scale Image</code>, set <code>Quality > Interpolation</code> to <code>None</code> and scale it up to 700x700, et voilà!</p> |
108 | <p><img src="https://u.peppe.rs/CH.png" /></p> | 89 | <p><img src="https://u.peppe.rs/CH.png" /></p> |
109 | </body> | ||
110 | </html> | ||
111 | 90 | ||
112 | </div> | 91 | </div> |
113 | 92 | ||
114 | <div class=intro> | 93 | <div class=intro> |
115 | Hi. <a href=https://peppe.rs/index.xml class=feed-button>Subscribe</a> | 94 | Hi. |
95 | <div class=hot-links> | ||
96 | <a href=https://peppe.rs/index.xml class=feed-button>Subscribe</a> | ||
97 | <a href=https://liberapay.com/nerdypepper/donate class=donate-button>Donate</a> | ||
98 | </div> | ||
116 | <p>I'm Akshay, I go by nerd or nerdypepper on the internet.</p> | 99 | <p>I'm Akshay, I go by nerd or nerdypepper on the internet.</p> |
117 | <p> | 100 | <p> |
118 | I am a compsci undergrad, Rust programmer and an enthusiastic Vimmer. | 101 | I am a compsci undergrad, Rust programmer and an enthusiastic Vimmer. |