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:
- Crear un lienzo nuevo de 300×300 con fondo blanco
- Crear un rectángulo redondeado
- Crear 2 puntos de diferente tamaño
- 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:
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:
Los modos de fusión son la forma en que se relacionan las capas de un trabajo en Photoshop.
Si lo que pretendemos es que se transparenten texturas de unas capas en otras, o que se escondan zonas de una capa dependiendo de su brillo, o incluso, del brillo de las capas que tiene detrás, los modos de fusión son la herramienta a utilizar.
La manera más sencilla de relacionar la visibilidad de una capa con la capa inferior es agruparla. Eso se consigue fácilmente. Nos vamos a la Paleta Capas y situamos el cursor entre las dos capas a enlazar, pulsamos la tecla ALT -veremos que la mano del cursor cambia a una doble circunferencia con un pequeño triangulito negro a su izquierda- y a continuación el botón izquierdo del ratón. Voilà! Las dos capas están enlazadas y la superior se relacionará únicamente con la inferior. Visualmente veremos que en la Paleta de capas, la capa superior está más a la derecha y con una flechita negra que la enlaza con la inferior.
En nuestro ejemplo sobre los modos de fusión, lo que haremos será texturizar la chaqueta del modelo de ejemplo con una textura de piedras, y para ello he escogido estas dos fotos:
La foto del modelo al ser sobre fondo blanco nos facilitará enormemente el trabajo, si esto no fuera posible sería cuestión de aislar completamente la figura humana y copiarla sobre un fondo blanco. Así posteriormente podríamos seleccionar la chaqueta mucho más fácilmente que si no hubiéramos eliminado el fondo.
También es necesario que ambas fotos tengan los mismos píxeles de ancho. Con la herramienta Imagen -> Tamaño de lmagen lo conseguiremos y para evitar las deformaciones con el ‘resize‘, marcaremos la casilla Restringir proporciones. Una vez realizado este proceso copiaremos la textura y la pegaremos en el modelo en una nueva capa, haciendo que la chaqueta quede totalmente tapada por la textura. Ahora la imagen del modelo tendrá dos capas, la inferior la foto del señor, la superior la de la textura.
Ahora nos tocará aislar la chaqueta y copiarla en otra capa. Para ello esconderemos la capa de la textura, clicando en el ojo que tiene en la Paleta capas. Usando la herramienta Lazo magnético procederemos a seleccionarla sin ningún tipo de dificultad. Fijémonos que su brazo derecho esconde un trocito de fondo blanco, por lo que tendremos que restar esa pequeña selección a la selección de la chaqueta.
¿Cómo?
Fácil. Con la selección de la chaqueta activada, pulsaremos la tecla CTRL y veremos que la herramienta Lazo magnético añadirá un signo menos que indica que lo que seleccionemos a continuación lo restará a la anterior selección, y eso es lo que a nosotros nos interesa. Por tanto, seleccionamos la parte blanca del brazo derecho del modelo y al soltar la selección veremos 2 selecciones: una grande (la chaqueta) y dentro otra pequeña (el trocito blanco) que no son tal, porque únicamente hay una. Es como si miramos un donut, el espacio vacio del medio no forma parte del donut, es decir, no lo tenemos seleccionado.
Una vez tengamos la selección, copiamos y pegamos en una nueva capa la chaqueta, recordad que iremos más rápidos usando los métodos abreviados, es decir CTRL+C y CTRL+V. Si hemos obtenido resultados inesperados posiblemente sea porque la selección de la chaqueta la hemos realizado sobre la capa de la textura y no sobre la del modelo.
Ahora tendremos 3 capas, la superior la de la textura, la del medio la de la chaqueta y la inferior la del modelo, tal como señala el siguiente detalle de la Paleta capas.
Ahora procederemos a enlazar las 2 capas superiores con el método explicado al comienzo del artículo (ALT+botón izq del ratón) y podremos observar que la chaqueta se ha texturizado con la capa de las piedras. Si observamos el modo de fusión en la paleta capas veremos que está en normal, por eso no se transparentan ni se mezclan los píxeles de ambas capas sino que la superior, como es normal, tapa completamente los píxeles de la inferior o subyacente.
Las cosas cambiarán si escogemos el mode fusión superponer. Ahora la capa superior no la tapa completamente sino que se superpone y permite ver las texturas de la chaqueta. Sólo habrá que variar el tanto por ciento de la opacidad en la Paleta capas con el deslizante correspondiente hasta conseguir el efecto deseado. Otras opciones son la variación del color de la capa textura (piedras) para conseguir otros efectos desde Imagen -> Ajustes -> Equilibrio de color.
Aquí un par de ejemplos más con otras texturas:
La imaginación es el límite de nuestros trabajos. Be water, my friend!
El proceso de creación de la sombra lo realizaremos sobre una fotografía de una persona sobre fondo blanco. Posteriormente podrá añadírsele un fondo a medida para completar la fotografía.
Aislar a la persona fotografiada del fondo y aislarla para pegarla sobre un fondo blanco será la tarea más complicada. Aunque siempre es posible fotografiarla sobre un fondo de terciopelo negro, para aislarla luego facilmente con las Herramientas de selección de Photoshop, como el Lazo Magnético o Varita Mágica. Si vamos a por lo fácil, habrá que buscar en algún Banco de Imágenes y dar con la idónea. En nuestro ejemplo partiremos de la siguiente:
Debemos tener la imagen de la persona en una capa y el fondo blanco en otra. La capa inferior la del fondo y blanco, y por encima de ella, la de la persona. En primer lugar, como siempre, duplicaremos la capa, en este caso la de la persona. Nos situaremos en esta nueva capa y Bloqueamos los píxeles transparentes marcando esta opción en la Paleta Capas.
Ahora podremos ir rellenando de negro la figura de la persona con la Herramienta Bote de pintura, cubriéndola totalmente. El Bloqueo de los pixeles transparentes hace que al clicar con la Herramienta Bote de pintura en los píxeles transparentes estos no se coloreen de negro. Una forma fácil y efectiva de limitar la selección, por eso es tan importante tener en una capa sólo la figura de la persona.
Ahora escogeremos Edición -> Transformar -> Distorsionar para seguidamente ajustar la sombra al lugar adecuado que debería ocupar, es decir, debemos conseguir dejarla aplanada y por detrás de la persona. Este proceso es lento y costoso, pero en él radicará la credibilidad de la sombra artificial, por lo que deberemos tener especial cuidado en su transformación. La opción: prueba, corrección, prueba, corrección, … parece la mejor, con lo que siempre podremos ir deshaciendo los cambios aplicados a la Distorsión desde Edición -> Deshacer.
Una vez conseguida debemos hacer que coincida la sombra con su nacimiento, es decir, que nazca a raíz de los zapatos de la persona. Seguidamente alteraremos el orden de las capas, poniendo la de la sombra sobre la de fondo blanco, es decir bajaremos una posición la capa sombra.
Una vez colocada la capa sombra en su lugar, podremos con la Herramienta Borrador, eliminar las zonas de la sombra que sobresalgan de la zona de los zapatos. Quedando así:
Ahora activaremos la Máscara rápida y aplicaremos la Herramienta degradado desde el comienzo de la sombra (cabeza) hasta un poco más abajo de donde acaba (por debajo de los zapatos). Veremos la selección marcada con su halo rojo. Ahora ya podemos desactivar la Máscara rápida, invertir la selección y Desbloquear los píxeles transparentes de la capa sombra.
Esta zona seleccionada es sobre la que vamos a aplicar el Filtro -> Desenfocar -> Desenfoque gaussiano. La cantidad de enfoque dependera de la foto, con lo que iremos probando hasta dar con el desenfoque correcto. En nuestro ejemplo he usado un desenfoque gaussiano de 2,6 píxeles de radio.
Ahora sólo queda desvanecer la sombra a medida que se aleja del sujeto, es decir dejarla más fuerte a la altura de los pies y más débil en la cabeza, pero todo ello de forma gradual. Para ello, volveremos a activar el Bloqueo de píxeles transparentes para hacer un Degradado de los pies a la cabeza únicamente en el interior de la sombra (degradado del color frontal al de fondo, es decir, de negro a blanco). Si no bloqueáramos los píxeles transparentes, el degradado se produciría sobre toda la capa.
Esta etapa final del degradado es la más difícil, pues costará mucho dar con el degradado exacto que simule la sombra. El resultado final será parecido a la siguiente imagen:
Ahora ya sería cuestión de poner un fondo para rellenar la imagen. Eso va a gusto del consumidor.
.::fractales.org::. es el blog/página personal de Jl Andrés, profesor de oficio y tecnólogo de afición.
