Archivo

Posts con el Tag ‘photoshop’

Pop-art al estilo Andy Warhol

Martes, 9 de Marzo de 2010

De todos es conocido el gran legado estético dejado por Andy Warhol y su contribución al desarrollo del pop art.

Bien, vamos a intentar en este artículo crear el efecto Andy Warhol que tantas veces hemos visto en los cuadros de las tiendas de los chinos o en las de revelado de fotografía. La verdad es que dominando un poco Photoshop podemos hacer nuestras propias creaciones a un precio bastante más reducido que el de las tiendas siendo el resultado igual de bueno. Es el típico del cuadro del Che de Warhol, pero con sólo 4 imágenes, aunque eso podéis variarlo vosotros, es a gusto del consumidor.

Partimos de esta imagen del Che de Warhol, que nos permitirá usar las mismas combinaciones de color que Warhol, usando la herramienta cuentagotas.

Veamos, lo primero será partir de una foto que tenga contraste suficiente para convertirla a dos colores, blanco y negro. Si en este paso constatamos que se borran las facciones de los ojos, nariz o boca, es cuestión de comenzar nuevamente con la imagen a color y variar el Brillo/Contraste para que al convertirla a blanco y negro se observen estos detalles.

Yo suelo realizar cada imagen del collage a 20×25 cm,  y junto las 4 capas finales en un lienzo de 40×50 cm ya que encontraré marcos de estas medidas en cualquier tienda de fotografía.

Lo mejor sería hacer una foto ad hoc y con el encuadre lo más ajustado posible sobre un fondo uniforme. La haremos a la máxima resolución que de nuestra cámara para no tener problemas luego con la impresión.

Luego, recortamos usando la herramienta marco rectangular usando el estilo Proporcion fija 20 de ancho y 25 de alto y centrando al sujeto. Una vez hecho el recorte nos vamos a Imagen->Tamaño de Imagen y con la opción Restringir proporciones activada, en anchura del Tamaño del documento escribimos 20 cm. Veremos que automáticamente la altura a cambiado a 25 cm. Esto es gracias a haber hecho la selección con la Proporción  fija 20 ancho por 25 de alto.

El recorte obtenido es el que colorearemos posteriormente, por tanto asegurémonos del encuadre.

A continuación, deberíamos eliminar el fondo. Si al hacer la foto hemos elegido un fondo uniforme, usando la varita mágica para seleccionarlo con una tolerancia de 30, en un principio no tendremos problema alguno. Acordaros de desbloquear la única capa que tiene la imagen, la capa Fondo que tendrá el candado cerrado. Para desbloquearla, simplemente doble clic en el candado de la ventana capas y aceptar en Nueva capa:

La destreza que tengamos con las herramientas de selección y calado permitirán seleccionar con mayor perfección el contorno del pelo, luego invertimos la selección y borramos el fondo. El resultado será parecido a esto:

Pasamos a Blanco y Negro la imagen. Hay varios métodos pero lo más fácil sería Imagen->Ajustes->Desaturar y luego aplicamos Imagen->Ajustes->Umbral con el valor 128 que viene por defecto que no suele fallar. Ya la tenemos a sólo dos colores: blanco y negro.

Para conseguir en la imagen que los bordes negros no queden tan recortados al cambiar a blanco aplicaremos seguidamente el Filtro->Artístico->Cuarteado  y veremos que ahora la transición es más suave y todo está más redondeado. Ahora ya tenemos la base sobre la que colorear nuestro cuadro al estilo Warhol. La imagen conseguida sería:

 Ahora ya podemos duplicar la capa y las nombramos como tono claro y tono oscuro. Pulsamos Mayús+CTRL+N para crear otra capa totalmente vacía que será la que usaremos para el color de fondo. Las apilamos según se muestra a continuación:

Llegados a este punto, quizá merezca la pena recordar que al usar una herramienta de selección como la varita mágica, podemos añadir a la selección pulsando SHIFT y restar pulsando ALT. También es importante usar convenientemente la opción Contiguo y Tolerancia, para poder ajustar convenientemente el color blanco de la imagen y el color negro.

La idea es seleccionar en la capa tono claro, la cara y la ropa y en la capa tono oscuro, el pelo.

Abriremos la imagen del CHE para con el cuentagotas ir seleccionando los 3 colores de la imagen que se corresponderan en las 3 capas que tenemos fondo, tono claro y tono oscuro.

Bien, ahora toca seleccionar y pintar. Para poder ver los cambios que vayamos haciendo desactivamos la visibilidad de la capa tono oscuro y bajamos a la capa central, la capa tono claro. Con la varita mágica y los ajustes Tolerancia 30 y sin activar Contiguo pinchamos en una zona blanca , la mejilla por ejemplo. Ya tendremos seleccionado todo el color blanco de la imagen. Ahora nos vamos a la imagen del CHE y seleccionamos el color de la cara que elijamos, cambiamos a nuestra foto y con un pincel grande y de dureza 100 vamos pintamos la selección blanca hasta que todo el blanco esté cubierto:

Una vez pintada la selección, activamos la visibilidad de la capa tono oscuro y el blanco de esta capa tapará lo que hemos pintado, por lo que sin eliminar la selección nos iremos a la capa superior tono oscuro y pulsaremos la tecla Supr, así borraremos lo blanco de la capa superior dejando a la vista lo que hemos coloreado en la capa tono claro.

Ahora, ya podemos quitar la selección y desde la capa tono oscuro seleccionar con la varita mágica una zona sin color y luego invertir la selección, así ya tenemos todo el pelo seleccionado y procederemos con el cuentagotas a escoger el color deseado de la imagen del CHE y con el pincel igual que antes pintar. Quedando:

Ahora nos vamos a la capa fondo y con el bote de pintura llenamos la capa con el color correspondiente de la imagen CHE que hayamos escogido. Ya tenemos una de las 4 imágenes que necesitamos para nuestra composición. La grabamos en formato psd para poder usar las capas independientemente y que las selecciones realizadas no las perdamos.:

Repetimos el proceso 3 veces más para tener las 4 imágenes de nuestra composición. Ahora si queremos ya podemos acoplar las capas de cada imagen y grabarlo en formato jpg para que ocupe menos y nuestro Photoshop funcione más fluido.

Creamos un lienzo de 40×50 cm y pegamos las 4 imágenes coloreadas de 20×25 cm en él.

Ya tenemos nuestra obra Warhol. Sólo queda acoplar las capas, grabarlo en jpg en un pendrive e ir a nuestra tienda de revelado a encargar la impresión en papel fotográfico y a por el marco.

Gracias a mi sobrina María por el posado.

imagen

Como conseguir el efecto foto arrugada

Martes, 5 de Mayo de 2009

 Veamos, el efecto de crear una foto arrugada es fácil y se basa en este otro artículo. La base es la misma, la fusión de capas usando el modo superponer.

Para el ejemplo, he utilizado las siguientes fotos, una del poblado del Oeste de Almería y una textura de Flickr de papel arrugado:

estiu_07_092-13

 

 

Primeramente, escalamos las dos imágenes a la misma medida. No representará problema alguno que el papel arrugado lo escalemos aunque no lo hagamos proporcionalmente, porque ya sabéis que las medidas de las imágenes de las diferentes cámaras digitales se caracterizan por no poseer ningún tipo de uniformidad y cada marca crea sus propias medidas en función del tamaño del sensor utilizado.

Una vez las tenemos de la misma medida, he pasado la foto del viejo Oeste a Blanco y Negro con Imagen -> Ajustes -> Blanco y Negro, que considero un método bastante bueno al permitirnos cambiar la saturación/iluminación de cada uno de os colores primarios que forman la foto. Así he conseguido aclarar el fuerte cielo azul, y he bajado un poco los amarillos y subido los rojos para crear un poco más de contraste.

A continuación, y para dar aún más la sensación de foto antigua, he añadido una Capa de relleno de degradado, de negro a transparente con un ángulo de -135º y he cambiado el negro por un gris fuerte, así resulta más creíble. También he recortado el nivel de opacidad del degradado a la mitad así el degradado se convierte en una sombra en la esquina superior derecha y contribuye un poco a dramatizar la toma.

He combinado las capas y he creado una segunda capa con la foto del papel arrugado sobre el poblado, usando el modo superponer. Se acoplan las imágenes y sanseacabó.

El resultado:

poblado_almeria

imagen

Crear un fondo de pantalla en 5 minutos

Lunes, 4 de Mayo de 2009

Aprovechando un magnífico artículo de una revista de fotografía que he leído, paso a explicaros como conseguir un bonito fondo de pantalla para nuestro escritorio partiendo de alguna fotografía de nuestro olvidado catálogo fotográfico.

Es importante escoger bien la fotografía. Se obtendrán muy buenos resultados con tomas que muestren  repeticiones verticales. Yo, he escogido esta que hice en el PalmerGarten de Frankfurt.

frankfurt_17

Como siempre, abriremos la imagen en Photoshop y duplicaremos la capa fondo para tener el original abajo de todo y trabar con las copas duplicadas. La saturación de los colores es muy importante, porque como obtendremos una imagen totalmente desenfocada, el color pasará a ser el elemnto que domine el trabajo. Por ello, si la imagen lo necesita, añadiremos a la capa duplicada una Capa de Ajuste de Tono/Saturación, en la que realzaremos los colores que queramos que resalten, por tanto, no lo haremos globalmente si no por canales independientes (verdes, rojos, …), tras lo que la combinaremos con la capa duplicada.

Mi imagen es de por sí muy saturada y colorida, por lo que no he añadido la Capa de Ajuste..

El siguiente paso será duplicar 2 veces esta capa, teniendo pues 4 capas. Abajo la inicial -fondo- y 3 capas iguales -las superiores-.

