Puntillismo y Flash

 Si los pintores puntillistas de la época tuviesen html5 seguro que esto estaría en un museo.

Star Wars. Hay otra manera de hacer carteles

A menudo se celebran salones del Cómic o en su defecto, Salones del manga. Los carteles suelen ser casi siempre los mismos, una única imagen y un texto que en algunas ocasiones se confunde con el fondo.

El objetivo del cartel es atraer al público friki, y por tanto el cartel tiene que llamar su atención desde lejos y una vez cerca, se objeto de contemplación.

¿Estaba todo inventado a la hora de hacer carteles para los Salones del Comic/Manga?

Eso nunca. Siempre hay otra manera de hacer las cosas. Y en este caso ha sido un Salón sobre Star Wars.

Como diría Manuel Ruiz de Lopera: -Tomen buena nota, ¡eh!

La única lastima es que no puedo justificaros cada cartel, porque este es un blog de diseño y no de lo que saben los autores de Mr. Pumpkin Pie sobre Star Wars. Que no es poco.

Tributo a Star Wars en forma de "app"

¿Quieres ver tu iPhone o iPad lleno de iconos de los personajes de Star Wars para tus aplicaciones favoritas?

Entonces hoy no es tu día.

Macros (I): Numerar páginas en Corel Draw

Hoy en diseño gráfico vamos a aprender a numerar las páginas en Corel Draw. Seguramente os haya pasado que a partir de 10 páginas en Corel Draw un sudor frio recorra vuestra frente por miedo a que vuestro ordenador reviente sin motivo, y por otro lado, el saber que luego debes numerar todas las páginas.

Nosotros vamos a enseñarte a resolver la mitad del problema. La parte de numerar las páginas.

Primero deberás saber que en Corel Draw, una de las herramientas más desconocidas son los macros.

Los macros son órdenes que realiza el Corel Draw de manera automática, algo así como un subprograma con tareas muy concretas. En la web podemos encontrar multitud de macros, y por defecto en el Corel nos vienen instalados algunos.

Es el caso de Page Numbering.

Para ejecutar este macro debemos clicar en Herramientas>Macros>Ejecutar Macro

Se nos abrirá una ventanita donde debermos seleccionar la sección donde se encuentra el macro, en este caso, Global Macros.

Ahora se nos abrirá una nueva ventana donde apareceran todas las opciones editables del número de página: formato de numeración, fuente, color, situación en el folio, etc.

 

Le damos a aplicar, y listo. Ahora vamos a guardar un respetuoso silencio por todos esos compañeros que han realizado una memoria en Corel Draw de más de 50 páginas y desconocían la existencia de Page Numbering.

Photoshop Dreamed

Photoshop Dreamed     Una auténtica maravilla para todo aquel "diseñador"

Os traemos este apasionante y curioso software capaz de hacer las delicias de cualquier, bueno, "diseñador", ya que es el Photoshop que cualquiera desearía para hacer esos logotipos tan rápidos, imágenes corporativas inmediatas a un precio único, efectos únicos de retoques, generación de ideas, etc.

Algo muy útil en nuestra profesión para llevar a cabo diseños en poco tiempo, la unica pega la vemos en que...bueno no se puede usar ningún herrramienta, aun, pero sería lo ideal visto las útiles aplicaciones vistas.

Os dejamos el enlace y echadle un vistazo, es bastante peculiar y divertido, además, mirad la pestaña "Ayuda", dónde vais a dar auténticas carcajadas.

Esperamos que os guste!

www.nobic.com.mx/photoshop/browser/

Video-Tutorial PhotoShop

Os traemos un vídeo-tutorial de Photoshop, que aunque no tengáis el tiempo de realizarlo, al menos debéis ver esta maravilla, un clásico si eres diseñador industrial.

Se trata de uno de los tutoriales de idsketching.com , este site en el que nos enseñan sus mejores bocetos y dibujos, además de enseñarnos a tener una soltura propia de diseñador a la hora de trazar líneas de aquí para allá.

Sin más dilación ni vana palabrarería, os dejamos el vídeo, delicia de dioses, esperamos que os guste!:

Inkling Lo último de Wacom

Wacom ha sacado al mercado hace un tiempo un nuevo producto (nada de actualizaciones ya conocidas sobre Cintiq 24HD o 22HD) innovador y que a muchos de aquellos diseñadores   que se planteaban la utilidad de una tableta digitalizadora ignoren aquellas dudas y se dejen llevar por la compra y uso de este producto, totalmente nuevo en el mundo del diseño digital.

