Raymundo.Aaron » photoshop

GUI de la iPad de Apple en PSD

Raymundo.Aaron — Mon, 01 Feb 2010 20:19:17 +0000

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.

Cómo crear una máscara con Photoshop CS4

Raymundo.Aaron — Thu, 28 Jan 2010 21:29:49 +0000

Vía | @zguillez

10 excelentes tutoriales para crear el efecto letterpress

Raymundo.Aaron — Sat, 26 Sep 2009 20:33:48 +0000

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

Pero si lo quieres es aprender cómo se hace, en Six Revisions publicaron una recopilación de 10 tutoriales

PatchMatch, una nueva herramienta para Photoshop CS5

Raymundo.Aaron — Wed, 23 Sep 2009 22:13:57 +0000

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

Esta 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

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

3 estilos de capa “letterpress” para Photoshop

Raymundo.Aaron — Mon, 21 Sep 2009 23:47:31 +0000

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:

Sin 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

Click 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…

¡Eso es todo!

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

[Montajes] ¿Cómo serían las películas luego de la compra de Marvel por Disney?

Raymundo.Aaron — Sat, 05 Sep 2009 00:04:08 +0000

Ya hace poco que Disney compró Marvel y con ello seguro que muchos quedamos con la pregunta ¿Cómo serán ahora las películas?

Pues Worth1000 se tomó el tiempo de darnos una idea

Montajes sobre cómo serían las películas luego de la compra de Marvel por parte de Disney.

Para ver todas la imágenes visita el post en Worth1000

Los diseñadores de Microsoft apestan usando Photoshop y son racistas

Raymundo.Aaron — Tue, 25 Aug 2009 22:37:40 +0000

Hoy en Twitter está circulando una imagen del sitio web de Microsoft para Estados Unidos en comparación con el de Polonia.

La verdad es que no es sorprendente por la imagen sino más bien por el hecho de que no es un fake como la mayoría de las cosas que se dicen.

Un claro ejemplo del racismo que existe en el mundo, algo realmente triste; lo peor es que lo haga una empresa de la talla de Microsoft, que estarán de acuerdo en que es un asco y ya uno no sabe que esperar, pero a pesar de todo el asco que de, sigue siendo una empresa y una de las más grandes, por lo que no debería de hacer este tipo de cosas.

He aquí una imagen del sitio de Microsoft para Estados Unidos de una campaña de negocios:

Para ver la imagen en tamaño completo haz click sobre ella.

Como pueden ver es un sitio web común de Microsoft (asqueroso ) pero además de asqueroso, hay una fotografía que abarca gran parte del sitio.

No me importa donde ó cuando tomaron la foto, el punto es que ahí sale un hombre moreno, el cual por cierto está usando una iBook, o al menos eso creo.

Podrían pensar OK, en la propia foto estan usando otro sistema y solo quitaron el logo de Apple, no hay nada de malo en eso, pero el punto no es tanto que dan asco al saber que Apple es mejor, y que no puedieron usar cualquier otra PC para la foto.

El problema está en que para la misma campaña publicitaria, y el mismo sitio web de ella, mantuvieron el mismo diseño para Polonia, solo con una pequeña diferencia:

Asi es, en Polonia parece ser que no hay personas morenas, por lo que solo podría haber gente blanca en la foto.

Una clara muestra de racismo en el país por parte de Microsoft.

Esto está inundando Twitter.

Sería más estúpido que Microsoft quitara la imagen luego de que todo el mundo la haya visto U_U

Compruebenlo ustedes mismos, vean Microsoft para EUA y luego Microsoft para Polonia

Esto comprueba que los diseñadores de Microsoft son racistas, pero para comprobar ahora que apaestan, podemos ver como:

La cabeza que pusieron sobre el hombre moreno esta más borrosa, lo que indica que tomaron la foto más lejos de lo que planeaban FAIL
La cabeza del hombre moreno era más grande así que son tan idiotas que usaron la herramienta Parche para disimularlo FAIL
El marco de la ventana a la izquierda de la cabeza del blanco esta desviado ya que no saben usar el Tampón de clonar FAIL
En el cuello se mira una línea café que demuestra que la imagen esta sobre otra (aunque creí que no se había bañado y traía mugre ) FAIL
Y para rematar, algo que de verdad es completamente estúpido, es que la mano (muñeca) es morena, siendo que el hombre según es blanco -_-u FAIL

Como vieron, los diseñadores de Microsoft además de racistas dan asco a la hora de hacer montajes U_U

Seguro que lo habrían hecho mejor con Paint U_U LOL!

Vía | Foros « Cristalab

Interfaz gráfica del iPhone, Palm Pre y Android en vectores PSD

Raymundo.Aaron — Tue, 18 Aug 2009 18:07:15 +0000

Al momento de realizar una aplicación para dispositivos móviles, algo que se debe de tomar en cuenta es el aspecto que tendrá, por ello suele ser recomendable antes preparar un boceto, ó mockup, en el caso de desarrollar aplicaciones para iPhone, una buena herramienta es Balsamiq Mockups, que entre varios elementos de interfaz gráfica estan los del iPhone.

Pero cuando se trata de ver el aspecto lo más parecido al resultado final, se necesita diseña la interfaz gráfica del dispositivo.

Por ello aquí les traigo las interfaces gráficas de los dispositivos móviles más conocidos

Todas estan en formato PSD, y son de alta calidad.

Son las interfaces gráficas de usuario (GUI) del iPhone 3.0, el Palm Pre y Android.

Palm Pre

Descripción: Empezaré con este archivo PSD de la interfaz del Palm Pre, es en formato PSD, pero son vectores, tiene varios elementos de la interfaz.

Por: teehan+lax

Formato: PSD comprimido en ZIP

Tamaño: 7.3 MB – 7.4 MB

Descarga: http://www.teehanlax.com/blog/?p=1675

iPhone

Descripción: La interfaz del teléfono de Apple, con teclado, navegador, y demás, incluyendo el iPhone en posición horizontal y una pantalla de Maps.

Por: teehan+lax

Formato: PSD comprimido en ZIP

Tamaño: 9MB

Descarga: http://www.teehanlax.com/blog/?p=1628

Andriod

Descripción: La más bella interfaz creada en un dispositivo móvil u.u, creada por nuestro padre Dios Google, totalmente perfecta y original con detalles ligeros y a la vez elegantes.

Por: Pavel Maček

Formato: PSD comprimido en ZIP

Tamaño: 10.8MB

Descarga: http://www.matcheck.cz/androidguipsd/

Disfrutenlos, que son de excelente calidad

Fotografía Tilt-Shift con Photoshop

Raymundo.Aaron — Tue, 04 Aug 2009 23:54:50 +0000

Hola de nuevo a todos, desde hace un tiempo que no he escrito nada en el blog, y por ello me he decidido a traerles un nuevo tutorial, nuevamente de fotografía.

En esta ocasión crearemos una fotografía Tilt-shift, este tipo de fotografías consiste en lograr que una imagen que parezca una especie de maqueta, suelen ser fotografías aéreas ó simplemente que tengan un punto de vista elevado, por lo que necesitarás tomar la imágen desde algún lugar alto.

Si quieren algunos ejemplos, pueden ver álgunos ejemplos en Flickr ó una recopilación por parte de HongKiat.

Empezaré diciendo cómo debemos de tomar la fotografía.

No voy a decir que usen una cámara avanzada, ni que compren un lente especial ni nada de eso; usaremos una cámara común y corriente (OK, tiene que ser digital de preferencia, pero, ¿alguien siquiera conoce otro tipo de cámara?).

Qué es necesario para saber si mi montaje quedará bien

Desde el momento en que tomaremos la fotografía debemos saber que hacer para que no salga mal y el montaje se vea bien.

Básicamente se necesitan 3 cosas:

Un punto de vista elevado
Mucha gente ó tráfico (no de C_C )
Elementos pequeños (sillas, luces, árboles, etc.)
Opcional: Edificios y/o casas

