HackFFM Logo 2.0: Unterschied zwischen den Versionen
Aus Hackerspace Ffm
Axl (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „A new approach on the Hackerspace Frankfurt logo design. == Design pattern == HackFFM Logo 2.0? * Pixel-by-pixel edit - …“) |
Axl (Diskussion | Beiträge) |
||
| Zeile 11: | Zeile 11: | ||
* Background shadow | * Background shadow | ||
** second layer, using #282828 background only | ** second layer, using #282828 background only | ||
| − | ** GIMP Gaussian | + | ** 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 × 3 mm per pixel | ** grid size 3 × 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 | ||
| − | |||
| − | |||
Version vom 25. November 2011, 10:50 Uhr
A new approach on the Hackerspace Frankfurt logo design.
Design pattern
- 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
| #f8f8f8 - Foreground | 
|
|---|---|
| #f0ad5e - Highlight beam | |
| #282828 - Dark background |
3D-printed badges
- 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
