Wednesday, 29 March 2017

Paletas de Colores

En este artículo se va a exponer la combinación de colores que tendrá la web, así como su logo, combinaciones posibles, explicaciones y texturas.

Comenzamos con el logo de la web, que servirá como referencia para definir la combinación de colores de la misma. En principio, el logo va a ser el propio escudo del equipo (A.J.D.C. La Mancha) sin distorsionar, pues se quiere prevalecer la verdadera esencia el club y de su realidad:






Una de las opciones consiste en la realización de una página con una combinación monocromática de colores en la que prevalecerán tonalidades de verde, puesto que es el que prevalece tanto en el escudo, como en la equipación, como en la misma situación geográfica del campo (al lado del parque del Manzanares):





Donde se ha tenido en cuenta los tonos equivalentes a las características previamente mencionadas, dando importancia también al ambiente de tranquilidad y naturaleza que se respira en los alrededores como equipo humilde y de barrio que es.



Por otro lado, podemos atender a una combinación análoga que concuerde con todos los colores que prevalecen en el logo, teniendo en cuenta esa importancia del ambiente:








Donde en comparación con el anterior, la claridad del conjunto permite suavizar el impacto del azul en una web en la que el color verde es el protagonista, de forma que se pueda jugar con aquel para que aune logo y colores generales.



Por último, podemos seleccionar una combinación de colores atendiendo mayoritariamente al escudo, que aunque pueda resultar complicada la unicidad con un tono de azul mas fuerte, puede ser utilizado como complemento de imágenes y menús:








En relación con las texturas, como resumen de lo que se han ido hablando sobre ellas en todo el artículo, prevalece el monocroma verde, que combina tonalidades claras y oscuras mezclando la variedad de elementos que rodean al propio equipo como imagen de tranquilidad y naturaleza. 



Conjuntamente, será apreciable la repetición de elementos en cuanto a colocación, división y reparto del espacio (columnas de texto, líneas divisorias, disposición de imágenes...), con la idealización de una web que transmita seriedad, profesionalidad y, sobretodo, la imagen de un equipo en el que hay muy buen ambiente y la gente es bienvenida.


Monday, 27 March 2017

Foto - Yo estuve allí paso a paso

En esta entrada se va realizar un pequeño montaje con un editor de fotografías online gratuito y de muy buena calidad llamado Pixlr, que se empleará con las técnicas de uso aprendidas en clase.

Este montaje consiste en la elección de una fotografía de la ETSIT a la que se añadirá una foto del alumno realizar y de un famoso que este anterior considere.

Para ello se han seleccionado las siguientes fotografías:

FOTO ETSIT



FOTO AURONPLAY


FOTO MÍA



En primer lugar, abrimos la foto de la ETSIT y añadimos, mediante capa (Menú Capa - Abrir imagen como capa), nuestra foto. Para reubicar el tamaño y la foto, necesitamos ir al Menú Editar - Transformación libre (para no distorsionar ancho/alto, mantenemos pulsada la tecla SHIFT):



Llegados a este punto, usaremos la herramienta lupa para hacer zoom y obtener mayor precisión, y seguidamente emplearemos la varita y el borrador (eligiendo el grosor y la espesura que queramos) y borramos el fondo:






Posibles problemas hasta este punto

1 - Se borra mas de la cuenta y sin querer te borras una parte de ti: Puedes volver a tu paso anterior clickando en el historial hasta el punto donde deseabas estar:


2 - La varita me selecciona un trozo de mi foto: si cambias la tolerancia seleccionará unos tonos de colores más o menos parecidos, juega con ello para poder sacar el máximo rendimiento de la varita.

3 - No puedo deseleccionar lo seleccionado anteriormente por la varita: para quitar tus selecciones simplemente, estando seleccionada la varita, click derecho en la imagen y deseleccionar todo. Si no se soluciona tu problema, siempre puedes volver atrás con el historial.

Seguidamente, realizamos los mismos pasos con la foto del famoso escogido:



Por último, retocamos ambas capas en ajustes - brillo y contraste para que quede más natural, y combinamos cada capa pulsando click derecho en la capa - combinar hacia abajo y luego filtro - desenfocar, de lo que se obtiene nuestro resultado:



Finalmente, le añadimos el texto del autor: