Crear un fondo de pantalla en 5 minutos

On 4 mayo 2009, in imagen, by admin

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à!

 

 

Tagged with:  

Estilos tipo camuflaje para Photoshop

On 25 febrero 2009, in imagen, by admin

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.

Tagged with:  

Creando logos Web 2.0 en Photoshop

On 17 febrero 2009, in imagen, by admin

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:

 

 

Tagged with:  

Cambiando el color de nuestras fotografías

On 5 febrero 2009, in imagen, by admin

La repetición de una toma pero cambiando los colores de algunas partes de la misma entre foto y foto es una buena forma de rellenar esos marcos dobles o triples de Ikea.

La fotografía escogida también debe prestarse a ello. Normalmente lo simple es efectivo. Por ejemplo, una ventana sobre una pared coloreada suele dar muy buenos resultados. Éste será el ejemplo que veremos.

Lo primero, escoger la fotografía. Flickr suele dar muy buenos resultados. En nuestro caso la foto elegida es la siguiente:

Para cambiar el color de la pared, lo primero será seleccionar completamente la zona roja de la pared. Para ello usamos la Varita mágica. Con una Tolerancia de 30 y marcando la casilla Contiguo, nos aseguramos de seleccionar toda la zona de pared coloreada de rojo con un único clic de ratón. La opción contiguo lo que hace es muestrear sólo los píxeles contiguos, lo que en nuestro caso es idóneo al estar repartido de una forma uniforme. No sería el caso, por ejemplo, si hubiera desconchados en la pared.

Recordemos que con la herramienta de la Varita mágica activada, si pulsamos SHIFT añadiremos a nuestra selección y si pulsamos CTRL restaremos a nuestra selección. Estos procedimientos nos ayudarán a perfeccionar nuestra selección.

Con la selección activada, creamos una capa de ajuste de tono/saturación desde la que podremos jugar a nuestro gusto con el color que deseemos darle a la pared. Por tanto, iremos a Capa -> Nueva capa de ajuste -> Tono/Saturación, así la zona seleccionada la hemos convertido en una máscara de capa y los cambios que hagamos sólamente se reflejarán en la pared.

Ahora movemos los deslizantes del cuadro de diálogo Tono/Saturación. Con el de Tono, buscamos el color que deseamos, Saturación e Iluminación nos serviran para controlar estas otras dos variables.

Cuando consigamos el efecto deseado, simplemente grabamos el archivo. Podemos repetir el proceso con otros colores y formar composiciones como la siguiente:

Tagged with: