Author Topic: Keyboard pixel art things.  (Read 954928 times)

0 Members and 1 Guest are viewing this topic.

Offline peachie

  • Posts: 25
  • Location: a distant galaxy
  • novice keycap enthusiast
Re: Keyboard pixel art things.
« Reply #2750 on: Wed, 04 November 2020, 10:13:01 »
I think this newer member to my keyboard hoard family would make for really cute and easy pixel art~


Melgeek Mojo60 w/ rainbow POM keycaps

hopefully you think so too, Shark :>
 
Foxlab Key65       TMO50          MOJO60


Offline sharktastica

  • Posts: 95
  • Location: Wales, UK
  • CompSci research student, IBMer, r/ModelM mod
    • Shark's IBM Stuff
Re: Keyboard pixel art things.
« Reply #2751 on: Thu, 05 November 2020, 13:45:49 »
hopefully you think so too, Shark :>

Your wish is my command. Enjoy!


Offline sharktastica

  • Posts: 95
  • Location: Wales, UK
  • CompSci research student, IBMer, r/ModelM mod
    • Shark's IBM Stuff
Re: Keyboard pixel art things.
« Reply #2752 on: Sun, 08 November 2020, 07:05:18 »
Just FYI to those interested  in IBM and co art, I've hosted all the ones I've made on my website so they can be found in one place:
https://sharktastica.co.uk/kb_icons

I'll continue to post new ones here, though.

Online Rob27shred

  • Posts: 1126
  • Location: Pittsburgh, PA
  • Insane in the Membrane! 👻
Re: Keyboard pixel art things.
« Reply #2753 on: Mon, 16 November 2020, 15:57:16 »
256003-0

If anyone could do one of my Sirius I would be highly appreciative. How do you guys make these pixel art things anyways? I'd love to figure it out so I can make my own & ones for others.

Offline sharktastica

  • Posts: 95
  • Location: Wales, UK
  • CompSci research student, IBMer, r/ModelM mod
    • Shark's IBM Stuff
Re: Keyboard pixel art things.
« Reply #2754 on: Tue, 17 November 2020, 10:40:28 »
(Attachment Link)
If anyone could do one of my Sirius I would be highly appreciative.

Your wish is my command. I couldn't tell if there was supposed to be a 'beige' tint on all the colours from your photo or if your lighting was just of a warm hue, so I produced two versions; one with warmer colours sampled straight from your photo and with cooler colours (with truer blacks, greys and whites). Enjoy!

Warmer colours:

Cooler colours:


(Attachment Link)
How do you guys make these pixel art things anyways? I'd love to figure it out so I can make my own & ones for others.
For making the art itself, literally Microsoft Paint. They only time I need something else is when I need to make the background transparent for keyboards with smooth corners or need to do some work to the reference image(s), in which case, I use Photoshop (although GIMP could do the same for free). Some other useful details:
  • I start by making the layout first, then I scale a reference photo down to match the layout's size to figure out how big the casing and any notable details should be relative to the keycaps. Because reference photos are not always straight in terms of perspective, I usually have to do some perspective warp to straighten the photo up (which I had to do in your case)
  • When it comes to defining corners (or drops in depth), use a second colour on the inner parts of the curves to hightlight the change. Usually, using the case's primary colour albeit a little darker works well. If you zoom in on the art I did for you, observe how I used a slightly darker colour on the inside of each corner of the case.
« Last Edit: Tue, 17 November 2020, 10:43:14 by sharktastica »

Online Rob27shred

  • Posts: 1126
  • Location: Pittsburgh, PA
  • Insane in the Membrane! 👻
Re: Keyboard pixel art things.
« Reply #2755 on: Tue, 17 November 2020, 16:13:20 »
(Attachment Link)
If anyone could do one of my Sirius I would be highly appreciative.

Your wish is my command. I couldn't tell if there was supposed to be a 'beige' tint on all the colours from your photo or if your lighting was just of a warm hue, so I produced two versions; one with warmer colours sampled straight from your photo and with cooler colours (with truer blacks, greys and whites). Enjoy!

Warmer colours:
(Attachment Link)
Cooler colours:
(Attachment Link)

(Attachment Link)
How do you guys make these pixel art things anyways? I'd love to figure it out so I can make my own & ones for others.
For making the art itself, literally Microsoft Paint. They only time I need something else is when I need to make the background transparent for keyboards with smooth corners or need to do some work to the reference image(s), in which case, I use Photoshop (although GIMP could do the same for free). Some other useful details:
  • I start by making the layout first, then I scale a reference photo down to match the layout's size to figure out how big the casing and any notable details should be relative to the keycaps. Because reference photos are not always straight in terms of perspective, I usually have to do some perspective warp to straighten the photo up (which I had to do in your case)
  • When it comes to defining corners (or drops in depth), use a second colour on the inner parts of the curves to hightlight the change. Usually, using the case's primary colour albeit a little darker works well. If you zoom in on the art I did for you, observe how I used a slightly darker colour on the inside of each corner of the case.

Many thanks for the pixel art & tips! :thumb:

Offline DarthChrisDK

  • Posts: 10
  • Location: Denmark
Re: Keyboard pixel art things.
« Reply #2756 on: Sat, 21 November 2020, 06:10:07 »
I was really inspired by this thread and wanted to give it a go. I made my Drop CTRL High Profile with XDA Canvas. Even added in the RGB backlight.
First time I have ever done something like this, but I actually enjoyed it immensely. :D



I realize it's a bit bigger than the others I see in this thread.
« Last Edit: Sat, 21 November 2020, 06:13:36 by DarthChrisDK »

Drop CTRL High Profile + MiTo XDA Canvas

Offline sharktastica

  • Posts: 95
  • Location: Wales, UK
  • CompSci research student, IBMer, r/ModelM mod
    • Shark's IBM Stuff
Re: Keyboard pixel art things.
« Reply #2757 on: Thu, 07 January 2021, 16:25:23 »
Some Alps and co keyboards I've created for my site's wallpaper generator:

Apple M0110 (ANSI)

Apple M0110 (ISO)

Apple M0110A

Apple M0115

Apple M0116

Apple M0118

Apple M0330

Apple M3501 (ANSI)

Apple M3501 (ISO)

Leading Edge DC-2014

Leading Edge DC-3014

Magnavox Videowriter

Focus FK-5001

Focus FK-9000

Northgate OmniKey/101

Northgate OmniKey Ultra

Zenith Z-150

Offline Domantas

  • Posts: 107
Re: Keyboard pixel art things.
« Reply #2758 on: Thu, 14 January 2021, 13:16:26 »
Can someone make kbd67 mk ii blue version pixel art?

LEOPOLD FC660C