martes, 28 de marzo de 2017

Paleta de Colores

Este artículo se va a estructurar en cuatro puntos.

1. Mirando los enlaces de la web, parte del logo de tu web (si no lo tienes ahora, coge cualquier otro o bien una foto) y define la paleta de colores de tu web. usa https://color.adobe.com/es/

Partimos del logo de la web:


Pero como queremos darle una estética nueva al grupo vamos a editarla un poco con Photoshop.
Se ha procedido a eliminar partes del fondo y decolorar la imagen para que combine mejor con el fondo que se le va a dar, el resultado: 


Aparentemente no es gran cosa, vamos a proceder a seleccionar la paleta de colores que acompañará la web (Punto 2).

Hay varias alternativas para definir la paleta de colores (triádico, análogo, monocromo), vamos a contrastar algunas de ellas y ver cual encaja mejor con el diseño de la web.

Al ser un logotipo claro, vamos a necesitar un color oscuro de fondo para que contraste con los tonos blancos y sea visible y llamativo. No me convencían ni los colores análogos ni triádicos porque perdía identidad la web. Tenía que predominar un color, así que opté por cargar la imagen con la web que se me ha facilitado y definir un estilo cromático intenso:



Y sobre esta gama de colores vamos a estructurar todos los colores de la página web. Añadiendo para los encabezados colores que por patronaje encajen de una manera agradable y visual, el blanco y el naranja :



Cambiando la temperatura de la web:


Pero no encajan con las estética de la web ninguna de las dos así que se ha descartado la idea, por lo menos para el primer boceto inicial de esta. 
Para concluir con el último punto:

4. Razona sobre las texturas de tu web.

Predominan los colores oscuros pero vivos, que se resaltan con algunos colores puntuales para despertar la atención del visitante. A su vez hay elementos repetitivos como las lineas divisorias de cada elemento para definir una clara separación entre estos. Es una textura clara, agradable y monocromática, se ha intentado no sobrecargar al visitante pero tampoco "aburrirle".

Y así es como se va a definir a priori la selección de colores para el proyecto Simbeo.




lunes, 27 de marzo de 2017

Foto - Yo estuve allí



























Yo estuve allí 

Nota: Se ha realizado el proceso con Photoshop CC 2015.

El primer paso que he dado ha sido coger una fotografía de la escuela:




Tras ello, he escogido una foto mía y una foto de un personaje famoso, un Papa Noel colgante:





Con la herramienta "lazo metálico" y "varita mágica" se ha procedido a recortar la silueta de cada imagen para dejarlas sin fodo y poder superponerlas en la imagen principal de la ETSIT:



Para la de Papa Noel se han tenido que combinar dos capas de recorte para no perder la cuerda de la que cuelga, superponiendo capas, desplazando al cuerda y combinándolas para que formen una sola.

Respecto a mi foto: 

La he puesto entre la "maleza" de las plantas, he creado a partir de mi silueta una máscara de capa, que al ir pintando con el pincel sobre esta puedo seleccionar partes que queden o no ocultas, a continuación la primera foto es el resultado de la máscara de capa y la segunda es como quedan las dos fotografías juntas:




 Con el Papa Noel, se ha realizado el mismo efecto, se le cuelga de la esquina y se crea una máscara de capa para que el poste de la derecha quede por delante suyo:



Nos pedían también poner algo de texto, así que vamos a eliminar el rótulo rojo que hay en la fotografía con la herramienta de "crear parche" haciendo que todo el tejado sea similar y a la vez usando el corrector puntual para que las malformidades de la imagen queden resueltas, el resultado: 


Y por último, insertamos un recuadro de texto, lo giramos y ponemos el texto que queramos, en mi caso, mi nombre:


Como último retoque, el borde de la "a" que se superpone con el poste de la escuela, al estar el tejado de la escuela por detrás, no se debería ver así que creando una nueva máscara de capa y con el pincel hemos quitado esa parte de la última letra. Quedando como resultado final el que se muestra en la primera fotografía de este artículo.

Y así es como se realiza un pequeño montaje fotográfico utilizando tres sencillas herramientas de Adobe Photoshop CC 2015, el resultado final: