Entradas marcadas con la etiqueta ‘photoshop’

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

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 | Un comentario

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 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 4th, 2009 | Sin comentarios

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

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 :lol:

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

CategoriasCurioso Tags, ,
Agosto 25th, 2009 | Un comentario

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

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:

Click para ampliarPara ver la imagen en tamaño completo haz click sobre ella.

Como pueden ver es un sitio web común de Microsoft (asqueroso :lol: ) 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:

Click para ampliarAsi 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 :lol: ) 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

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

Vía | Foros « Cristalab

Agosto 18th, 2009 | 2 comentarios

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

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.
titulo-gui-movi

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

gui-palmDescripció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

gui-iphoneDescripció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

gui-androidDescripció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 ;)

Agosto 4th, 2009 | Sin comentarios

Fotografía Tilt-Shift con Photoshop

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 :P )
  • 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 :P ) y aunque el problema era que no había un punto de vista alto logré fotografiar a un grupo de personas juntas:

1_original

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:

2_seleccion

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

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

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

4_borde
Si lo desean, pueden guardar la selección.

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

5_invertir

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

6_desenocado

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

7_tono

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

8_tonocambiado

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í:

9_brillo

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:

10_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 :P

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!!! :D

Junio 5th, 2009 | Sin comentarios

110+ Mejores recursos gratuitos de archivos PSD

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 :D

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

iPhone PSD

iPhone PSD

El BlackBerry…

BlackBerry PSD

BlackBerry PSD

Y el PSP de Sony…

Sony PSP PSD

Sony PSP PSD

Pero también hay paisajes fictisios como este:

Paisaje PSD

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