Segundo Periodo

En el segundo parcial se creó el diseño de una página web básica, la cual sería el inicio de nuestro sitio.
Como primer paso y utilizando la aplicación de Adobe Illustrator creamos una mesa de trabajo de 1170 x 1180 pixeles en donde comenzamos a darle forma ordenando cómo se verían las imágenes y los textos.

Imagen ilustrativa de la estructura y composición del sitio web, en base a las medidas mencionadas.

Las medidas para las imágenes son las siguientes:
Rectángulo parte superior 1170 x 400
Cuadrados parte inferior 270 x 270
Nota: Todas las medidas son en pixeles

Después de tener el orden de los elementos comenzamos a trabajar en Adobe Photoshop las imágenes que irían dentro de los recuadros de 270×270.
Antes de iniciar a trabajar en Photoshop nuestras imagenes se veian asi:

Acrílico

Cartón

Madera

Metal

Como podemos ver, las imágenes no cuentan con el mismo tamaño

Una de las principales características de trabajar las imágenes en photoshop fue quitar los fondos y sustituirlos por colores sólidos y hacer que todas las imágenes quedaran de la misma medida, la cual se ha mencionado anteriormente, 270×270.

Lo primero que hicimos dentro del programa fue colocar la imagen dentro del cuadrado de 270×270 para acomodarla conforme pensáramos se veía mejor.

Como segundo paso, proseguimos a la eliminación de fondos, utilizando la ventana canales y sustituyendo el color con el canal que se veria mas obscuro, para convertir nuestra imagen completamente negra, los espacios que quedaron en blanco lo rellenamos con la herramienta pincel, para que nuestra mascara de recorte se lograra perfectamente.

Después de tener la mascara de recorte la pegamos en la capa de la imagen para eliminar el fondo.

En la ventana fx agregamos una sombra paralela a cada imagen para darle un mejor aspecto.

Finalmente agregamos color uniforme para que los fondos quedaran de un color solido.