Projects/S.P.A.M: Super Pixel Art Maker: Difference between revisions

From OLPC
Jump to navigation Jump to search
mNo edit summary
(major edit)
Line 1: Line 1:
[[Image:S.p.a.m_full.png‎]] [[Image:Takogames_xo.png|right]]
<center>[[Image:S.p.a.m_full.png‎]]</center>


<br />


"'''Pixel art''' is a form of digital art, created through the use of raster graphic software, where images are edited on the pixel level.  Graphics in most old (or relatively limited) computer and video games, graphic calculator games and many mobile phone games are mostly pixel art” (Wikipedia). 
'''This document is a "work in progress" '''




<br />
'''S.P.A.M''' (Super Pixel Art Maker) is a graphics editor specializing in making pixel art. Imagine a version of Photoshop optimized to only deal with creating pixel sprites. Pixel art is a backbone of a lot of digital media. Although it is heavily used in the game industry, pixel art is also used in the web design community as well as printing and advertising industry. S.P.A.M aims to be an easy to use tool but robust enough for the art created can be translated into the professional world. In short, it is a pixel editing tool that is infinitely educational as well as being a professional tool.
==<center>Introduction to S.P.A.M</center>==



Consider Yuriy.  Born in the Soviet Union in the midst of the cold war, Yuriy migrates to Cleveland, Ohio to now make violins for a living.  Several years ago, he gets into a pretty bad car accident that leaves him bedridden for weeks during which, due to boredom and a desire to not waste time, he picks up what is called “Pixel Art.”  Simply using a laptop and a graphic editing program called “Photoshop,” he quickly acquaints himself with pixeling skills.  Fast forward several years.  He is now one of the best pixel artists in the world, commercially sought by many for his work. 


<center>[[Image:Curious_yuriy.gif]]</center><br>
<center>(“Curiosity” by Yuriy Gusev, 7/26/2008. Photoshop, one click at a time.)</center>
<br />
<br />
Although it is a very basic form of digital art, it is still widely used in many games, web designs, as well as mobile softwares, establishing this as a viable art medium.  Good pixel artists are still needed for development communities. 
== Initial Concept Design ==


OLPC, having placed 1 million laptops in children’s hands around the world, has opened a unique doorway for young artists to pick up and master such a skill as pixel art not only for creative expression, but also that which is marketable and profitable. 1 million laptops around the world provide an immense foundation and reason for developing such a useful tool as S.P.A.M.
Below screens are early high concept mock up design. Although it is still early in concept stage, they do show the clear direction as to how the graphic editor part will function.


S.P.A.M: Super Pixel Art Maker is geared specifically for the XO platform.  With proper discipline, young users can produce professional level work simply utilizing XO and a copy of S.P.A.M.  The goal of this pixel editor software is to be easy enough for kids to pick up and doodle, but be robust enough where serious users can make professional quality pixel art and animation that is commercially ready.
* '''Basic Mode''': By default, below GUI set up is kind of the version kids will have access to initially. It has limited menus and a lot of functions are "turned off". Just a canvas and tools that are needed to make simple pixel image is available on the left side.
[[Image:S.P.A.M_BasicMode_Concept01]] [[Image:S.P.A.M_BasicMode_default_Concept01‎|thumb|right|Default Screen]]




<center>[[Image:S.P.A.M_BasicMode_Concept01]]</center> <br>
<center>(Basic Mode of S.P.A.M)</center>


The above screenshot is a concept design of the "'''Basic Mode'''" of S.P.A.M.  The initial interface will consist of a minimal number of options with the familiar green color theme of the XO.  The basic toolset is placed on the left hand side, icons illustrating the various functions of the toolset.  A child will be able to draw immediately using the default canvas and a preset pencil from the start of the program.
<br />


<center>[[Image:S.P.A.M_AdvancedMode_Concept01]]</center> <br>
However, if the user wishes, he/she can go to the "S.P.A.M" icon and change the mode of the program into "Advanced Mode"
<center>(Advanced Mode of S.P.A.M)</center>


The user can then switch to “'''Advanced Mode'''” where he will be able to access options more suitable for creating professional quality pixel art.  The above screenshot displays the very different user interface of the “Advanced Mode.”  (All designs are subject to change).  Basic toolset on the left side is essentially the same. However...
*Menu items are now available at the top of the screen that enable extra functions. 
*The overall color palette of the interface is neutral grey in order to better facilitate the assessment of color tone, which may be hindered by the green palette of the basic mode.
*There is now an empty shelf with slots to store user selected tool sets. 
*It also features a preview screen that shows 100% view of the image in progress. 
*It also has a layer window, as well as, an animation frame editor at the bottom of the screen. 
*More functions and tools will be available such as layer functions, export options, image filter options, etc.<br>
(All functions are subject to change).


Realistically speaking, if S.P.A.M could be used to help children in third world countries to develop real life skills (ie. pixel art skills), be inspired and encouraged by the possibilities it presents, than S.P.A.M would have achieved its purpose. 
<br />


* '''Advanced Mode''': Advanced Mode is basically a Basic Mode with additional functions. It's not fully customizable. But the user can still turn on/off certain features. Notice the color of the GUI change for the user to have more accurate view to see the colors he/she is creating. It also features a shelf that the user can put up to 11 functions he/she uses the most by simply clicking the mouse on the desired function and drag it to the shelf.
[[Image:S.P.A.M_AdvancedMode_Concept01]] [[Image:S.P.A.M_AdvancedMode_default_Concept01‎|thumb|right|Default Screen]]


==<center> Vision & Goal </center>==
<br />
<br />


''' "Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime."''' (Chinese proverb)


'''Shouldn't we give food and water to kids in 3rd world countries instead of laptops?''' This is one of the most common criticisms of the OLPC and any of the related projects. It is an understandable sentiment. What is the point of making laptops and digital art tools available to kids who have to walk miles to get a bucket of water? The answer is very simple. Their hunger is not limited only to what we perceive to be the necessities of life. We have a chance to give them a tool where they can make better opportunities for themselves. Consider Korea. Arguably, Korea is one of the most advanced countries in the world in regards to their internet infrastructure having 90% broadband penetration into homes, and information technology, as well as electronic manufacturing. Having gone through a major war in the 1950's which decimated the country and up until the 1970's, Korea was just at the tail end of being considered a 3rd world nation. The generation who grew up during this era, fascinated with technological advances, became the foundation for the success of today's Korea especially in the internet and mobile sector of their industry. Given a similar opportunity, kids in South America or remote places on the African continent can do the same. S.P.A.M offers such tool and means to them. Besides, there already are those who have been giving food and water for decades.
== Vision & Goal ==


*'''Vision''' of the S.P.A.M project is to make an industry ready pixel editor available in the hands of children. It is up to children to make use of S.P.A.M to create their own pixel based art and share with their friends and classmate. Furthermore, they can use S.P.A.M to create art that could be used in the work force around the world.
'''Shouldn't we give food and water to kids in 3rd world countries instead of laptops?''' Believe it or not, this is the number one obstacle for anything that has to do with OLPC related project in general. It is understandable sentiment. What is the point of making a laptop and digital art tool available to kids who have to walk miles to get a bucket of water? The answer is very simple. Because their hunger is not limited to what we perceive to be necessities of life only. This is a chance to give them a tool to make an opportunity for themselves. I myself grew up in a country that was coming out of the tail end of the 3rd world status. I remember friends and students around me who were growing up being so fascinated with news of technologies that is (or will be) available through little news you can gather from magazines and newspaper. This is the generation who grew up to become the backbone of the technological success Korea is experiencing in the internet and mobile sector of their industry. Given the similar opportunity, I believe kids in South America or remote places in the African continent can do the same. S.P.A.M is our offering of choice to make such tool available for them. To those people who give "why not give food" comment, I want to point out that the world tried to do that for several decades. But it's not as fruitful. Reason for why we are making S.P.A.M is grounded more in the old Chinese proverb which says '''"Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime."'''


*'''Goals''': '''Industry Ready Pixel Editor''': S.P.A.M as a stand alone software should be robust enough for the users to generate pixel sprites that can be used in the real life professional world. This mainly means that the tool set of S.P.A.M should be dynamic enough to create and animate pixel sprites according to the industry standard. Another big aspect is converting created art into different format of files as well as movie files (TBD)


<br />
'''Vision''' of the S.P.A.M project is to make an industry ready pixel editor available in the hands of children. It is up to children to make use of S.P.A.M to create their own pixel based art and share with their friends and classmate. Furthermore, they can use S.P.A.M to create art that could be used in the work force around the world.


==<center>Two Concerns for the S.P.A.M project</center>==
'''Goals''':


#'''Creating initial interest in the product and drawing users to come back to build up their skills.''' This can be done by showcasing sample works and providing tutorials that feature master pixel artists from around the world.  The sample works can be displayed in portfolio fashion which can be viewed by others, but more importantly by companies in need of pixel art related works.  This will allow artists to be connected to the real world with real life possibilities of selling their work as a trade. 
#'''Industry Ready Pixel Editor''': S.P.A.M as a stand alone software should be robust enough for the users to generate pixel sprites that can be used in the real life professional world. This mainly means that the tool set of S.P.A.M should be dynamic enough to create and animate pixel sprites according to the industry standard. Another big aspect is converting created art into different format of files as well as movie files (TBD)
#'''The lifespan of S.P.A.M.'''
#'''Web Community Access''' : (This particular goal of the software development is largely dependent on the funding of the project and it's to be determined of if it is a viable option.) Flipnote Studio is an excellent reference of the web community function of S.P.A.M. Using this feature, children will be able to share their art work as well as view other children's work from around the world.
#*The software itself must be planned and built with the intent of migrating to upcoming versions of XO.  Supplemental add-ons and updates, including a map editor, a sound and animation editor, and maybe even a simple game engine that utilize assets made from S.P.A.M can lengthen the relevancy of S.P.A.M. (All future plans are subject to change). 
#*In conjunction to developing S.P.A.M itself, a corresponding web community feature may be developed.  Essentially, it will be like the Youtube of the pixel-art community.  The user will have a personal page that also functions as a portfolio page.  Pixel art/animation can be shared with classmates by forming class specific groups. and it could be shared all around the world.  Simply put, the web community feature becomes the vehicle and ‘social networking” medium for S.P.A.M ensuring a long lifespan of the software.  (Feasibility of web community feature for XO is still being researched).


<br />




== Feature List ==
==<center> Feature List </center>==


(Below list is still going through revision).
(Below list is still going through revision).
Line 152: Line 170:
<br />
<br />


== Reference ==
==<center> Reference </center>==


There are already several famous pixel editing tools that are very popular among pixel artists. Following references are few examples that are most similar and closely related to S.P.A.M:
There are already several famous pixel editing tools that are very popular among pixel artists. Following references are few examples that are most similar and closely related to S.P.A.M:
Line 169: Line 187:
<br />
<br />


== Development Schedule Overview ==
==<center> Development Schedule Overview </center>==


(Below list is still going through revision).
(Below list is still going through revision).
Line 179: Line 197:
#R&D / Funding: '''Current Status''': Define the budget and the size of the team. Test feature set. Find funding.
#R&D / Funding: '''Current Status''': Define the budget and the size of the team. Test feature set. Find funding.
#Pre-Production (6 months)
#Pre-Production (6 months)
#*Hire Staff
#*Define clear feature set according to the high concept and R&D.
#*Define clear feature set according to the high concept and R&D.
#*Flowchart of all the function defined.
#*Flowchart of all the function defined.
Line 185: Line 204:
#*Beta: All the features will be implemented (5 months)
#*Beta: All the features will be implemented (5 months)
#Post Production (3 months)
#Post Production (3 months)
#*Localization:Different language versions TBD (This could take longer).
#*Localization:Different language versions TBD (not specified).
#*Bug Fix
#*Bug Fix
#Approval from OLPC
#Approval from OLPC
Line 192: Line 211:
<br />
<br />


== Development Team ==
==<center> Development Team </center>==
'''Leads'''
'''Leads'''
*Executive Producer: '''Phillip Moses'''
*Executive Producer: '''Phillip Moses'''
Line 208: Line 227:
*Project Manager: '''TBD'''
*Project Manager: '''TBD'''
*Programmer 1: '''TBD'''
*Programmer 1: '''TBD'''

*Programmer 2: '''TBD'''
==<center> Advisors </center>==
*Joe Osborn: One of the original creators of Pixen
*Andy Matuschak: One of the original creators of Pixen
*Yriy Gusev: Pixel Art Maestro
*
*
*

Revision as of 05:22, 24 January 2010

S.p.a.m full.png


"Pixel art is a form of digital art, created through the use of raster graphic software, where images are edited on the pixel level.  Graphics in most old (or relatively limited) computer and video games, graphic calculator games and many mobile phone games are mostly pixel art” (Wikipedia). 



Introduction to S.P.A.M

Consider Yuriy.  Born in the Soviet Union in the midst of the cold war, Yuriy migrates to Cleveland, Ohio to now make violins for a living.  Several years ago, he gets into a pretty bad car accident that leaves him bedridden for weeks during which, due to boredom and a desire to not waste time, he picks up what is called “Pixel Art.”  Simply using a laptop and a graphic editing program called “Photoshop,” he quickly acquaints himself with pixeling skills.  Fast forward several years.  He is now one of the best pixel artists in the world, commercially sought by many for his work. 

Curious yuriy.gif


(“Curiosity” by Yuriy Gusev, 7/26/2008. Photoshop, one click at a time.)


Although it is a very basic form of digital art, it is still widely used in many games, web designs, as well as mobile softwares, establishing this as a viable art medium.  Good pixel artists are still needed for development communities. 

OLPC, having placed 1 million laptops in children’s hands around the world, has opened a unique doorway for young artists to pick up and master such a skill as pixel art not only for creative expression, but also that which is marketable and profitable. 1 million laptops around the world provide an immense foundation and reason for developing such a useful tool as S.P.A.M.

S.P.A.M: Super Pixel Art Maker is geared specifically for the XO platform.  With proper discipline, young users can produce professional level work simply utilizing XO and a copy of S.P.A.M.  The goal of this pixel editor software is to be easy enough for kids to pick up and doodle, but be robust enough where serious users can make professional quality pixel art and animation that is commercially ready.


S.P.A.M BasicMode Concept01


(Basic Mode of S.P.A.M)

The above screenshot is a concept design of the "Basic Mode" of S.P.A.M.  The initial interface will consist of a minimal number of options with the familiar green color theme of the XO.  The basic toolset is placed on the left hand side, icons illustrating the various functions of the toolset.  A child will be able to draw immediately using the default canvas and a preset pencil from the start of the program.

S.P.A.M AdvancedMode Concept01


(Advanced Mode of S.P.A.M)

The user can then switch to “Advanced Mode” where he will be able to access options more suitable for creating professional quality pixel art.  The above screenshot displays the very different user interface of the “Advanced Mode.”  (All designs are subject to change).  Basic toolset on the left side is essentially the same. However...

  • Menu items are now available at the top of the screen that enable extra functions. 
  • The overall color palette of the interface is neutral grey in order to better facilitate the assessment of color tone, which may be hindered by the green palette of the basic mode.
  • There is now an empty shelf with slots to store user selected tool sets. 
  • It also features a preview screen that shows 100% view of the image in progress. 
  • It also has a layer window, as well as, an animation frame editor at the bottom of the screen. 
  • More functions and tools will be available such as layer functions, export options, image filter options, etc.

(All functions are subject to change).

Realistically speaking, if S.P.A.M could be used to help children in third world countries to develop real life skills (ie. pixel art skills), be inspired and encouraged by the possibilities it presents, than S.P.A.M would have achieved its purpose. 


Vision & Goal

"Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime." (Chinese proverb)

Shouldn't we give food and water to kids in 3rd world countries instead of laptops? This is one of the most common criticisms of the OLPC and any of the related projects. It is an understandable sentiment. What is the point of making laptops and digital art tools available to kids who have to walk miles to get a bucket of water? The answer is very simple. Their hunger is not limited only to what we perceive to be the necessities of life. We have a chance to give them a tool where they can make better opportunities for themselves. Consider Korea. Arguably, Korea is one of the most advanced countries in the world in regards to their internet infrastructure having 90% broadband penetration into homes, and information technology, as well as electronic manufacturing. Having gone through a major war in the 1950's which decimated the country and up until the 1970's, Korea was just at the tail end of being considered a 3rd world nation. The generation who grew up during this era, fascinated with technological advances, became the foundation for the success of today's Korea especially in the internet and mobile sector of their industry. Given a similar opportunity, kids in South America or remote places on the African continent can do the same. S.P.A.M offers such tool and means to them. Besides, there already are those who have been giving food and water for decades.

  • Vision of the S.P.A.M project is to make an industry ready pixel editor available in the hands of children. It is up to children to make use of S.P.A.M to create their own pixel based art and share with their friends and classmate. Furthermore, they can use S.P.A.M to create art that could be used in the work force around the world.
  • Goals: Industry Ready Pixel Editor: S.P.A.M as a stand alone software should be robust enough for the users to generate pixel sprites that can be used in the real life professional world. This mainly means that the tool set of S.P.A.M should be dynamic enough to create and animate pixel sprites according to the industry standard. Another big aspect is converting created art into different format of files as well as movie files (TBD)


Two Concerns for the S.P.A.M project

  1. Creating initial interest in the product and drawing users to come back to build up their skills. This can be done by showcasing sample works and providing tutorials that feature master pixel artists from around the world.  The sample works can be displayed in portfolio fashion which can be viewed by others, but more importantly by companies in need of pixel art related works.  This will allow artists to be connected to the real world with real life possibilities of selling their work as a trade. 
  2. The lifespan of S.P.A.M.
    • The software itself must be planned and built with the intent of migrating to upcoming versions of XO.  Supplemental add-ons and updates, including a map editor, a sound and animation editor, and maybe even a simple game engine that utilize assets made from S.P.A.M can lengthen the relevancy of S.P.A.M. (All future plans are subject to change). 
    • In conjunction to developing S.P.A.M itself, a corresponding web community feature may be developed.  Essentially, it will be like the Youtube of the pixel-art community.  The user will have a personal page that also functions as a portfolio page.  Pixel art/animation can be shared with classmates by forming class specific groups. and it could be shared all around the world.  Simply put, the web community feature becomes the vehicle and ‘social networking” medium for S.P.A.M ensuring a long lifespan of the software.  (Feasibility of web community feature for XO is still being researched).


Feature List

(Below list is still going through revision).

  1. Canvas
  2. Easy to use XO dedicated GUI
  3. Multiple size pencil tips
  4. Color picker
  5. Shading tools (lighten, darken, dithering etc)
  6. palette editor (sorting, placement, gradient)
  7. Alpha tools (transparency...)
  8. Layers, Layer groups
  9. Animation tools (onion skin, ruler, tracer...)
  10. Sprite sheet exporter/importer
  11. Assign a tool and color to the game buttons on XO.
  12. Alignment crosshairs to keep your work straight and proportionate
  13. Configurable tools: brush size, tolerance, contiguity, sampling sources, etc.
  14. Make and draw with patterns
  15. A flexible preview window to keep things in perspective when you're zoomed in
  16. A floating info panel gives you instant answers about colors and sizes
  17. Overlays in animation to show you what the previous cel looked like
  18. Highly customizable grid for any kind of project
  19. Optional automatic backups for complete confidence
  20. Comprehensive tutorials available from famous pixel artists
  21. Flipnote Hatena like web community implementation (TBD according to budget for the project)
  22. Extensive file format support:
    • Image formats: .gif, .jpg, .png, .tiff, .bmp, .eps, .pict (please add to the list)
    • Animation formats: .gif (animated), a sprite sheet, .mov (please comment on the movie file conversion)
    • Palette formats: (please add to the list)


Menu Items

  • S.P.A.M

-About S.P.A.M
-Check for Updates
-Basic Mode
-Advanced Mode
-Preference
-Quit S.P.A.M

  • File

-New Image
-New Animation
-Open
-Close
-Save
-Save as
-Print

  • Edit

-Undo
-Redo
-Cut
-Copy
-Paste
-Delete
-Select All
-Crop
-Canvas Size
-Flip Canvas: horizontal, vertical
-Rotate Canvas: 180, 90, -90

  • Image

-
-
-
-
-
-
-
-
-
-Image Size
-Flip Image: horizontal, vertical
-Rotate Image: 180, 90, -90

  • Layer

-
-
-
-
-

  • Animation

-
-
-
-
-

  • Tools

-
-
-
-
-

  • Tako Games Logo

-
-
-
-
-


Reference

There are already several famous pixel editing tools that are very popular among pixel artists. Following references are few examples that are most similar and closely related to S.P.A.M:

  1. Photoshop [1] : Photoshop is probably the most well known graphics editor program in the world. Even though it is not targeted directly for making pixel art, many professional pixel artists use Photoshop as their main tool. A lot of pixel specific editing tools are modeled after Photoshop and the recent versions of Photoshop incorporated simple animation tool set that many pixel sprite animators use.
  2. GIMP [2] : GIMP is a free graphics editor. Much closer to Photoshop in its function, it is also loved by many pixel artists around the world. Its obvious strength is making such robust graphics editing tool for free. There are many people who use GIMP on XO.
  3. GraphicsGale [3] : Graphicsgale is perhaps the most famous pixel editing tool among the pixel artists around the world. It is only available for PC users. Even though full version of the software charges money, free version is good enough to create pixel art / assets that can be used professionally. It is a very robust pixel editor but still very difficult to use.
  4. Pixen [4] : Pixen is another open-rource pixel editor for Mac platform. Just like Graphicsgale, it was created to only deal with pixel art related work. Interface is much simple than any other version out there. But it is robust enough to create pixel art / assets that can be used professionally.
  5. Flipnote Studio [5] : Flipnote Studio is a free graphics editor for Nintendo's DSi platform. It has a very simple form of creating pixel based art as well as animation and incorporating music and sound using the DSi device. What is most interesting is that combined with Flipnote Hatena [6], which is like a Youtube of pixel art/animation created in DSi, pixel art/animation created with Flipnote can be instantly shared all over the world.

Following are some pixel art web communities. There are countless examples of excellent pixel art made by many different pixel artists from around the world using above programs. Many of these artists are self taught as well.

  1. Pixeljoint [7] : Pixel Joint is a community dedicated to the pixel art style. Anyone can join and post their pixel art. There are weekly challenges and contest run within the community and many different pixel artists around world are posting their work everyday.
  2. Pixelation [8] : Pixelation is another forum based community dedicated to the pixel art style. It is known for having many active members who are in the game development industry.


Development Schedule Overview

(Below list is still going through revision).

Total Development time line: 18 months

  1. Proposal: Resolved
  2. High Concept: Resolved
  3. R&D / Funding: Current Status: Define the budget and the size of the team. Test feature set. Find funding.
  4. Pre-Production (6 months)
    • Hire Staff
    • Define clear feature set according to the high concept and R&D.
    • Flowchart of all the function defined.
  5. Production (9 months)
    • Alpha: First version of working model / Bare bone version (4 months)
    • Beta: All the features will be implemented (5 months)
  6. Post Production (3 months)
    • Localization:Different language versions TBD (not specified).
    • Bug Fix
  7. Approval from OLPC
  8. Launch project


Development Team

Leads

  • Executive Producer: Phillip Moses
  • Creative Director: James Chung
  • Producer/Project Manager: TBD


Team A: Software Development

  • Programmer 1: TBD
  • Programmer 2: TBD
  • Artist/Integrator 1: TBD


Team B: Web Community Feature Development (TBD)

  • Project Manager: TBD
  • Programmer 1: TBD

Advisors

  • Joe Osborn: One of the original creators of Pixen
  • Andy Matuschak: One of the original creators of Pixen
  • Yriy Gusev: Pixel Art Maestro