Entradas en la categoría ‘Diseño’

Febrero 1st, 2010 | Sin comentarios

GUI de la iPad de Apple en PSD

Hace un tiempo publiqué los sitios de donde podías descargar la GUI del iPhone, Palm Pre y Android y así empezar a realizar tus bocetos de aplicaciones.

Ahora con el reciente lanzamiento de la iPad el equipo de Teehan Lax no tardó en lanzar el PSD de sus componentes.

En el anunció de la iPad también se mencionó que quienes sepan desarrollar apps para iPhone/iPod Touch lo podrán hacer para la iPad puesto que utiliza la misma base del SO.

Visitar el sitio para descargarlo (24 MB – ZIP)

Nota: Como lo dicen en el blog de Teehan Lax, los componentes no son oficiales y seguro que saldrán más, pero quicieron adelantarse con lo que hasta ahora sabemos.

CategoriasDiseño, Recursos Tags, ,
Enero 28th, 2010 | Sin comentarios

Cómo crear una máscara con Photoshop CS4

Vía | @zguillez

Diciembre 18th, 2009 | Un comentario

FontFriday: Museo Slab, nueva tipografía de excelente calidad

Ya anterioremente he publicado de la tipografía Museo, tanto en su variante serif como sans serif, y ahora me entero de que quien las diseñó ahora sacó una variante slab serif (de la que ya hubo un fontFriday en el que les recomendé algunas)

Os presento Museo Slab Serif:

La fuente es increiblemente bella.

Y como siempre, pueden descargar algunas fuentes gratuitamente en MyFonts: Museo 500 y 500 en itálica :)

CategoriasDiseño, Font Friday Tags
Octubre 1st, 2009 | Sin comentarios

Más novedades para Photoshop

Hace poco que les hablé sobre la próxima herramienta para Photoshop CS5, PatchMatch; una herramienta que realmente se ve interesante.

Pues ahora desde Photoshop Labs nos presentan otras 2 nuevas tecnologías, que aún no se sabe para cuando llegan, pero que ya están siendo desarrolladas.

Get the Flash Player to see the wordTube Media Player.

La primera consiste en una nueva herramienta que nos permitirá pintar digitalmente, pues los conocidos pinceles ahora serán interactivos y cambiarán de forma conforme sea la dirección en que los movemos, permitiendonos crear pinturas digitales más fácilmente y de manera realista.

La otra es una herramienta que nos permite transformar imágenes de forma personalizadas, algo así como la Transformación libre y Deformar, pero más inteligente y personalizada, pues podemos añadir puntos cómo lo deseemos, dándosnos más control sobre las modificaciones que haremos.

El video fue publicado por Adobe en Facebook :P
Vía | @adobexpert

CategoriasDiseño, Increíble, Software Tags
Septiembre 26th, 2009 | Sin comentarios

10 excelentes tutoriales para crear el efecto letterpress

Hace poco publiqué 3 estilos de capa para Photoshop (ASL) con el fin de hacer el efecto letterpress sobre cualquier texto ú objeto.

10 excelentes tutoriales para hacer el efecto letterpressPero si lo quieres es aprender cómo se hace, en Six Revisions publicaron una recopilación de 10 tutoriales ;)

CategoriasDiseño Tags,
Septiembre 23rd, 2009 | 2 comentarios

PatchMatch, una nueva herramienta para Photoshop CS5

Recientemente empoezaron con las versiones developer-private-beta de la Creative Suite de Adobe 5, y una de las cosas que más me llamaron la atención, es una nueva herramienta para Photoshop CS5: PatchMatch

Photoshop CS5Esta nueva herramienta, será algo así somo un Parche + Tampón de clonar inteligente, pues es precisamente para eso que servirá.

La herramienta permite corregir defectos en fotografías que hacías de forma manual con máscaras, capas duplicadas ó usando las herramientas Parche ó Tampón de clonar, pues basta con usar una interfaz parecida a la de la ventana de Extraer, pues solo hay que seleccionar una sección de la imagen, ajustar algunos parámetros y dejar que lo demás lo haga el sistema :D

La herramienta PatchMatch se podría resumir en: Tampón de clonar + Parche + Escalado inteligente en crack U_U

Es simplemente increíble, tienen que ver el video para entender la tecnología tan avanzada que usa esta herramienta:

Como lo ven es impresionante U_U

Vía | Xpert Blog

Septiembre 22nd, 2009 | Sin comentarios

VIPs, Very Important Pixels

El diseñador Kristof Saelen ha empezado una serie de imágenes de famosos estilo pixel art que me encantaron ^^

Death Star

Una idea muy buena, ya que es un proyecto en el que puedes mandar tus sugerencias con un tweet a @vipxls y según él, pronto habrá playeras, yay! :D

Pueden ver todos en Very Important Pixels

Vía | JessSM

CategoriasDiseño, Geek Tags,
Septiembre 22nd, 2009 | Sin comentarios

La interfaz de GIMP cambiará radicalmente para su versión 2.8

Anteriormente les dije que esto era una posibilidad, pero ya está confirmado: GIMP 2.8 será single-window

Pero además de eso, la interfaz sufrirá cambios realmente grandes, pero tranquilo, que son mejoras ;)

Rápidamente les comentaré lo que más me gustó.

Single-windows mode

Esto solo es la confirmación de lo que ya les había comentado, GIMP deja de ser multi-ventana y las mantendrá como páneles, de forma similar a Photoshop.

Miniaturas y navegación por pestañas

Nuevamente, al igual que en Photoshop (CS4), se podrá trabajar con varios archivos que se abrirán en pestañas, es decir, tendremos tab navigation y así evitar tener abiertas varias ventanas :)

Y otra cosa que me gustó, es que esas tabs se podrán configurar para ser thumbnails ó miniaturas, aunque en parte podría siginificar gran uso de espacio en disco para cachear las imágenes y evitar que se solicite una miniatura cada que edites el documento :|

Polaroids

Los polaroids son recuadros, es decir que podrás crear un recuadro a partir de un archivo que tenas abierto.

A diferencia de las ventanas, este es una especie de widget de GIMP, es decir, no es una ventana más, sino un pequeño recuadro dentro de la aplicación.

Esta característica no la posee (que yo sepa) Photoshop, por lo que es un punto a favor de GIMP :D

Conclusión

GIMP está tomando más fuerza y se han preocupado por mejorar su interfaz, esto significa que se vienen grandes cosas muy positivas para sus usuarios.

El hecho de pasar a ser single-window, hace que muchos usuarios vuelvan, pues es era una de las cosas que todos odiabamos.

Ahora con nuevas características podría atraer más usuarios que buscan una aplicación más amigable y menos confusa ó difícil.

Y aunque aún le falta mucho para lograr alcanzar a Photoshop, es la mejora alternativa libre y más completa que tiene un balance entre lo que es indispensable y lo que no lo es, de esta forma evitan estar saturado de funciones el programa que a pocos usuarios les servirán :P

Pueden leer el post de las nuevas carácterísticas oficial en m+miw

Septiembre 21st, 2009 | Un comentario

3 estilos de capa “letterpress” para Photoshop

El estilo de texto letterpress está basado en una técnica de impresión que lleva el mismo nombre, y consiste en darle relieve a un texto, de tal forma que quede debajo del resto del papel. Por ejemplo:

Impresión letterpressSin embargo, está técnica se está haciendo cada vez más usada en el diseño, ya que es una forma muy elegante de estilizar el texto y que encaja en muchos diseños.

Algunos sitios que lo aplican en sus diseños son PowerSet, Alex Buga ó MetaLab.

Y para ello aquí tienen 3 estilos de capa para Photoshop :D

Efecto letterpress — Estilos de capaClick para ampliar imagen

El archivo ASL lo pueden copiar directamente a la carpeta de estilos ó mediante el menú del panel de estilos, solo le daz click y a continuación en Cargar estilos…

Cargando estilos desde el panel de estilos¡Eso es todo! :D

El archivo es un ZIP que contiene:

  • Archivo PSD de muestra (archivo.psd)
  • Archivo ASL (Letterpress.asl)

Las tipografías usadas puedes obtenerlas al final del post ;)

Descargar archivo (ZIP | 434 KB)

Las tipografías usadas son:

PF Arma Five.- La descargas desde su página oficial

GeoSans Light.-Puedes encontrarla en Dafont

Museo 300.- Descárgala gratis en MyFonts (necesitas estar registrado)

Coupe Black (Bold).- Cuesta $19 USD en MyFonts

Septiembre 18th, 2009 | Un comentario

Propuesta de logotipo para Mejorando la Web

Mejorando la Web es una serie de videos que Freddie y Cvander llevan haciendo desde hace un tiempo, en ellos critican proyectos y sitios web de una forma…distinta a cualquier otro proyecto parecido U_U

Esta abierto en L4C el concurso de diseñar su logotipo, y he aquí mi propuesta:

El pulgar expresa “mejorar” ó “progreso”, el detalle de hacerlo pixelado es por el cursor que se refiere a “navegar”, es decir “web”.

Me costó 6 hojas de garabatos en el cuaderno (LOL) pero quedé feliz con el resultado :)

Pueden hacer comentarios respecto al logo tanto aquí mediante los comentarios, por Twitter a @raymundo_aaron ó en la página de L4C