# Analog Output Mikrokosmos

**URL:** <https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720>\
**Category:** KOSMO MODULES\
**Created:** [April 24, 2020, 7:59pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720 "2020-04-24T19:59:24Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 16, 2020, 7:07pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/63 "2020-11-16T19:07:13Z")

</div>

My synth is slowly coming together in my head…

And I want a shallow and almost horizontal case with all the “performance” inputs to put in front of the vertical case with “normal” modules (let’s say it will be my keyboard, as I can’t play a ‘real’ keyboard…)  
Stuff like joysticks, bend-wheels, triggers, and… MikroKosmos.

But for that I need a top-down front panel like this :

 ![top-down-panel](https://global.discourse-cdn.com/free1/uploads/lookmumnocomputer/original/2X/3/366221418d0d13b69e2879f777a5849ae48968fc.jpeg)

I would like to have “Gain” below the pot, but that looks way too close to the copper “scratch pad”, so I put both on top and below here as example, bottom has my preference, but above is okay if it’s too tight below.

@analogoutput what’s the workflow to make this ?  
In file mikrokosmos\_panel\_inkscape\_silk.png there are no markers for the center of the holes to rotate the text around.  
This one is blurry as I scaled it up to try to overlay it to mikrokosmos\_panel\_inkscape\_silk.png, but that’s just approximate…

Thank you for your advice.

---

<div class="post-metadata">

**Author:** ![analogoutput](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/analogoutput/32/29663_2.png) [@analogoutput](https://lookmumnocomputer.discourse.group/u/analogoutput)\
**Post date:** [November 16, 2020, 7:31pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/64 "2020-11-16T19:31:27Z")

</div>

Can you use an SVG (Inkscape) file? I could send you that.

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 16, 2020, 7:35pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/65 "2020-11-16T19:35:43Z")

</div>

I guess I can, never used it, but it can’t be too complicated to rotate a text around a center…

Thank you

---

<div class="post-metadata">

**Author:** ![analogoutput](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/analogoutput/32/29663_2.png) [@analogoutput](https://lookmumnocomputer.discourse.group/u/analogoutput)\
**Post date:** [November 16, 2020, 7:39pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/66 "2020-11-16T19:39:33Z")

</div>

Oh, turns out it’s already in the repo: [https://github.com/holmesrichards/Mikrokosmos/blob/master/Panel/mikrokosmos\_panel.svg](https://github.com/holmesrichards/Mikrokosmos/blob/master/Panel/mikrokosmos_panel.svg)

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 16, 2020, 7:40pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/67 "2020-11-16T19:40:56Z")

</div>

OK, thank you.  
Now installing inkscape and see what I can do…

---

<div class="post-metadata">

**Author:** ![heckseven](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/heckseven/32/23483_2.png) [@heckseven](https://lookmumnocomputer.discourse.group/u/heckseven)\
**Post date:** [November 20, 2020, 8:59pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/68 "2020-11-20T20:59:37Z")

</div>

Planning to morph one of these into a music box module this weekend. 🙂

---

<div class="post-metadata">

**Author:** ![popflier](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/popflier/32/80_2.png) [@popflier](https://lookmumnocomputer.discourse.group/u/popflier)\
**Post date:** [November 24, 2020, 7:07am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/69 "2020-11-24T07:07:50Z")

</div>

If you need help with this let me know. I can adjust your file for you and send it back.

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 24, 2020, 7:36am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/70 "2020-11-24T07:36:32Z")

</div>

Thanks @popflier for the offer.  
I have a couple of problems…

First, when I clic on one of the “Gain”, “Mic In” or “Out” labels, Inkscape tells me it is using the “Noto sans Display” font.  
So I went to download and install it from [https://fontstorage.com/font/google/noto-sans-display](https://fontstorage.com/font/google/noto-sans-display)  
But this font doesn’t look at all as the one in the png in the repo (not on the web page preview nor in Inkscape).  
I have no problem moving these labels around and flipping them, just the font.

Second, the “Mikro-Kosmos” and “Analog Output” labels, I can’t even select them to modify them…  
And their font also doesn’t look at all as the one in the png.

![MK](https://global.discourse-cdn.com/free1/uploads/lookmumnocomputer/original/2X/9/9fe87aec39f4e61c4eef154a301c5325c330a572.jpeg)

[Edit: the .svg is in AnalogOuput’s repo here : [https://github.com/holmesrichards/Mikrokosmos](https://github.com/holmesrichards/Mikrokosmos) in the “Panel” folder]

---

<div class="post-metadata">

**Author:** ![popflier](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/popflier/32/80_2.png) [@popflier](https://lookmumnocomputer.discourse.group/u/popflier)\
**Post date:** [November 24, 2020, 8:00am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/71 "2020-11-24T08:00:35Z")

</div>

I have Inkscape but I typically work in Adobe Illustrator. So the font used for the Gain, Mic In, and Out is called “Copasetic.” The font used for the MIKRO-KOSMOS and Analog Output is called “Limelight.”

You should be able to select all of the text in Inkscape using the svg file, but you’re saying that you can select everything but the module name and AO text, yes?

EDIT: I just tried opening the .svg in Inkscape and I run into the same issue as you. The layers for those 2 text items are locked. You need to unlock them in Inkscape. Goto Layers \> then on the right side where it says “Panel Hardware” right click and select “unlock all layers.”

Also the reason why you cannot see the font correctly in Inkscape for the Gain, Out, etc… is because you need the Copasetic font installed on your system.

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 24, 2020, 8:11am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/72 "2020-11-24T08:11:18Z")

</div>

Thanks for the help, I’ll try this during the noon break.

---

<div class="post-metadata">

**Author:** ![popflier](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/popflier/32/80_2.png) [@popflier](https://lookmumnocomputer.discourse.group/u/popflier)\
**Post date:** [November 24, 2020, 8:12am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/73 "2020-11-24T08:12:17Z")

</div>

I can send you a dropbox link to download the copasetic font.

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 24, 2020, 8:16am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/74 "2020-11-24T08:16:19Z")

</div>

Thank you, but I found them for download.

---

<div class="post-metadata">

**Author:** ![popflier](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/popflier/32/80_2.png) [@popflier](https://lookmumnocomputer.discourse.group/u/popflier)\
**Post date:** [November 24, 2020, 8:18am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/75 "2020-11-24T08:18:03Z")

</div>

Ignore my message then… 🙂 If you need any other help let me know.

---

<div class="post-metadata">

**Author:** ![analogoutput](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/analogoutput/32/29663_2.png) [@analogoutput](https://lookmumnocomputer.discourse.group/u/analogoutput)\
**Post date:** [November 24, 2020, 12:36pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/76 "2020-11-24T12:36:10Z")

</div>

By the way, something to be prepared for: If you use KiCad, it takes a LONG time for it to render the 3D view or do some other operations with this design. The scratch area bogs it down, apparently. And there’s no indication it isn’t just frozen, but it gets there eventually.

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 24, 2020, 12:40pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/77 "2020-11-24T12:40:41Z")

</div>

It looks like the Copasetic font used is in bold ?  
At least it looks bolder in the png than the one I found online.  
The one I have has just the Regular style…

---

<div class="post-metadata">

**Author:** ![popflier](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/popflier/32/80_2.png) [@popflier](https://lookmumnocomputer.discourse.group/u/popflier)\
**Post date:** [November 27, 2020, 7:46am UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/78 "2020-11-27T07:46:14Z")

</div>

Sorry…I didn’t see this last message from you. The Copasetic font is regular and not bold so you have the right one.

---

<div class="post-metadata">

**Author:** ![analogoutput](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/analogoutput/32/29663_2.png) [@analogoutput](https://lookmumnocomputer.discourse.group/u/analogoutput)\
**Post date:** [November 27, 2020, 12:28pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/79 "2020-11-27T12:28:17Z")

</div>

Actually the pot and jack labels are “Copasetic NF” 12 pt Bold. I’m not sure where I got it but it does seem to be available here [https://www.1001fonts.com/copasetic-font.html](https://www.1001fonts.com/copasetic-font.html)

“Mikro-kosmos” is “Limelight” 9 pt and “Analog Output” is “Limelight” 10 pt.

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 27, 2020, 12:54pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/80 "2020-11-27T12:54:52Z")

</div>

Thanks, I will try with this one !  
As I said, it _looks_ like the one in the PNG is bolder than the one I have downloaded, but I’m not 100% sure it really is.

Limelight works perfectly and gives me the same result as in the PNG.

---

<div class="post-metadata">

**Author:** ![eric](https://avatars.discourse-cdn.com/v4/letter/e/898d66/32.png) [@eric](https://lookmumnocomputer.discourse.group/u/eric)\
**Post date:** [November 28, 2020, 12:30pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/81 "2020-11-28T12:30:30Z")

</div>

Yes ! This was it.  
Now on to the next step, getting this back into Kicad…

BTW, I found this plugin for Inkscape, looks like a good way to design panels…

> **[badgeek/svg2shenzhen](https://github.com/badgeek/svg2shenzhen)**
>
> Convert Inkscape SVG drawings to KiCad PCB and footprint modules - badgeek/svg2shenzhen

I’ll try to rename and merge the layers to see if I can “convert” this panel to work with sv2shenzhen

---

<div class="post-metadata">

**Author:** ![analogoutput](https://yyz2.discourse-cdn.com/free1/user_avatar/lookmumnocomputer.discourse.group/analogoutput/32/29663_2.png) [@analogoutput](https://lookmumnocomputer.discourse.group/u/analogoutput)\
**Post date:** [November 28, 2020, 12:50pm UTC](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720/82 "2020-11-28T12:50:08Z")

</div>

Looks interesting, though maybe kind of overkill for this — you already have the copper footprint file so just need to export the art/label layers to PNG and convert that in KiCad.

[Previous page](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720.md?page=3)

[Next page](https://lookmumnocomputer.discourse.group/t/analog-output-mikrokosmos/720.md?page=5)