El punto de vista elevado es indispensable para que una fotografía tilt-shift se vea bien, pero si logras captar mucha gente y edificios puede que el resultado sea bueno.

Carros, trailers y gente, mucha gente ayudan a darle vida a tu maqueta.

Objetos como bancas, postes de luz, bicicletas, árboles, plantas vuelven creativa tu fotografía y más parecida a una maqueta.

Edificios y casas hacen que tu foto no se vea vacía y ayudan a dar un efecto de maqueta llena.

Para mi desgracia, vivo en un lugar donde es imposible encontrar mucha gente junta, pues apenas y hay personas XD

Asi que me fuí a la Cd. de México a tomar la foto (si, suena loco pero al menos aproveché para ver que a cambiado ) y aunque el problema era que no había un punto de vista alto logré fotografiar a un grupo de personas juntas:

Esa es mi imagen, una completa asquerosidad gracias a el que se puso en medio, pues sale muy cerca >:S

Proceder a crear el efecto

Una vez que logremos tener la fotografía vamos a abrirla en Photoshop.

Lo primero que yo suelo hacer por seguridad es duplicar la capa (Ctrl+J) aunque si lo prefieres puedes no hacerlo.

Luego usando la herramienta marco rectangular (M) hacemos una selección en lo que es el área donde se concentra más la gente ó donde queremos aplicar el efecto:

En este caso la hago donde se concentra más la gente.

Luego de eso vamos al menú Selección » Perfeccionar borde…

Y lo configuramos al gusto, en este caso yo lo he hecho así:

Si lo desean, pueden guardar la selección.

Luego de esto invertimos la selección (Ctrl+Shift+I)…

…y vamos a Filtros » Desenfoque » Desenfoque Gaussiano, lo aplicamos al gusto, yo en este caso lo aplico con un radio de 10-15px

Ahora tenemos que cambiar las tonalidades y el contraste, por lo que damos click sobre el botón de un círculo mitad blanco y mitad negro, luego escogemos Tono/Saturación

Y cambiamos la saturación a +50, por lo que la imagen estará así:

Ahora aplicamos la capa de Brillo y Contraste y disminuimos el brillo a -10 y aumentamos el contraste a 50 (estos valores, asi como el de saturación los puedes cambiar a tu gusto)

Tendremos una imagen mas o menos así:

Y por último si lo deseas, puedes aplicar una sombra para que la imagen se enfoque al centro, solo debes de tomar la herramienta de degrado y configurarla de un negro (#000000) 0% alfa a un negro un poco más claro (#0e0e0e) con 100% de alfa.

El degrado lo haces de forma radial con modo de sobreposición normal, con esto tenemos el resultado final:

Recuerda que lo importante es que el punto de vista este elevado, cuenta mucho para el resultado final y es por eso que el mio no es muy bueno

Para ver la imagen en tamaño completo pueden verla en mi Flickr

Espero les haya gustado el tutorial, y me gustaría ver sus fotografías tilt-shift en L4C ó Flickr

Descargar el archivo PSD (30mb – ZIP)

P.S. Estamos estrenando emoticones, wii!!!

110+ Mejores recursos gratuitos de archivos PSD

Raymundo.Aaron — Fri, 05 Jun 2009 21:46:15 +0000

Cada vez son más los sitios que permiten el comercio de archivos PSD (Photoshop Document) como GraphicRiver, pero también a quienes sin ningún interés, comparten sus creaciones con todo el mundo; y gracias a instantShift estan recopilados los 110 mejores recursos gratuitos de archivos PSD

Todo ellos son totalmente gratuitos y para uso libre, algunos de los que más me han gustado son el iPhone…

iPhone PSD

El BlackBerry…

BlackBerry PSD

Y el PSP de Sony…

Sony PSP PSD

Pero también hay paisajes fictisios como este:

Paisaje PSD

Sin duda una colección que vale la pena hecharle un vistaso que seguro algún PSD que necesitemos podemos encontralo ahí

Vía | instantSift