{"id":277,"date":"2012-01-02T13:02:46","date_gmt":"2012-01-02T13:02:46","guid":{"rendered":"http:\/\/phyline.com\/blog\/?p=277"},"modified":"2015-08-01T15:24:48","modified_gmt":"2015-08-01T15:24:48","slug":"aplicaciones-online-de-diseno-en-pixeles","status":"publish","type":"post","link":"http:\/\/sophyonline.com\/blog\/2012\/01\/aplicaciones-online-de-diseno-en-pixeles\/","title":{"rendered":"Aplicaciones de Dise\u00f1o con Pixeles"},"content":{"rendered":"<p>En la <strong>d\u00e9cada de los ochenta<\/strong> los videojuegos no ten\u00edan mucho avance en lo que respecta a gr\u00e1ficos, en su mayor\u00eda eran empleados <strong>sprites de 8 bits o 24 bits<\/strong> que le daban el aspecto que denominamos &#8220;<strong><em>Pixelado<\/em><\/strong>&#8220;.<\/p>\n<p>Todas las imagenes digitales est\u00e1n conformadas por peque\u00f1os pixeles, al ser tan peque\u00f1os, tan numerosos y de distintos colores, el ojo los percibe como una imagen. La ciencia de este maravilloso tema, no la voy a explicar aqu\u00ed porque no soy una experta y seguramente este t\u00f3pico ya est\u00e1 m\u00e1s que discutido. Sin embargo, como el a\u00f1o que pas\u00f3 y seguramente en este 2012 seguir\u00e1 estando de moda el aspecto retro pixelado de los juegos de anta\u00f1o, he hecho una peque\u00f1a lista de <strong>algunas herramientas <\/strong>que pueden\u00a0ayudarnos a dibujar imagenes vintage y que podemos utilizar en nuestras aplicaciones.<\/p>\n<p>1.- <strong><span style=\"color: #333399;\"><a href=\"http:\/\/pixieengine.com\/\">Pixieengine<\/a><\/span>:<\/strong> \u00a0Una sencilla herramienta online que permite crear avatares pixelados\u00a0de 60&#215;60. Puedes almacenarlos en tu cuenta de pixiengine y luego descargar la imagen creada.<\/p>\n<div id=\"attachment_278\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2012\/01\/Captura-de-pantalla-2012-01-02-a-las-13.48.26.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-278\" class=\"size-large wp-image-278\" title=\"Pixieengine\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2012\/01\/Captura-de-pantalla-2012-01-02-a-las-13.48.26-1024x512.png\" alt=\"\" width=\"500\" height=\"212\" \/><\/a><p id=\"caption-attachment-278\" class=\"wp-caption-text\">Pixieengine<\/p><\/div>\n<p>2.- <strong><a href=\"http:\/\/kyucon.com\/qblock\/\">QBlock<\/a><\/strong>: Otra herramienta online para crear imagenes pixeladas, solo que el resultado es en tres dimensiones. Es decir, creas un patr\u00f3n en 2D y este autom\u00e1ticamente lo transforma a uno 3D. Puedes pasarte horas tratando de hacer una composici\u00f3n decente, al final siempre sale algo interesante, aunque no haya sido lo que tenias en mente. Debo a\u00f1adir que las gr\u00e1ficas que puedes dibujar en este editor, me recuerdan mucho a las que utiliza el juego Minecraft.<\/p>\n<div id=\"attachment_282\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/kyucon.com\/qblock\/\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-282\" class=\"size-large wp-image-282\" title=\"QBlock\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2012\/01\/Captura-de-pantalla-2012-01-02-a-las-13.59.48-1024x622.png\" alt=\"\" width=\"500\" height=\"322\" \/><\/a><p id=\"caption-attachment-282\" class=\"wp-caption-text\">QBlock<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>3.- <strong><a href=\"http:\/\/www.makepixelart.com\/\">Make Pixel Ar<\/a>t<\/strong>: Quiz\u00e1 la m\u00e1s completa que las descritas anteriormente, aunque con una limitaci\u00f3n, est\u00e1 destinada a los productos Apple. A pesar de este peque\u00f1o contratiempo a\u00fan puedes probar la versi\u00f3n online (con menos prestaciones que la de pago), en ella puedes hacer desde avatares, hasta wallpapers y pieles para usar en Minecraft. Tiene herramientas muy \u00fatiles a la hora de hacer las luces y las sombras cuando dibujas (puedes observarlo en mi detestable intento de dibujar un pez). El producto se vende a un m\u00f3dico precio de 3 d\u00f3lares para iPad y 1.99 d\u00f3lares para Mac.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_283\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.makepixelart.com\/\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-283\" class=\"size-full wp-image-283\" title=\"Captura de pantalla 2012-01-02 a la(s) 14.16.12\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2012\/01\/Captura-de-pantalla-2012-01-02-a-las-14.16.12.png\" alt=\"\" width=\"500\" height=\"329\" \/><\/a><p id=\"caption-attachment-283\" class=\"wp-caption-text\">Make Pixel Art<\/p><\/div>\n<p>4.- <a href=\"http:\/\/piq.codeus.net\/\">PIQ:<\/a>\u00a0Este editor es similar a los 2 primeros, aunque no est\u00e1n sencillo de entender a la primera. Tiene eso s\u00ed, m\u00e1s herramientas para crear un dise\u00f1o pixelado, adem\u00e1s cuenta con tutoriales en youtube y una comunidad donde se comparten tips y distintas creaciones. Dejo a continuaci\u00f3n un tutorial para empezar a utilizar PIQ.<\/p>\n<p><object style=\"height: 358px; width: 500;\" width=\"400\" height=\"257\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"src\" value=\"https:\/\/www.youtube.com\/v\/xy7kheKkS4M?version=3&amp;hl=es_ES\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed style=\"height: 358px; width: 500;\" width=\"400\" height=\"257\" type=\"application\/x-shockwave-flash\" src=\"https:\/\/www.youtube.com\/v\/xy7kheKkS4M?version=3&amp;hl=es_ES\" allowfullscreen=\"allowfullscreen\" allowscriptaccess=\"always\" allowscriptaccess=\"always\" allowfullscreen=\"allowfullscreen\" \/><\/object><\/p>\n<p>5.- <a href=\"https:\/\/github.com\/philippec\/Pixen\">Pixen<\/a>: Es una herramienta open source, la descubr\u00ed porque te permiten descargar el c\u00f3digo fuente del programa, est\u00e1 desarrollado en XCode y al igual que Make Pixel Art est\u00e1 dise\u00f1ado para ejecutarse en entorno Mac. Es la que he estado utilizando actualmente para mi proyecto de ocio: un mini juego. La versi\u00f3n es estable, para XCode 4 \u00a0y puedes descargarla de la cuenta github de su creador Philip Pec\u00a0https:\/\/github.com\/philippec\/Pixen<\/p>\n<div id=\"attachment_288\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/github.com\/philippec\/Pixen\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-288\" class=\"size-large wp-image-288\" title=\"Captura de pantalla 2012-01-02 a la(s) 14.37.52\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2012\/01\/Captura-de-pantalla-2012-01-02-a-las-14.37.52-1024x658.png\" alt=\"\" width=\"400\" height=\"258\" \/><\/a><p id=\"caption-attachment-288\" class=\"wp-caption-text\">Pixen- Por \u00faltimo<\/p><\/div>\n<p>6.- Excel &#8211; Open Office: S\u00ed, el legendario sistema de hojas de c\u00e1lculo puede ser usado (con paciencia) para realizar dibujos pixelados. Para muestra un bot\u00f3n: &#8220;Mario en Excel&#8221; \u00a0hecho por mi amigo Gary Ramos que al parecer tiene mucho tiempo para procrastinar con utilidad.<\/p>\n<p><a href=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2012\/01\/Captura-de-pantalla-2012-01-02-a-las-14.44.59.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-289\" title=\"Captura de pantalla 2012-01-02 a la(s) 14.44.59\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2012\/01\/Captura-de-pantalla-2012-01-02-a-las-14.44.59.png\" alt=\"\" width=\"480\" height=\"557\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>\u00bfConoces alg\u00fan otro programa para hacer dise\u00f1os con pixeles?<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En la d\u00e9cada de los ochenta los videojuegos no ten\u00edan mucho avance en lo que respecta a gr\u00e1ficos, en su mayor\u00eda eran empleados sprites de 8 bits o 24 bits que le daban el aspecto que denominamos &#8220;Pixelado&#8220;. Todas las imagenes digitales est\u00e1n conformadas por peque\u00f1os pixeles, al ser tan peque\u00f1os, tan numerosos y de <a class=\"read-more\" href=\"http:\/\/sophyonline.com\/blog\/2012\/01\/aplicaciones-online-de-diseno-en-pixeles\/\">&hellip;&nbsp;<span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-277","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":21,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"predecessor-version":[{"id":660,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts\/277\/revisions\/660"}],"wp:attachment":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}