Estructura de layouts

La estructura flexible en los layouts está enfocada en comunicar el mensaje de forma precisa y clara. Ya sea manejando el espacio en blanco como aire entre los elementos para resaltar el mensaje o utilizando el layout completo, es importante tomar en cuenta las posiciones específicas de algunos elementos.

 
 
 

Retícula para Publicaciones

Para la colocación de elementos en publicaciones se utilizará una reticula de 6 columnas con el fin de controlar el área de manera que el mensaje sea claro y preciso, y la entrega del contenido del material no sea ambigua.

 

Retícula para Stories

Para la colocación de elementos en Stories se utilizará una reticula de 5 columnas con el fin de controlar el área de manera que el mensaje sea claro y preciso, y la entrega del contenido del material no sea ambigua.

 
 
 
 

Retícula para Publicaciones y Stories animados

Para las publicaciones y stories animados se utilizarán las mismas retículas, con animaciones suaves, efectos de desvanecidos y si es necesario el texto se utilizarán únicamente dos tamaños para titulares y cuerpos de texto.

 
 
 

Máscara de Gradiente

Para el estilo de publicaciones en las que aplicamos una máscara de gradiente es importante tomar en cuenta las tonalidades utilizadas para no obstruir la visualización de la imagen.

 

Cómo aplicar la máscara

 

Crear Gradient Map

• Selecciona la imagen a la que se le va a aplicar la máscara.
• Selecciona “Create new fill or adjustment layer”
• Selecciona “Gradient Map”

 
 

Colores del Gradiente

• Selecciona el gradiente
• Para la creación de los gradientes se utilizarán las siguientes tonalidades

  1. Máscara morada: Tonalidad Oscura Agua 140, Tonalidad Clara Agua 110

  2. Máscara Verde Vida: Tonalidad Oscura Agua 160 (Paleta secundaria), Tonalidad Clara Verde Vida 110

  3. Máscara Verde Esperanza: Tonalidad oscura: Agua 160 (Paleta secundaria), Tonalidad Clara Verde Esperanza 100

 

Cómo crear el efecto de ventana (Clipping Mask)

 

Duplica la imagen de fondo

• Haz visible la reticula de publicaciones de Cambiagro
• Crea una nueva carpeta en donde se estarán colocando los elementos
• Duplica la imagen de fondo y colócala en la carpeta que creaste.

 

Clipping Mask

• Descarga el vector para clipping mask
• Copia el vector, pégalo en el documento de Photoshop y ajústalo al tamaño que deseas tomando en cuenta la retícula
• Coloca el vector debajo de la capa de la fotografía
• Selecciona la fotografía que se encuentra sobre el vector e ingresa al menú de esta con un click derecho sobre la capa del archivo
• Selecciona la opción Clipping Mask