diff options
| author | Akshay <[email protected]> | 2020-04-16 16:10:45 +0100 |
|---|---|---|
| committer | Akshay <[email protected]> | 2020-04-16 16:10:45 +0100 |
| commit | ada45c1bea838e5f38f24fe37e558c1b7959ae28 (patch) | |
| tree | f163cfc35f2080cc7ff4decdaec0b574e314b3a8 /docs/posts/pixel_art_in_GIMP/index.html | |
| parent | 26af9ac49c3b05151f23ca1087bb06708e97a096 (diff) | |
redo pandoc commands to print fragments only
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. |