Posicionamiento y propiedad Z-index

En esta sección se resolverán temas de diseño gráfico, como uso de herramientas como photoshop, illustrator, herramientas para prototipado, herramientas de diseño web, entre otros.

Moderator: julianmartinez16

Post Reply
User avatar
xacarana
Site Admin
Posts: 1213
Joined: Fri Jan 15, 2016 6:13 pm

Posicionamiento y propiedad Z-index

Post by xacarana » Mon Feb 15, 2016 8:55 pm

En los siguientes videos se explica como posicionar elementos dentro de un contenedor

En esta primera parte se aprenderá:
  • Máscara de recorte en photoshop para no perder calidad
  • Uso de objetos inteligentes, para evitar que una imagen se rasterice y se pierda información
  • Forma rápida copiar capas a otros archivos, usando duplicar
  • Crear una selección usando la herramienta pluma
  • Y ordenar un archivo por medio de capas


En la siguiente parte, se empieza a armar el proyecto, con las imágenes optimizadas en photoshop, se repasan los siguientes temas:
  • Para usar posicionamiento absoluto, el contenedor padre, debe tener posicionamiento relativo
  • Uso de Google Chrome como herramienta para obtener coordenadas de un elemento con respecto a su contenedor padre
  • Uso de clases e identificadores, se repasa el concepto de estilos comunes


Finalmente, se termina de ajustar la escena, aplicando los siguientes conceptos
  • Ajustar el tamaño del contenedor de una imagen usando la propiedad background
  • Ajustar la profundidad de un elemento, con la propiedad z-index
Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

Post Reply