Pedro Puig

 

Ilustraciones hiperrealistas

Yo sencillamente me quito el sombrero ante esta recopilación de 15 ilustraciones vectoriales hiperrealistas. Los más mínimos detalles están presentes en estos dibujos técnicamente perfectos.

Yo sería incapaz de distinguir entre la fotografía y la ilustración.

Ilustración hiperrealista

 

Tutoriales de Photoshop

Tutoriales de Photoshop

En Paintbits encontramos un muy interesante recopilatorio de tutoriales de nuestro querido y amado Adobe Photoshop. El recopilatorio está clasificado en diferentes categorías ( efectos, retoque, tipografías, pintura digital, diseño, iconos, diseño web y temas variados).

Como bien dicen en Isopixel, el problema es distinguir entre tanta cantidad de información, que tutoriales son de calidad y cuáles no. Estos sin duda son de la primera clase.

Espero que lo disfrutéis.

 

Stencil Kit de Yahoo

Stencil Kit de Yahoo

La importancia de crear un Wireframe (diseño de alambre), antes de comenzar con el prototipado, es cada vez más aconsejable.

Hay numerosas herramientas para la creación de Wireframe, pero tal vez las más importantes sean Omnigraffle y Visio de Microsoft.

Ahora Yahoo, presenta el Stencil Kit que es un conjunto de objetos predefinidos que nos ayudarán a crear de forma rápida un wireframe desde nuestra aplicación favorita.

El Stencil Kit de Yahoo esta disponible tanto para usuarios de Omnigraffle como de Visio. Pero si tu programa para la creación de Wireframes es otro, puedes descargártelo en PDF, PNG y SVG.

Otra ayuda más…

Vía: Torresburriel

 

30 estilos de comentarios

Ejemplo de Comentario

El diseño de comentarios en un weblog es la oportunidad para que un diseñador pueda desmarcarse de la tónica habitual que presentan la mayoría de blogs. En esta página se nos muestran 30 estilos diferentes de comentarios, a cada cual mas diferente.

Siempre es interesante tener referencias de este tipo que nos pueden sacar de más de un apuro.

 

PNGs transparentes en Internet Explorer 6

Es sabido que Internet Explorer 6 no se lleva muy bien con los PNGs transparentes; leo en JVcreación que existe una forma rápida y cómoda de solucionar este problema, los detalles están en Google Code. Simplemente hay que insertar el siguiente código entre las etiquetas y nombrar las imágenes PNG con el sufijo “-trans.png”:

Solución para los PNGs transparentes

Parece ser que además de solucionar esta incompatibilidad, resuelve otros defectos del navegador en su lucha por cumplir los estándares.

 

Multicolr, flickr por colores

Multicolr, Flickr en colores

Multicolr es una herramienta que nos permite buscar fotos en Flickr clasificándolas por colores. El funcionamiento es sencillo, seleccionamos un color de la paleta de la derecha, a continuación las imágenes que tengan relación con ese color, aparecerán a nuestra izquierda.

Podemos ir añadiendo colores a esa selección, las imágenes se irán filtrando de acuerdo a esos colores seleccionados.

Es una utilidad que puede sacarnos de algún apuro, aunque siempre deberemos estar atentos a las restricciones de uso de las imágenes

 

Turiatrans, empresa de transportes valenciana

Logotipo de Turiatrans

La empresa para la que he estado desarrollando mi último trabajo se llama TURIATRANS, es una operadora de transportes con más de 50 años de experiencia en el sector, además, ofrece soluciones logísticas y servicios personalizados de distribución.

Cabecera website de Turiatrans

El objetivo, al principio del proyecto, era dar un cambio total a la imagen de marca de la empresa, empezando desde la creación de un nuevo logotipo, pasando por el diseño de la nueva imagen corporativa (sobres, tarjetas, folios…) hasta el diseño y desarrollo del “Sitio Web” funcionando bajo Wordpress.

El “Sitio Web” se desarrolló con el planteamiento de permitir una actualización sencilla de los contenidos y dar la posibilidad de incorporar nuevas funcionalidades en un futuro.

Ver portfolio

URL: http://www.turiatrans.com

 

Videos en 3d

Primero fueron las imágenes panorámicas (QuicktimeVR 360º), ahora aparece algo más espectacular aún, el Video Esférico. Esta tecnología permite conseguir resultados verdaderamente alucinantes. Podemos ver otro ejemplo en Gente paseando por la playa.

Immervise Media realiza este tipo de producciones, empresa que por cierto era la encargada de tomar la imágenes panorámicas para “Google Maps Street View” el visor de imágenes reales tomadas a pie de calle de Google.

Vía: Microsiervos

 

Crear motivos en Photoshop CS3

Aprovechando la entrada anterior, voy a explicar cómo podemos crear de una imagen, un patrón o motivo en Photoshop.

En primer lugar abriremos la imagen que queremos convertir en patrón, posteriormente iremos al menú selección y le diremos seleccionar “Todo” (ctrl+A)

A continuación, en el menú edición, seleccionamos la opción “Definir motivo“:

Le damos nombre al motivo que queremos crear:

Darle nombre al motivo

 

Motivos para Photoshop

Motivos de Photoshop en Squidfingers

Navegando por internet, he encontrado un sitio web donde podemos encontrar bastantes motivos (patrones) para Photoshop, de libre uso y que podemos utilizar en nuestros trabajos.

Yo particularmente los suelo utilizar con muy poca transparencia (20-25%) y como base del fondo del diseño. Siempre le dan un toque diferente a nuestros trabajos. El abusar de estos recursos puede provocar que la atención del usuario no sea el contenido, si no los motivos que hemos colocado, por lo que debemos de tener mucho cuidado de no pasarnos.

El único problema que tienen estos motivos es que no están en formato .PAT (extensión propia para los motivos de photoshop), están en formato .GIF, por lo que habrá que convertirlos en motivos desde nuestra aplicación de Photoshop.

URL: http://www.squidfingers.com/patterns/