HackFFM Logo 2.0: Unterschied zwischen den Versionen

Aus Hackerspace Ffm
Wechseln zu: Navigation, Suche
K
K
(11 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 13: Zeile 13:
 
** GIMP [http://en.wikipedia.org/wiki/Gaussian_blur 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/>
 +
=== GIMP Source files ===
 +
* [[Datei:HackFFM_Logo_2_-_pure_colors_-_multiple_shadows.xcf]] / GIMP Format with multiple layers for different drop shadows
 +
<br/>
 +
 +
=== favicon.ico ===
 +
[[Datei:Favicon 2011 128x128.png|favicon.ico, 8 x Zoom|none|border]]
 +
* via http://tools.dynamicdrive.com/favicon/
 
<br/>
 
<br/>
  
Zeile 41: Zeile 48:
 
* no drop shadow
 
* no drop shadow
 
<br/>
 
<br/>
 +
 +
== Buttons ==
 +
[[Datei:HackFFM Buttons MfK Logo 2.0 002.png|right|160px|thumb|HackFFM Logo 2.0 button variations]]
 +
* feeding the MfK button machine with [[Datei:HackFFM Buttons MfK Logo 2.0 002.pdf]]
 +
* Special Edition Buttons 2012 - colorful: [[Datei:HackFFM Buttons MfK Logo 2.0 005 Colorful.pdf]]
 +
<br/>
 +
<br/>
 +
<gallery caption="Logo">
 +
Datei:HackFFM Buttons MfK Logo 2.0 002.png|HackFFM Logo 2.0
 +
Datei:HackFFM Buttons MfK Logo 2.0 005 Colorful.png|HackFFM Logo 2.0 Special Edition
 +
Datei:HackFFM Buttons Logo 2.0 006 Colorful extrem.jpg|HackFFM Logo 2.0 Special Edition extrem
 +
Datei:HackFFM Buttons MfK Logo 2.0 005 Colorful IMG 1743.JPG|Box with Buttons
 +
</gallery>
  
 
== 3D-printed badges ==
 
== 3D-printed badges ==
 
[[Datei:Foto1755.jpg|right|160px|thumb|HackFFM Logo 2.0? as 3D printed badge]]
 
[[Datei:Foto1755.jpg|right|160px|thumb|HackFFM Logo 2.0? as 3D printed badge]]
 +
[[Datei:Logo to STL 001.png|right|160px|thumb|OpenSCAD with 3D-Badge of the Logo 2.0 draft]]
 
* 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 50: Zeile 71:
 
** beam - "holes"
 
** beam - "holes"
 
** cubes are slightly "oversized" by 1/10th mm for connected pixel mesh
 
** cubes are slightly "oversized" by 1/10th mm for connected pixel mesh
* Import to OpenSCAD
+
* Import to OpenSCAD - see our [[OpenSCAD small projects]] page
 
** mesh rendering
 
** mesh rendering
 
** STL output
 
** STL output
 
* Printed by yag-freak's Prusa Mendel
 
* Printed by yag-freak's Prusa Mendel
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
 +
 +
== ASCII Art ==
 +
Width: 19 / Height: 26
 +
<pre>
 +
......                          ......
 +
..[]......                  ......[]..
 +
..[]..[]......          ......[]..[]..
 +
..[]..[]..[]..............[]..[]..[]..
 +
..[]..[]..[]..[]..##..[]..[]..[]..[]..
 +
..[]..[]..[]..............[]..[]..[]..
 +
..[]..[]......  ..##..  ......[]..[]..
 +
..[]......      ..##..    ........[]..
 +
......          ..##..          ......
 +
          ........##........         
 +
        ....####......####....       
 +
      ....##################....     
 +
  ......##..................##...... 
 +
....##..##....##......##....##..##....
 +
..####..##..................##..####..
 +
..######..##################..######..
 +
..####..##..##############..##..####..
 +
..####....##..............##....####..
 +
..........##################..........
 +
..####......##############......####..
 +
..####....######......######....####..
 +
..........####..........####..........
 +
      ..##....##......##....##..     
 +
      ..########..  ..########..     
 +
      ..########..  ..########..     
 +
      ............  ............     
 +
</pre>
 +
 +
== Eagle-Library ==
 +
[[Datei:Hackffm_logo.lbr.zip]]
 +
 +
== Brother P-Touch Labelprinter ==
 +
[[File:Hackerspace_FFM_Logo_Brother_P-Touch.png|100px|link=File:Brother_PTouch_Label.zip]]
 +
 +
[[Kategorie:Projekte]]

Version vom 4. Mai 2012, 08:44 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)


GIMP Source files

  • HackFFM Logo 2 - pure colors - multiple shadows.xcf / GIMP Format with multiple layers for different drop shadows


favicon.ico

favicon.ico, 8 x Zoom


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


Buttons

HackFFM Logo 2.0 button variations



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







ASCII Art

Width: 19 / Height: 26

......                          ......
..[]......                  ......[]..
..[]..[]......          ......[]..[]..
..[]..[]..[]..............[]..[]..[]..
..[]..[]..[]..[]..##..[]..[]..[]..[]..
..[]..[]..[]..............[]..[]..[]..
..[]..[]......  ..##..  ......[]..[]..
..[]......      ..##..    ........[]..
......          ..##..          ......
          ........##........          
        ....####......####....        
      ....##################....      
  ......##..................##......  
....##..##....##......##....##..##....
..####..##..................##..####..
..######..##################..######..
..####..##..##############..##..####..
..####....##..............##....####..
..........##################..........
..####......##############......####..
..####....######......######....####..
..........####..........####..........
      ..##....##......##....##..      
      ..########..  ..########..      
      ..########..  ..########..      
      ............  ............      

Eagle-Library

Datei:Hackffm logo.lbr.zip

Brother P-Touch Labelprinter

Hackerspace FFM Logo Brother P-Touch.png