Se trata de Inkling, una tableta, que no es tableta, sólo estilete en el que acompañado de un pequeño escáner y libreta podrás realizar dibujos a mano para después escanear y transferir los diseños en forma de datos hacia su centro de trabajo y poder dar los toques finales a sus proyectos de diseño.

El funcionamiento como veréis en el siguiente vídeo es muy simple:

A Mr. Pumpkin Pie, el tema de la creación de capas nos ha dejado un poco tocados gratamente, además de tener un precio bastante asequible. esperamos que os guste!

Regalamos 30.000 entradas para el Museo del Píxel, consigue la tuya.

Cameo de Vincent Van Gogh en Monkey Island 2.

Las obras y galerías de Píxel Art en Internet son innumerables. Así que para acabar el bloque que abrimos hace una semana sobre este tema, se nos ocurrió regalaros esa visita cultural que debe hacerse mínimo una vez por semana para alimentar nuestra desnutrida culturilla general. Esa misma que nos sirve para ganar partidas del trivial y en discusiones de bar con los amigos.

Por eso, este domingo nos hemos salido de generosos y hemos comprado 30.000 entradas para el Museo del Píxel, situado en el mejor sitio del mundo, internet.

Las obras de Píxel Art, se encuentran en la galería de Píxel Art, recomendamos empezar la visita por esta galería. No se permiten las capturas de pantallas con Flash, ni comer o beber sobre el teclado.

Dentro de un par de horas subiremos el resumen de la semana. Hemos tenido muy buen número de visitas. 

Gracias por estar ahí.

HowTo Pixel Art.

Aquí tenemos nuestro primer howTo, siguiendo con el tema de píxel art.

Como todavía estamos algo verdes, no vamos a hacer un cartel como los de Eboy, sino un edificio que data de la revolución industrial con una geometría relativamente fácil de reproducir en pixel art isométrico.

Primero deberás tener instalado el Windows Paint. Si no lo tenéis podéis pedir un crack al vecino o descargarlo del Emule.

…

Lo tenéis en inicio> accesorios. Si por un error habéis abierto el Emule para buscar el crack, os lo perdonamos. Vuestro vecino también, si se ha dado el caso. Este tutorial está pensado para vosotros, los que no sabíais que el paint sigue estando ahí y también para los que se han cansado del Adobe Illustrator.

Id a por unas galletas y un batido que empezamos.

Lo primero es recordar la regla del 2x2. Las líneas diagonales son de dos píxeles y bajo ningún concepto deben quedarse como 2x1. Romperíamos la continuidad de la línea, y eso es malo. Las líneas verticales no tienen misterio ninguno. El truco para hacer la mitad de trabajo es copiar la imagen e invertirla horizontalmente.

La parte de arriba es el techo. La parte del medio es una cornisa. Vamos a empezar a dar volumen a la cornisa. La anchura será de un pixel. El restante lo borramos. Mejor que usar la goma, es intercambiar líneas negras/blancas, o cuando es una imagen muy pequeña, lápiz negro/blanco.

 

Lo  mismo para el techo superior. Este tendrá de anchura 2 píxeles. Y copiad, que es mucho más fácil. 

 

Ahora la siguiente imagen os puede dar un poco de miedo.

No os asustéis. Lo único que hemos hecho ha sido lo siguiente:

• Rellenar el techo y la cornisa de marrón.
• Cambiar el color de las líneas con un marrón un tono más oscuro en la paleta (doble clic sobre el color marrón).
• Añadir las ventanas y darle un poco de profundidad.

Tranquilos, yo os espero.

Ahora vamos con otra ley del Píxel art. Las figuras redondas. Cualquier línea redonda debe ser una sucesión de píxeles descendente o ascendente. En nuestro caso 3-2-1. Pero como todos los círculos empiezan por el centro, primero haremos un círculo y lo abatiremos. Si hay algún estudiante de dibujo técnico o expresión gráfica en la sala, puede decir a sus amigos que va a “abatir un círculo”. Quedarás bien.

Y ahí lo tenemos. Ahora vamos a copiar la figura una vez que este acabada para hacer un cilindro que sobresalga del techo.

Porque ahí es donde va la antena, tal que así.

