HackFFM Logo 2.0: Unterschied zwischen den Versionen

Aus Hackerspace Ffm
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „A new approach on the Hackerspace Frankfurt logo design. == Design pattern == HackFFM Logo 2.0? * Pixel-by-pixel edit - …“)
 
Zeile 11: Zeile 11:
 
* Background shadow
 
* Background shadow
 
** second layer, using #282828 background only
 
** second layer, using #282828 background only
** GIMP Gaussian Blur - radius 4 × pixel-size (20 for 5x5 pixels)
+
** GIMP [http://en.wikipedia.org/wiki/Gaussian_blur Gaussian blur] - radius 4 × pixel-size (20 for 5x5 pixels)
<br/><br/>
+
<br/>
 +
<br/>
  
 
== Palette for web images ==
 
== Palette for web images ==
 +
[[Datei:HackFFM logo - shadow tutorial.png|right|160px|thumb|GIMP shadow tutorial]]
 
{| border="1"
 
{| border="1"
 
|- style="background-color:#f8f8f8;color:#282828;"
 
|- style="background-color:#f8f8f8;color:#282828;"
 
| <tt>'''#f8f8f8 - Foreground'''</tt>
 
| <tt>'''#f8f8f8 - Foreground'''</tt>
 +
!rowspan="6"|[[Datei:8bit fun 004 beams.png]]
 
|- style="background-color:#f0ad5e;color:#282828;"
 
|- style="background-color:#f0ad5e;color:#282828;"
 
| <tt>'''#f0ad5e - Highlight beam'''</tt>
 
| <tt>'''#f0ad5e - Highlight beam'''</tt>
Zeile 23: Zeile 26:
 
| <tt>'''#282828 - Dark background'''</tt>
 
| <tt>'''#282828 - Dark background'''</tt>
 
|}
 
|}
<br/>
+
<br/><br/><br/><br/>
  
 
== 3D-printed badges ==
 
== 3D-printed badges ==
 +
[[Datei:Foto1755.jpg|right|160px|thumb|HackFFM Logo 2.0? as 3D printed badge]]
 
* Simple converter using [http://processing.org/ Processing] to convert [http://de.wikipedia.org/wiki/Pixel-Art Pixel-Art] to height map for [http://www.openscad.org/ OpenSCAD]
 
* Simple converter using [http://processing.org/ Processing] to convert [http://de.wikipedia.org/wiki/Pixel-Art Pixel-Art] to height map for [http://www.openscad.org/ OpenSCAD]
 
** grid size 3 &times; 3 mm per pixel
 
** grid size 3 &times; 3 mm per pixel
Zeile 36: Zeile 40:
 
** STL output
 
** STL output
 
* Printed by yag-freak's Prusa Mendel
 
* Printed by yag-freak's Prusa Mendel
 
[[Datei:Foto1755.jpg|left|thumb|HackFFM Logo 2.0? as 3D printed badge]]
 

Version vom 25. November 2011, 10:50 Uhr

A new approach on the Hackerspace Frankfurt logo design.

Design pattern

HackFFM Logo 2.0?
  • Pixel-by-pixel edit - traditional 8-bit Pixel-Art
  • reduced color palette - 3 colors
  • Large pixels, 5x5 or 6x6 magnification
    • no smoothing, no anti-aliasing
    • no dithering
  • Outlined with dark background
  • Background shadow
    • second layer, using #282828 background only
    • GIMP Gaussian blur - radius 4 × pixel-size (20 for 5x5 pixels)



Palette for web images

GIMP shadow tutorial
#f8f8f8 - Foreground 8bit fun 004 beams.png
#f0ad5e - Highlight beam
#282828 - Dark background





3D-printed badges

HackFFM Logo 2.0? as 3D printed badge
  • Simple converter using Processing to convert Pixel-Art to height map for OpenSCAD
    • grid size 3 × 3 mm per pixel
    • background - 1.2 mm height
    • foreground - 4.0 mm height
    • beam - "holes"
    • cubes are slightly "oversized" by 1/10th mm for connected pixel mesh
  • Import to OpenSCAD
    • mesh rendering
    • STL output
  • Printed by yag-freak's Prusa Mendel