Skip to content

Instantly share code, notes, and snippets.

@knghtbrd
Last active October 7, 2021 03:22
Show Gist options
  • Save knghtbrd/5be384f6a76288e43e819c349941a521 to your computer and use it in GitHub Desktop.
Save knghtbrd/5be384f6a76288e43e819c349941a521 to your computer and use it in GitHub Desktop.
A LinApple logo

I wanted to come up with something that was kinda Apple IIe flavored for LinApple. What better than something the Apple IIe could draw on its screen?

I decided this looked decent:

To recreate this, I started with ye bog standard rainbow Apple logo recreation, mostly in case it happens to matter for legal reasons. (The rainbow Apple logo is not a currently held registered trademark of any company or iCompany.) I unioned the pieces and set the fill color to black, giving me a solid silhouette which would get me in trouble El Fruity Legal Department if I stopped there. I duplicated this path object, changed the fill to red, broke apart two pieces, and then ungrouped them. Still selected, I inset them one step with ctrl-( (ctrl-shift-9 on a US keyboard).

At this point, I had three paths that looked like a red filled apple with a black stroke. I then created a thin rectangle easily wider than the apple and a height of 2 and put it where I thought it should be. I then created two more and fiddled with them until they had the right Y coordinates, or seemed to. I didn't actually do that in vim this time, I used the Inkscape XML editor for the quick tweaks. The Y coordinates of the three bars ended up 65, 100, and 135. Works for me.

I selected the apple body (not the leaf) and all three bars and did a path intersection on them. This basically did the equivalent of an XOR on the union of paths. I now had three bars that came right up to the edge of the apple on each side, and four sections of apple with bar shaped cutouts in the middle. Break apart, ungroup, and delete the three bar pieces on each side. Now I have four slizes of red apple on a black background.

Pull the fill colors for each slice (and the leaf) from the screenshot. How'd it turn out? This is unoptimized yet:

Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="170px"
viewBox="0 0 170 170"
version="1.1"
height="170px"
id="svg4"
sodipodi:docname="Apple-Logo-Apple-Logo.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1561"
inkscape:window-height="987"
id="namedview6"
showgrid="false"
inkscape:zoom="2.7764706"
inkscape:cx="29.46953"
inkscape:cy="118.13785"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<path
d="m150.37 130.25c-2.45 5.66-5.35 10.87-8.71 15.66-4.58 6.53-8.33 11.05-11.22 13.56-4.48 4.12-9.28 6.23-14.42 6.35-3.69 0-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58 0-9.492 1.05-14.746 3.17-5.262 2.13-9.501 3.24-12.742 3.35-4.929 0.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378 0-10.857 2.346-20.221 7.045-28.068 3.693-6.303 8.606-11.275 14.755-14.925s12.793-5.51 19.948-5.629c3.915 0 9.049 1.211 15.429 3.591 6.362 2.388 10.447 3.599 12.238 3.599 1.339 0 5.877-1.416 13.57-4.239 7.275-2.618 13.415-3.702 18.445-3.275 13.63 1.1 23.87 6.473 30.68 16.153-12.19 7.386-18.22 17.731-18.1 31.002 0.11 10.337 3.86 18.939 11.23 25.769 3.34 3.17 7.07 5.62 11.22 7.36-0.9 2.61-1.85 5.11-2.86 7.51zm-31.26-123.01c0 8.1021-2.96 15.667-8.86 22.669-7.12 8.324-15.732 13.134-25.071 12.375-0.119-0.972-0.188-1.995-0.188-3.07 0-7.778 3.386-16.102 9.399-22.908 3.002-3.446 6.82-6.3113 11.45-8.597 4.62-2.2516 8.99-3.4968 13.1-3.71 0.12 1.0831 0.17 2.1663 0.17 3.2409z"
id="path2" />
<path
style="fill:#01ed00;fill-opacity:1"
d="M 115.30078,44.375 C 104.59098,44.297351 95.580621,51.11303 85.103516,51.890625 73.165281,49.23349 61.317925,41.579115 48.740234,46.185547 38.381759,48.924521 30.375803,56.042962 25.240234,65 H 137.85352 c 2.38642,-2.669053 5.13415,-5.018011 8.12304,-6.9375 -7.18379,-9.347659 -19.17817,-13.627991 -30.67578,-13.6875 z"
id="path3782" />
<path
style="fill:#ff6d00;fill-opacity:1"
d="M 136.17773,67 H 24.148438 c -3.98648,7.800052 -5.885156,16.787478 -5.367188,25.429688 0.08098,2.529386 0.271623,5.054938 0.556641,7.570312 H 130.23633 C 128.62629,94.647525 128.19197,88.940163 129.19531,83.316406 129.94666,77.308526 132.49747,71.727812 136.17773,67 Z"
id="path3778" />
<path
style="fill:#ea00dd;fill-opacity:1"
d="M 130.9043,102 H 19.582031 c 1.552315,11.51518 5.211375,22.75819 10.708985,33 H 145.89453 c 1.87764,-3.60387 3.51199,-7.33287 4.83594,-11.18945 C 141.43456,119.57569 134.32387,111.45117 130.9043,102 Z"
id="path3774" />
<path
style="fill:#561bff;fill-opacity:1"
d="M 144.82031,137 H 31.394531 c 4.752127,8.37119 10.751793,16.0234 17.855469,22.53516 7.249136,7.11448 17.621083,4.10946 25.664062,0.46875 10.471649,-4.37212 22.158738,-2.47939 32.179688,2.13867 9.17186,4.10066 19.63467,0.0592 25.46875,-7.67774 4.63037,-5.40272 8.80896,-11.23631 12.25781,-17.46484 z"
id="path3770" />
<path
style="fill:#01ed00;fill-opacity:1"
d="M 116.85938,6.2128906 C 100.49707,8.6369474 86.513117,23.792105 87.023438,40.359375 101.89491,39.720227 114.00223,26.193599 116.7168,12.128906 c 0.16796,-1.823641 0.76197,-4.5074303 0.14258,-5.9160154 z"
id="path3701"
inkscape:connector-curvature="0" />
</svg>
@knghtbrd
Copy link
Author

I'm not 100% sure the colors are 100% right on this, although I did select them using the color picker tool in Inkscape. Seems like the purple should be more faded. Maybe just the result of JPEG artifacting on the exact pixel I used?

@ghedger
Copy link

ghedger commented Nov 28, 2018

It's fantastic!

@rhaleblian
Copy link

Pleasantly old school. Of course, somebody will want to write the code to actually draw a version of this in Apple BASIC for the master disk.

@xandark
Copy link

xandark commented Oct 7, 2021

very nice

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment