El blog del Staff/Stuff de Sync.es aportando nuestras ideas al mundo

Category — Diseño

Los propósitos de año nuevo (2) – Gatuna

En fin. Continuando con el post anterior acerca del dibujar, esta vez he probado a realizar un “entintado” a través de la tableta digitalizadora.

He realizado pequeñas correcciones, y he terminado las zonas inacabadas, como los pies y la pierna derecha.

He probado a realizar el entintado a través de un trazo variable, que aunque creo que deja bastante que desear, no lo veo del todo mal. Lo que seguro que tengo que hacer, es de nuevo la espada, o por lo menos la hoja, aunque no tiene herramientas vectoriales.

Espero terminar la tercera parte de esta serie de posts con el , probablemente siguiendo una técnica que ví en Envato.

Creative Commons License
La nena esta publicada bajo una licencia de Creative Commons.

enero 14, 2011   Sin comentarios

Luces de Navidad en las calles de Madrid

Me gusta la . Disfruto adornando el árbol, escuchando “”, viendo “”, inventando el menú para la . Cada año necesito crear este navideño y hay dos detalles que me confirman que la Navidad ya está aquí. Lo primero es la de Navidad. Desde hace 8 años ya me he acostumbrado que la Navidad empieza con el cante de los niños de San Ildefonso. No juego nunca, porque sé que nunca ganaras jugando en juegos de azar con el Estado. Pero desde luego sin estos cantos la navidad no será la misma.

Y otro detalle navideño que me encanta es la de las calles. He estado viendo las fotografías de la de muchas ciudades del mundo y he de decir que la mejor navideña este año en mi opinión la tiene . Para los que no van a poder disfrutar del mágico alumbrado de este año pongo esta galería de fotos. Por cierto, no sé quién es el autor de estas preciosas fotografías. Si alguien me lo puede decir se lo agradecería. Las fotos son espectaculares.

diciembre 19, 2010   Sin comentarios

Para gustos los colores

Buscando información para un nuevo proyecto me he vuelto a topar con el inspirador ColourLovers.com

Hace mucho que no la visitaba y he quedado gratamente sorprendido de las características que me había perdido de este magnífico sitio.

Tan sólo navegar por los últimos esquemas de evoca rápidamente ideas para su aplicación, en mi caso, en diseños de webs dedicadas a diversos temas.

Pero lo que me ha dejado clavado en la silla ha sido la aplicación de flash que ofrecen para la creación de patrones sin fin (seamless). Está tan bien realizada que no se diferenciaría mucho de un , inkscape o freehand.

Permite, a través de formas pregeneradas, crear tu patrón favorito, rotando, escalando, agrupando sus componentes… y al que más tarde aplicarás cualquiera de los esquemas, tanto tuyos como de la comunidad de Amantes Del Color.

Y además, posee un interfaz para la programación (API), con el que será muy posible integrar algunas de sus funciones en el proyecto en cuestión.

Y a vosotros, ¿qué color os gusta?

octubre 22, 2010   Sin comentarios

Decora tus muebles de IKEA

con sus lineas de sencillos, el montalo tu mismo y sus precios ha conseguido que la mayor parte de las casas de gente joven sean iguales o muy parecidas. Gracias a internet ahora puedes hacer que tu estanteria , tu cama o la mesa , cambien por completo y sean un mueble original que no verás en todas las casas de tus amigos. Desde la web de mykea podemos comprar lo que supongo son vinilos auto adesivos, con diferentes diseños preparados para varios modelos de muebles de la marca sueca.

Incluso si te sientes inspirado puedes enviar tu propio para tener algo único o incluso añadirlo al catalogo para ganar dinero. La colocación de los vinilos parece sencilla siguiendo las instrucciones que podemos ver en este apartado de su pagina web.

octubre 21, 2010   1 Comentario

Hoja de estilos por defecto

Hace mucho tiempo que no dedicaba el post a algún tema técnico relacionado con mi profesión. Esta semana, por casualidad, me topé con un tema que me ha dado algún que otro dolor de cabeza.

El tema es el siguiente, ¿por qué cuando uno hace una página Web sin ningún tipo de   esta se ve de manera diferente en distintos navegadores?

En un post de hace unos meses, hablé de la importancia de la declaración del DOCTYPE al inicio del código de una página Web con el fin de asegurarnos de que  el código se interprete igual en navegadores diferentes.

Hoy quería hablar de los por que traen de fábrica los distintos navegadores y que afectan a las etiquetas de una página Web. Por ejemplo, ¿Por qué una etiqueta h1 a la que no se ha especificado ningún estilo aparece con más margen en Internet Explorer que en ? [Leer más →]

octubre 16, 2010   1 Comentario

Dale forma a tu idea.