¡Que bonita! Los bordes lo hacemos en un tono más oscuro, como hicimos antes con el perfil del techo y las cornisas. No te preocupes, si los bordes los ves negros en el techo y las cornisas es porque lo cambié para ver como iba quedando. Ahora os enseño un truco para hacer esto rápidamente y bien. Vamos a acabar la puntita de la antena con una cruz de 5 píxeles. El centro, con el tono claro.

Genial. Os explico el truco ese para las líneas. Resulta que cuando hacía el tutorial con los bordes claros, cambié los bordes de las partes blancas por bordes grises. Quedaba así.

Y no me gustaba. Entonces recurrí a la goma. La goma sirve para borrar, pero podemos hacer que borre un color en concreto si tenemos a este como color primario. En vez de hacer clic y mantener pulsado el botón izquierdo, usamos el botón derecho. Borrará sólo las partes del color primario. Inténtalo tú con el color negro, y de secundario el gris. Luego deshaz el cambio y quédate con lo aprendido. Ahora sabes rellenar líneas a más velocidad.

Bueno, pues ya aleja el zoom y mira como queda nuestra solitaria torre.

Guardar el dibujo y ya nos pondremos con el edificio ese otro día.

Y para el que no lo haya adivinado, es la torre de la comisaría de la película Grupo 7.

13 Plantillas Web en formato PSD gratis.

Hace tiempo que venimos siguiendo a nuestros amigos de WEBDESIGNDEV  y no hemos podido dejar pasar esta oportunidad para daros a conocer este grandísimo trabajo.

Consiste en 13 plantillas en formato PSD para diseño web que a más de uno vendrá de perlas.

Enlace aquí

Entre sus diseños podemos encontrar plantillas para portfolios o webs corporativas.
¡Esperamos que os gusten!

¿Conoces el Píxel Art? El puntillismo del Siglo XXI

“Todo tiempo pasado fue mejor” y si nos quedan dudas sólo hay que fijarse en la multitud de objetos vintage que nos rodean. Las app móviles tampoco se libran:  Instagram, la aplicación de móvil que tiene multitud de filtros (entre otros) con colores retro y efectos como marcos cuadrados (como las antiguas polaroid), ya va por los 27 millones de usuarios registrados.

El mundo de los videojuegos pasa algo parecido. Las tiendas virtuales suelen contar en sus rankings de más descargados con juegos antiguos, donde los gráficos en tres dimensiones son sustituidos por coloridos píxeles: Metal Slug, Theme Hospital, Final Fantasy I y II...

Fantasia Final 1, como dirían algunos.

Hoy en la sección de Diseño Gráfico vamos a hablar de píxeles. Concretamente de Pixel Art.

Eboy, 2006

El pixel art es una forma de arte digital, donde las imágenes son editadas a nivel de pixel. En cuanto a la perspectiva, sólo hay dos: Frontal e isométrica. Para los que todavía no sepan de que estoy hablando, que piensen en los juegos antiguos tipo Pac-Man o Super Mario. Sin que haga falta acercarte a la pantalla, son los "cuadraditos".  A medida que ha ido avanzando la tecnología, los cuadraditos (a partir de ahora los llamaremos píxeles) se han ido haciendo más y más pequeños.

Pero como veníamos diciendo, todo tiempo pasado fue mejor y todavía nos cuesta separarnos de los píxeles. Es por eso que muchos diseñadores gráficos lo tienen entre una de sus herramientas ocurrentes, como Eboy. 

Aquí tenéis un Anuncio de Coca Cola diseñado por él.

Combina perfectamente el píxel con el diseño vectorial

Perfecto, pero ¿Cómo lo hacemos?

Probablemente haya filtros en photoshop para poder convertir tus fotos en pixel art. Otra solución sería guardar la imagen en baja calidad o en otros formatos, como .gif

De todas formas, en Mr. Pumpkin Pie somos de los que opinan que una cosa sólo saldrá como uno quiere cuando lo hace él mismo.

Así que id buscando el mejor programa de diseño gráfico que tenéis en vuestro ordenador. El mismísimo Windows Paint.

¿Quién dijo que el futuro era Adobe Ilustrator, si las modas van hacia atrás?

Podríamos enlazaros varias galerías de Pixel Art, pero personalmente nos quedamos con la obra colaborativa Goon Tower, un mega rascacielos lleno de referencias geeks.

La próxima semana nos ponemos manos a la obra con un ejemplo sencillito. Después  crearemos un sprite. Son puñado de píxeles con movimiento, no lo confundaís con la bebida.