Plantilla de «Home»

Comenzamos con la creación de la plantilla que sería el «home» de una página web, además de refrescarnos y aprender más del software «Adobe Illustrator»

Primera imagen del «Home»

La imagen tiene unas medidas de 1170 px por 400 px, ésta imagen nos ayuda a darle una buena presentación al «Home».

Temas del «Home»

Las imágenes tienen unas medidas de 270 px por 270 px, ésta imagen nos ayudan a darle una buena presentación a los temas, además de que ayuda a diferenciar a los mismos.

Segunda Plantilla para «Home II»

Primera imagen del «Home II»

Al igual que la imagen del home anterior; la imagen tiene unas medidas de 1170 px por 400 px, ésta imagen nos ayuda a darle una buena presentación al «Home». Gracias a que creamos una plantilla, podemos cambiar de imagen las veces que queramos con la mayor eficiencia.

Temas del «Home II»

Las imágenes tienen unas medidas de 270 px por 270 px, ésta imagen nos ayudan a darle una buena presentación a los temas, además de que ayuda a diferenciar a los mismos. A diferencia del home anterior, que sólo recortamos las imágenes; a éstas imágenes se les quitó el fondo con la herramienta «máscara de vectorial» del software de photoshop, además de aplicarles la herramienta de photoshop «subexponer y sobreexponer» para mejorar la imagen y tuviera una vista más amigable par nuestro segundo home.

Agregamos el menú en la parte final del home, esto para ayudar al lector en su visita, además de agregarle los derechos de autor con los iconos de las redes sociales. Este menú cuenta con un tamaño de 1170 px por 120 px.

«Home» para tablet

Hicimos un tercer «home», pero ésta ves se adaptó para aplicarse en otro dispositivo, tablet en éste caso. Se redujo el ancho de 1170 px a 570 px y la altura se aumento de 1270 px a 1790.

Hicimos un cuarto»home», pero ésta ves se adaptó para ser utilizado en celular. Se redujo el ancho de 570 px a 270 px y la altura se aumento de 1790 px a 2664. Se quitó el menú al final para ahorra espacio y no estropear la vista del home.