Hablando con Vaxter acerca de cómo encapsular un circuitillo USB (En una pieza de lego, o en una carcasa de pendrive), me comentó un sitio muy curioso. Shapeways.com

Es un sitio dedicado a “imprimir” un modelo realizado en . Unas sofisticadas máquinas construyen la forma a través de ir dejando capas de material. En otros casos usan robots de control numérico.

Los materiales disponibles van desde plástico convencional (con distintas calidades y colores), pasando por piedra arenisca hasta acero inoxidable.

El coste de la producción se realiza por volumen y los precios son relativamente asequibles.

Shapeways.com hace el servicio de modelado y de mercadillo para sus usuarios, que suben sus modelos 3D y los ofrecen preparados con materiales y colores, con precio final. Y para los profanos , tienen diversas aplicaciones, en java, con las que generan los modelos a partir de textos o formas predeterminadas.

La idea de un sitio así me parece estupenda, y de gran utilidad tanto para aficionados como para profesionales (por ejemplo del industrial), pudiendo obtener maquetas de sus proyectos o su personaje preferido.

De momento ya he encargado algo de lo mas Geek: Un d20 Steampunk.

Actualización:

Este es el dado que me llego el día 1 de octubre.

septiembre 17, 2010   1 Comentario

Cómo crear un efecto fuego.

El de esta semana está dedicado a un efecto de fuego. Utilizando el filtro viento y desenfoque vamos a conseguir que aparezcan llamas de cualquier texto que elijamos.

Sin más preámbulo vamos con el tutorial.

1) Abrimos el y creamos un nuevo documento de unos 800 x 450. Una vez creado con la herramienta bote de pintura rellenamos el escenario de negro.

[Leer más →]

agosto 9, 2010   2 Comentarios

Cómo crear un efecto Matrix.

El de esta semana como bien indica su título, trata de cómo podemos hacer un efecto muy sencillo pero que puede quedar muy guapo. He disfrutado haciendo este tutorial ya que es una de mis películas favoritas… bueno no me enrollo más y vamos con el tutorial.

1) Abrimos un documento nuevo, por ejemplo de 180×180 y seleccionamos como primario un verde neón y como secundario el negro.

2) Vamos a la opción /textura/granulado. Los valores que pondremos en el filtro serán: Intensidad:100, Contraste:100 y Tipo de granulado:vertical.

[Leer más →]

agosto 2, 2010   5 Comentarios

Google Sketchup, el abocetado en 3d

Una aplicación que no había usado hasta hace poco es Google Sketchup, una aplicación gratuita de modelado en , que tienen como principal reclamo permitir construir escenas tridimensionales sin mucha dificultad, prescindiendo de los  tecnicismos habituales (Conversad 5 minutos con J.Gallardo sobre el tema y veréis).

El presenta una interfaz muy ligera, en la que creas los elementos con las herramientas básicas de (Rectángulo, elipse y líneas), y a partir de ahí, las elevas (empujando o tirando de ellas). Siempre, a un lado de la pantalla, un asistente te ayuda a familiarizarte con el programa, indicándote los atajos de teclado para poder realizar opciones más avanzadas.

La manera de sacar el mayor provecho a  es con lo que llaman Componentes, que son grupos de geometrías (objetos). Google tiene una gran cantidad de estos componentes que puedes añadir en cualquier momento a través de un integrado en el programa.

Otra de sus características importantes es su previsualización rápida de texturas y colores, aunque quizá lo que más me ha impresionado son los de dibujo, un postproceso de la imagen modelada, a tiempo real en los más sencillos, que los muestran como si se hubieran abocetado, a lápiz, rotulador, con distintos grados de imprecisión para darle un aspecto todavía más de dibujo rápido.

Mi primera impresión, que quizá cambie con el uso, es que tanto los atajos de teclado como los botones del raton son poco intuitivos, y que independientemente a la sencillez de manejo del programa, tienes que tener una buena percepción espacial para sacarle provecho.

Gracias a Morán he visto algún trabajo de que ha utilizado como apoyo Sketchup. Os dejo este ejemplo.

julio 30, 2010   Sin comentarios

Como crear un efecto Andy Warhol.

Siguiendo con el post de nuestro compañero Jorge en el que trataba el tema de las vectorizaciones vamos a hacer un ejercicio en el que daremos a una imagen nuestra un efecto parecido al que Andy Warholl creaba.

1) El primer paso es abrir el , escoger una imagen nuestra y recortar  la cabeza. Con la herramienta pluma seleccionamos el área que queremos recortar y una vez seleccionado pulsamos el botón derecho del ratón que nos dará la opción de “hacer selección” . Con el área seleccionada pulsaremos la combinación de teclas Cmd y J en Mac o Ctrl y J en Windows para que el objeto seleccionado aparezca en una nueva capa separado del resto. Y por último guardamos el documento.

[Leer más →]

julio 27, 2010   4 Comentarios