geekhack

geekhack Community => Keyboards => Topic started by: Coreda on Sun, 29 March 2015, 15:30:29

Title: Resource for keyboard vector graphics/diagrams?
Post by: Coreda on Sun, 29 March 2015, 15:30:29
Was after vectors of a stock TKL. Saw jacobolus post this raster image in another thread (https://geekhack.org/index.php?topic=61936.0) and something like it would be perfect, as I was looking for a graphic with both the outer edges and face/tops of the caps (rather than just a single outline of the keys).

(http://i.imgur.com/tbzcawl.png)
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: jacobolus on Sun, 29 March 2015, 16:15:27
I donít quite understand. Can you start over and explain precisely what you want, and what your use case is?
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: ideus on Sun, 29 March 2015, 16:17:18
Still in need of some extra-sensorial abilities to decipher what the actual OP's needs.
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: Coreda on Sun, 29 March 2015, 16:22:47
Looking for vectors (SVGs, etc) of TKL keyboards, such as seen in the OP. Whether just the outline as shown below or with color like the OP graphic. The use is for illustration purposes.

(http://i.imgur.com/VWFlwZY.png)

By 'outer edges and face/tops of the caps' I mean two elements as seen above. Many diagrams of keyboards I've found only are outlines of the keys, such as below, which aren't what I'm looking for.

(http://i.imgur.com/9nFs7Mg.jpg)
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: jacobolus on Sun, 29 March 2015, 16:25:07
Yeah, Iím still totally confused. :-)

You want an SVG of the keycap outlines for a TKL keyboard, with no legends printed on them?

Or you want the SVG of the keycap outlines for a 60% with bigass enter and arabic on it?

Or...

You want just keycap outside/top outlines, or you want some shading?

If youíre trying to make something like that arabic keyboard diagram you posted, just the shapes (ignoring the letters inside) are pretty trivial to make in Illustrator / Inkscape / etc.
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: Coreda on Sun, 29 March 2015, 16:30:04
Yeah, Iím still totally confused. :-)

You want an SVG of the keycap outlines for a TKL keyboard, with no legends printed on them?

Or you want the SVG of the keycap outlines for a 60% with bigass enter and arabic on it?

Or...

You want just keycap outside/top outlines, or you want some shading?

If youíre trying to make something like that arabic keyboard diagram you posted, just the shapes (ignoring the letters inside) are pretty trivial to make in Illustrator / Inkscape / etc.

I'm looking for the layout exactly as in the OP, with the keycap characters, whether shaded or in outline, as a vector. Hope that clarifies it some.

Not in Arabic :P that was only to show what a wireframe would look like without the shading, but doesn't represent the layout or legends I was wanting.
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: pnutster on Sun, 29 March 2015, 16:33:34
Hi,

I believe WASD Keyboards have some layout files. http://support.wasdkeyboards.com/customer/portal/articles/1380026-layout-template-files (http://support.wasdkeyboards.com/customer/portal/articles/1380026-layout-template-files) Best used with Inkscape application: https://inkscape.org/en/ (https://inkscape.org/en/)

(http://content.screencast.com/users/BlueOcean-PietNutbey/folders/Snagit/media/20518239-b750-4cce-8813-cb5f85ccad37/2015-03-29_17-41-36.png)

As the screenshot shows, these files show inner and outer edges of keys. Inner edges is represented by the "key grids" layer. And can easily be turned on/off.

For TKL, I would say, easy to just delete the keys from the template.
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: Coreda on Sun, 29 March 2015, 16:47:50
Hi,

I believe WASD Keyboards have some layout files. http://support.wasdkeyboards.com/customer/portal/articles/1380026-layout-template-files (http://support.wasdkeyboards.com/customer/portal/articles/1380026-layout-template-files) Best used with Inkscape application: https://inkscape.org/en/ (https://inkscape.org/en/)

Thanks  :) Keys are a bit too far apart though. Otherwise fairly close to what I'm looking for.
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: jacobolus on Sun, 29 March 2015, 18:53:46
https://www.dropbox.com/s/g389pp0620x57pc/helvetica-tkl.svg?dl=1

I didnít put any substantial amount of work into the legends here. Many of the glyphs, especially for symbol keys, kinda suck. But maybe itíll suit your purpose.
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: Coreda on Sun, 29 March 2015, 22:39:58
https://www.dropbox.com/s/g389pp0620x57pc/helvetica-tkl.svg?dl=1

I didnít put any substantial amount of work into the legends here. Many of the glyphs, especially for symbol keys, kinda suck. But maybe itíll suit your purpose.

(http://i.imgur.com/luNzpxz.gif)

Dude, dude, you're a saint. This is incredible and just what I was looking for.

Thanks so much!
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: jacobolus on Mon, 30 March 2015, 01:35:35
What are you planning to do with it?
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: rowdy on Mon, 30 March 2015, 04:46:03
Should this information be archived in the existing CAD thread (https://geekhack.org/index.php?topic=47744.0)?
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: Coreda on Tue, 31 March 2015, 03:06:03
What are you planning to do with it?

Possible use for a topic. Needed some flexibility in the asset to see what may look good.
Title: Re: Resource for keyboard vector graphics/diagrams?
Post by: jacobolus on Tue, 31 March 2015, 05:59:39
Possible use for a topic.
I have no idea what this means. :-)