Meego Wiki
From MeeGo wiki
(Difference between revisions)
Jump to: navigation, search
(→Current Progress)
m (→Customization)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
-
''Meegons'' is a name coined for the unique MeeGo characters. This page will display custom meegons created by volunteer community artists as well as information related to their creation.
+
[[File:MeeGo-characters.png]]
-
= About =
+
''Meegons'' is a name coined for the unique MeeGo characters.  This page will display custom meegons created by volunteer community artists as well as information related to their creation. Requests are managed [[/Meegon_Requests|on a separate page]]
 +
 
 +
== About ==
According to [http://meego.com/users/dpwilson Darren Wilson/dpwilson], "We commissioned a special agency out of London called [http://www.airside.co.uk/work/ airside] to design the [MeeGo] characters. You may remember them from the lovely moblin characters they also designed."  
According to [http://meego.com/users/dpwilson Darren Wilson/dpwilson], "We commissioned a special agency out of London called [http://www.airside.co.uk/work/ airside] to design the [MeeGo] characters. You may remember them from the lovely moblin characters they also designed."  
Line 7: Line 9:
[http://meego.com/users/clairealex Claire Alexander/clairealex] was involved in creative direction and deployment.
[http://meego.com/users/clairealex Claire Alexander/clairealex] was involved in creative direction and deployment.
-
Guidelines for character and use can be found in the [http://wiki.meego.com/MeeGo_Style_Guide#Characters MeeGo Style Guide characters section].  Scroll up the page for color options.
+
Guidelines for character and use as well as graphic elements can be found in the [[MeeGo_Style_Guide#Characters MeeGo Style Guide|characters section]] of the MeeGo Style Guide.  Scroll up the page for preferred color options.
-
= Customization =
+
== Customization ==
On [http://forum.meego.com/showthread.php?t=1134 request from forum members], [http://meego.com/users/texrat Randall Arnold/texrat] began designing customized versions for avatar use.  The general idea is that these avatars should adhere to MeeGo character conventions as much as possible but still allow for individual member identity to come through.
On [http://forum.meego.com/showthread.php?t=1134 request from forum members], [http://meego.com/users/texrat Randall Arnold/texrat] began designing customized versions for avatar use.  The general idea is that these avatars should adhere to MeeGo character conventions as much as possible but still allow for individual member identity to come through.
-
Special consideration was given to [http://wiki.meego.com/MeeGo_Greeters MeeGo Greeters], in that a badge (MeeGo yellow) is added to their avatars with the letter 'G' (MeeGo purple) applied.  Other badges can be considered for other uses.
+
Special consideration was given to [[MeeGo_Greeters|MeeGo Greeters]], in that a badge (typically MeeGo yellow) is added to their avatars with the letter 'G' (typically MeeGo purple) applied using the Alte DIN 1451 font.  Other badges can be considered for additional uses.
 +
 
 +
PNG bitmaps are used for avatars, with transparent background. Note that vbulletin expects graphics to match the size constraints of its image boxes.  This is 100 x 100 pixels for profile pictures, and 80 x 80 pixels for forum avatars.  If this is exceeded, transparency may be ignored by vbulletin.
 +
 
 +
Any artist is welcome to contribute!  Use [[/Meegon_Requests|the requests page]] for request management.
 +
 
 +
In 2011, Intel released a cartoon showing MeeGos building an app. In it, a series of MeeGos take an app icon through a factory assembly-line like process, prepare it for multiple devices, and ultimately ship it. It can be seen [http://www.youtube.com/watch?v=Nz_GBUnUsf8 HERE.]
 +
 
 +
=== Creating your own ===
 +
 
 +
Other than using a "Meegon assembly application" (see [[#Automation|Automation]]), the easiest way to create your own is to start with an existing MeeGo character and edit it in a vector manipulation program like Inkscape or Adobe Illustrator.  To get you started, here are some general tutorials:
 +
 
 +
* [http://inkscape.org/doc/basic/tutorial-basic.html Inkscape Tutorial: Basic]
 +
* [http://inkscape.org/doc/advanced/tutorial-advanced.html Inkscape Tutorial: Advanced]
 +
* [http://www.youtube.com/results?search_query=inkscape+%2Btutorial&aq=f Various Inkscape tutorial videos on YouTube]
 +
 
 +
Of course, you are welcome to start from scratch as well, but keep in mind that to be a true Meegon the design should fit in with the original characters as much as possible.
-
Use PNG bitmaps for avatars, with transparent background. Note that vbulletin expects graphics to match the size constraints of its image boxes.  This is 100 x 100 pixels for profile pictures, and 80 x 80 pixels for forum avatars.  If this is exceeded, transparency may be ignored by vbulletin.
+
== Licensing and Usage ==
-
Any artist is welcome to contribute!
+
Licensing is based on MeeGo Style Guide parameters.  (further content relevant to this section is under consideration)
-
= Automation =
+
== Automation ==
[http://meego.com/users/reggie Reggie Suplido/reggie] and others have brought up the idea of an avatar generator.  This is currently being [http://forum.meego.com/showthread.php?t=1338 discussed in the forum].  Some considerations are:
[http://meego.com/users/reggie Reggie Suplido/reggie] and others have brought up the idea of an avatar generator.  This is currently being [http://forum.meego.com/showthread.php?t=1338 discussed in the forum].  Some considerations are:
Line 29: Line 47:
* user account + database for future avatar changes/additions
* user account + database for future avatar changes/additions
-
A web-based solution should also host the PNG images, or perhaps (even better) link up with [http://www.gravatar.com/ Gravatar] or similar. An example of [http://en.gravatar.com/site/implement/xmlrpc/ Gravatar API] support: http://gravatarnet.codeplex.com/ (.Net)
+
A web-based solution should also host the PNG images (see [[#Feature_Requests|Feature Requests]]).
If you're interested in helping, please provide examples of existing tools, references to coders and/or your own ability to code up such a solution.
If you're interested in helping, please provide examples of existing tools, references to coders and/or your own ability to code up such a solution.
-
From [http://meego.com/users/timoph Timo Härkönen/timoph], 2 similar services to what we are discussing:
+
From [http://meego.com/users/timoph Timo Härkönen/timoph], 2 similar services to what we are discussing, for reference:
* http://www.sp-studio.de/
* http://www.sp-studio.de/
* http://doppelme.com/
* http://doppelme.com/
From [http://meego.com/users/cowbot cowbot]:
From [http://meego.com/users/cowbot cowbot]:
-
 
* http://www.myavatareditor.com/developers.html
* http://www.myavatareditor.com/developers.html
* http://code.google.com/p/myavatareditor/
* http://code.google.com/p/myavatareditor/
-
== Current Progress ==  
+
=== Feature Requests ===
 +
* export to print-on-demand (POD) services:
 +
** [http://www.zazzle.com/custom/imageguidelines zazzle image guidelines]
 +
** [http://www.cafepress.com/cp/info/sell/index.aspx?area=images&page=help_templates cafepress image templates]
 +
 
 +
* link up with [http://www.gravatar.com/ Gravatar] or similar for avatar hosting. An example of [http://en.gravatar.com/site/implement/xmlrpc/ Gravatar API] support: http://gravatarnet.codeplex.com/ (.Net)
 +
 
 +
=== Current Progress ===
At the present time we are working on two solutions: a web based one by [http://meego.com/users/lindqvust lindqvust] and a desktop version by [http://meego.com/users/physalis physalis].
At the present time we are working on two solutions: a web based one by [http://meego.com/users/lindqvust lindqvust] and a desktop version by [http://meego.com/users/physalis physalis].
Line 49: Line 73:
'''FEATURES'''
'''FEATURES'''
-
(struck-outs are implemented)
+
(struck-out items are implemented)
'''Desktop'''
'''Desktop'''
 +
* General
 +
** <s>add functionality for component database generation to MeeGen</s>
* UI
* UI
** <s>tool bar</s> (working, not final)
** <s>tool bar</s> (working, not final)
-
** Items category
+
** More categories
-
*** stylish menu
+
*** <s>items</s>
-
*** Background(-color) selection
+
*** <s>custom creations</s>
-
*** custom creations
+
*** <s>basic shapes</s>
-
** customizable interface (background color for the DrawingArea, ...)
+
** <s>customizable interface (background color for the DrawingArea, ...)</s>
* Image Customization
* Image Customization
** Transformation
** Transformation
-
*** <s>scaling</s>
+
*** <s>scaling </s>
*** <s>rotating</s>
*** <s>rotating</s>
-
*** flipping
+
*** <s>flipping</s>
-
*** dragging after original placement
+
*** <s>dragging</s>
** Color customization
** Color customization
-
** Move layers up/down
+
*** <s>support for transparency</s>
 +
** <s>Move layers up/down</s>
 +
** <s>add metadata parser and documentation</s>
* Exporting
* Exporting
-
** SVG
+
** <s>Auto-crop the images before exporting</s>
-
** PNG
+
** <s>add wizard page for size & file type selection</s>
 +
** <s>SVG</s>
 +
** <s>PNG</s>
 +
** <s>PDF</s>
 +
** forum.meego.com
** database connection (creation available on the web & the desktop)
** database connection (creation available on the web & the desktop)
-
* Syncing
 
-
** forum
 
** social networks
** social networks
** devices
** devices
 +
* [[Meegons#Feature Requests|Feature Requests]]
 +
* make it work, then make it fast -> handle performance leaks
'''Web'''
'''Web'''
* Design/UI Requirements
* Design/UI Requirements
-
** conform to MeeGo Style Guide [http://wiki.meego.com/MeeGo_Style_Guide]
+
** conform to [[MeeGo Style Guide]]
 +
** package project as Drupal module for easy integration with MeeGo.com
* Image Manipulation Requirements
* Image Manipulation Requirements
** <s>click and drag of image elements</s>
** <s>click and drag of image elements</s>
Line 110: Line 143:
** sync with social network platforms
** sync with social network platforms
-
== Team responsible==
+
=== Team responsible===
* [http://meego.com/users/physalis physalis] (development lead)
* [http://meego.com/users/physalis physalis] (development lead)
Line 116: Line 149:
* [http://meego.com/users/lindqvust lindqvust] (developer)
* [http://meego.com/users/lindqvust lindqvust] (developer)
-
= Gallery =
+
== Gallery ==
-
== physalis ==
+
=== physalis ===
[[File:Meegon-ger.png]]    [[File:Meegon-swe.png]]    [[File:Meegon-en.png]]    [[File:Meegon-fr.png]]    [[File:meego-rocks.png]]
[[File:Meegon-ger.png]]    [[File:Meegon-swe.png]]    [[File:Meegon-en.png]]    [[File:Meegon-fr.png]]    [[File:meego-rocks.png]]
-
== marnanel ==
+
=== marnanel ===
[[File:academia.png|500px]]
[[File:academia.png|500px]]
Line 128: Line 161:
[[File:Robotfindskitten.png|500px]]
[[File:Robotfindskitten.png|500px]]
-
== texrat ==
+
=== texrat ===
[[File:Gallery.png]]
[[File:Gallery.png]]
 +
 +
=== Tim Samoff ===
 +
 +
[[File:Liqmeegon.png]]

Latest revision as of 00:04, 19 May 2011

MeeGo-characters.png

Meegons is a name coined for the unique MeeGo characters. This page will display custom meegons created by volunteer community artists as well as information related to their creation. Requests are managed on a separate page

Contents

About

According to Darren Wilson/dpwilson, "We commissioned a special agency out of London called airside to design the [MeeGo] characters. You may remember them from the lovely moblin characters they also designed."

Claire Alexander/clairealex was involved in creative direction and deployment.

Guidelines for character and use as well as graphic elements can be found in the characters section of the MeeGo Style Guide. Scroll up the page for preferred color options.

Customization

On request from forum members, Randall Arnold/texrat began designing customized versions for avatar use. The general idea is that these avatars should adhere to MeeGo character conventions as much as possible but still allow for individual member identity to come through.

Special consideration was given to MeeGo Greeters, in that a badge (typically MeeGo yellow) is added to their avatars with the letter 'G' (typically MeeGo purple) applied using the Alte DIN 1451 font. Other badges can be considered for additional uses.

PNG bitmaps are used for avatars, with transparent background. Note that vbulletin expects graphics to match the size constraints of its image boxes. This is 100 x 100 pixels for profile pictures, and 80 x 80 pixels for forum avatars. If this is exceeded, transparency may be ignored by vbulletin.

Any artist is welcome to contribute! Use the requests page for request management.

In 2011, Intel released a cartoon showing MeeGos building an app. In it, a series of MeeGos take an app icon through a factory assembly-line like process, prepare it for multiple devices, and ultimately ship it. It can be seen HERE.

Creating your own

Other than using a "Meegon assembly application" (see Automation), the easiest way to create your own is to start with an existing MeeGo character and edit it in a vector manipulation program like Inkscape or Adobe Illustrator. To get you started, here are some general tutorials:

Of course, you are welcome to start from scratch as well, but keep in mind that to be a true Meegon the design should fit in with the original characters as much as possible.

Licensing and Usage

Licensing is based on MeeGo Style Guide parameters. (further content relevant to this section is under consideration)

Automation

Reggie Suplido/reggie and others have brought up the idea of an avatar generator. This is currently being discussed in the forum. Some considerations are:

  • menu of available characters, props, poses, etc
  • customizable colors, orientations, etc... and possibly expressions
  • web-based preferred
  • SVG master design with transparent PNG export
  • user account + database for future avatar changes/additions

A web-based solution should also host the PNG images (see Feature Requests).

If you're interested in helping, please provide examples of existing tools, references to coders and/or your own ability to code up such a solution.

From Timo Härkönen/timoph, 2 similar services to what we are discussing, for reference:

From cowbot:

Feature Requests

Current Progress

At the present time we are working on two solutions: a web based one by lindqvust and a desktop version by physalis. The progress can be tracked here or on the official thread (including screenshots).

FEATURES

(struck-out items are implemented)

Desktop

  • General
    • add functionality for component database generation to MeeGen
  • UI
    • tool bar (working, not final)
    • More categories
      • items
      • custom creations
      • basic shapes
    • customizable interface (background color for the DrawingArea, ...)
  • Image Customization
    • Transformation
      • scaling
      • rotating
      • flipping
      • dragging
    • Color customization
      • support for transparency
    • Move layers up/down
    • add metadata parser and documentation
  • Exporting
    • Auto-crop the images before exporting
    • add wizard page for size & file type selection
    • SVG
    • PNG
    • PDF
    • forum.meego.com
    • database connection (creation available on the web & the desktop)
    • social networks
    • devices
  • Feature Requests
  • make it work, then make it fast -> handle performance leaks

Web

  • Design/UI Requirements
    • conform to MeeGo Style Guide
    • package project as Drupal module for easy integration with MeeGo.com
  • Image Manipulation Requirements
    • click and drag of image elements
    • cropping
    • transformation
    • scaling
    • color change
  • Interface Requirements
    • toolbox context menu
      • crop
      • scale
      • transform
        • flip vertically
        • flip horizontally
        • rotate 90deg clockwise
        • rotate 90deg counter-clockwise
        • rotate 180deg
      • move up (layers)
      • move down (layers)
    • work panel
      • dynamically display parts count on parts header
      • refresh thumbnails on part selection change
      • double click thumbnail to load to workspace
      • click and drag thumbnail to workspace to load
    • export to SVG
    • export to PNG
  • Integration Requirements
    • save to forum avatar/profile picture
    • sync with desktop
    • sync with device
    • sync with social network platforms

Team responsible

Gallery

physalis

Meegon-ger.png Meegon-swe.png Meegon-en.png Meegon-fr.png Meego-rocks.png

marnanel

Academia.png

Robotfindskitten.png

texrat

Gallery.png

Tim Samoff

Liqmeegon.png

Retrieved from "http://wiki.meego.com/Meegons"
Personal tools