Zuletzt geändert am 29. November 2011 um 20:22

HackFFM Logo 2.0

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
  • drop shadow / Gaussian blur #282828


Alternative palette for print media

#ffffff - Foreground 8bit fun 004 beams print.png
#ff9900 - Highlight beam
#000000 - Dark background
  • brighter colors for clear print output
  • no drop shadow


3D-printed badges

HackFFM Logo 2.0? as 3D printed badge
OpenSCAD with 3D-Badge of the Logo 2.0 draft
  • 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 - see our OpenSCAD small projects page
    • mesh rendering
    • STL output
  • Printed by yag-freak's Prusa Mendel