A continuación, aplicaremos a estas 3 capas iguales el Filtro -> Desenfocar -> Desenfoque de movimiento, con los valores de Ángulo 90º, distancia: 300, 600 y 900 píxeles respectivamente, comenzando por la capa superior. Si el motivo repetitivo fuera horizontal en vez de vertical, el valor Ángulo lo ponemos a 0º, para que el desenfoque sea en la misma dirección que el motivo.

Ahora pasaremos a crear 2 Capas de Niveles que enlazaríamos cada una con las 2 capas superiores (ALT y botón izq. del ratón entre ambas capas). Sobre estas capas de niveles trabajaremos para representar distintos planos focales, es decir, mostrar desenfoques de forma selectiva, rellenando primero estas capas con negro (Bote de pintura) y pintando en blanco sobre ellas.

El pincel lo escogeremos del grosor del motivo que se repita en la foto, ajustando la dureza al 30% y la opacidad al 100%. Pintaremos con color blanco sobre la capa de ajuste superior. La dureza del 30% evita que la transición entre las distintas zonas desenfocadas sea brusca.

Hacemos lo mismo con la segunda Capa de Niveles, para dar cierto grado de desenfoque.

Lo último sería añadir una Capa de Ajuste de Niveles por encima del resto para nivelar las sombras, medios tonos y tonos oscuros consiguiendo mayor intensidad. Acoplamos la imagen y opcionalmente, hacemos un recorte proporcional 4×3 para eliminar los elementos periféricos de la fotografía que nos molesten.

Voilà!

 

 

imagen

Estilos tipo camuflaje para Photoshop

Miércoles, 25 de Febrero de 2009

Seguimos con los estilos para Photoshop. Buscando en Google he dado con unos originales estilos tipo camuflaje para aplicar, por ejemplo, a los logos de los clanes o comunidades de juegos on-line, tipo Day of Defeat Source o Battlefield. Desde este enlace de rapishare descargaros el archivo de estilos.

El resto ya sabéis como funciona. Ejemplo:

Ya sabéis que en caso de querer cambiar algo siempre es posible pulsando dos veces seguidas encima de la capa para editar todas las opciones del Estilo de capa. Desde aquí podremos añadir un Trazo exterior, o separar un poco más la Sombra paralela, por ejemplo.

imagen

Creando logos Web 2.0 en Photoshop

Martes, 17 de Febrero de 2009

La creación de logos con Photoshop es difícil, hay que admitirlo, máxime si únicamente usas este software para retoque fotográfico. Pero es cuestión de perseverar e ir probando. Lo único realmente difícil es dar con la inspiración suficiente como para que la obra resultante sea original, llamativa y se asocie a la marca.

Leyendo artículos y temas de Photoshop, he dado con un artículo de la web de hongkiat.com, en el que nos explica como imitar los típicos logos de la Web 2.0 de una forma muy simple. Aquí os resumo el artículo a mi manera.

Lo primero será descargarnos el archivo de estilos desde el siguiente enlace, pulsar el botón derecho y Guardar destino.

Este archivo, son los estilos usados en los logos. Estilos grabados en Photoshop y listos para aplicar en nuestros textos y polígonos rellenados con color. Su manejo es extremadamente sencillo y los resultados sensacionales.

Una vez descargado en nuestro ordenador debemos cargar los estilos desde Photoshop. Para ello, activamos los estilos desde el menú Ventana -> Estilos si no están activados y vamos a la Paleta de Estilos que tendremos -normalmente- a la derecha.

 

Pulsamos sobre el triangulito que hay a la derecha y desde el menú emergente cargamos el estilo que nos hechos descargado, buscando la ruta correcta del archivo.

Ni que decir tiene que una vez usados estos estilos podemos volver a dejar los que venían por defecto en Photoshop escogiendo la opción Resturar estilos.

Una vez cargados podremos comprobar que se han añadido nuevos estilos a los ya existentes:

 

Vamos a ver como hacer un logo tipo Web 2.0 usando estos estilos. Veréis que es fácil y sencillo aplicar estilos. Los encontraremos tan útiles que nos pensaremos hasta en crear los nuestros propios.

Bueno, los pasos a seguir serán los siguientes:

  1. Crear un lienzo nuevo de 300×300 con fondo blanco
  2. Crear un rectángulo redondeado
  3. Crear 2 puntos de diferente tamaño
  4. Escribir el texto del logo

Cada uno de los elementos lo crearemos en una capa independiente con fondo transparente, por lo que tendríamos la capa fondo y 4 más (una por cada elemento creado).

Los estilosdel rectángulo,de los puntos y del texto son a gusto del consumidor. Yo seguiré el modelo del artículo original. A las 3 figuras les aplicaré el estilo mixd-label, y al texto mixd-font. Es tan simple como clicar encima de la capa elegida y luego sobre el estilo a aplicar.

Ahora sólo es cuestión de ordenar y situar las capas para formar el logo y recortar el espacio blanco sobrante. El resultado:

Utilizando otros estilos y  formas podemos conseguir una infinidad increíble de logos distintos:

 

 

imagen