Organización de contenido con capas

En tus documentos de Illustrator, los objetos del contenido se apilan unos encima de otros. Cuando se solapan, se puede apreciar el orden de apilamiento. En este vídeo, veremos el apilamiento de objetos y utilizaremos comandos para modificar su orden. Para seguir los pasos, abre este archivo de práctica para descargar del tutorial. Para ver la primera mesa de trabajo, selecciona 1 Start en el menú Mesa de trabajo, situado aquí, y Ver [View] > Encajar mesa de trabajo en ventana [Fit Artboard in Window] si la mesa de trabajo no encaja en la ventana. En esta mesa de trabajo, hay tres formas apiladas unas encima de otras. Las organizarás para ver cómo funciona la pila de objetos. Activa la herramienta Selección [Selection] y haz clic para seleccionar la forma verde oscuro. Puedes utilizar los comandos de organización para colocar una ilustración delante o detrás de otra. Para que la forma verde oscuro se sitúe sobre las otras, en el panel Propiedades [Properties], a la derecha, haz clic en Organizar [Arrange] y Traer al frente [Bring to Front]. La forma verde oscuro se coloca encima de las otras formas, incluso si está en una mesa de trabajo distinta. Para colocar la forma verde oscuro detrás de las otras, haz clic en Organizar [Arrange] y elige Enviar detrás [Send to Back]. Haz clic en Organizar [Arrange], en el panel Propiedades [Properties]: verás Hacia delante [Bring Forward] y Hacia atrás [Send Backward]. El comando Hacia delante [Bring Forward] coloca la ilustración delante del siguiente objeto de la pila. El comando Hacia atrás [Send Backward] coloca la ilustración detrás del siguiente objeto de la pila. Para desplazarte a la segunda mesa de trabajo, selecciona 2 Artwork en el menú Mesa de trabajo. Ahora organizaremos el contenido para completar esta ilustración. Esta radio se compone de muchas formas. Algunas están detrás de la forma verde. Para verlas todas, en Ver [View], selecciona Contornear [Outline]. En este modo, se ven los contornos de la ilustración. Así puedes observar toda la ilustración, incluso las formas situadas tras la forma verde. Selecciona Ver > Previsualización de GPU [View > GPU Preview]. Haz clic para seleccionar la forma verde grande, haz clic en Organizar [Arrange], en Propiedades [Properties], y selecciona Enviar detrás [Send to Back] para colocarla detrás de las ilustraciones del documento. Ahora, selecciona este círculo verde. Haz clic en Organizar [Arrange], en el panel Propiedades [Properties], y selecciona Enviar detrás [Send to Back]. El círculo verde está detrás de la forma verde grande, ya que se ha colocado detrás de los demás elementos. Queremos que esté detrás de la forma de corazón, pero sobre la forma verde grande. Para colocar la forma en una posición superior de la pila, selecciónala, haz clic en Organizar [Arrange], en el panel, y en Hacia delante [Bring Forward]. Así, se sitúa sobre la forma verde, pero tras la forma de corazón. Haz clic en un área vacía para deseleccionar la ilustración. Organizar una ilustración facilita el trabajo con el contenido y permite colocar las ilustraciones en el orden correcto. Ahora podrás organizar el contenido e incluso crear una forma de fondo al final que, aunque quede por encima del contenido, podrás colocarla detrás. Crea una copia de este archivo para conservar el original en Archivo > Guardar como... [File > Save As...] y cámbiale el nombre.

En este vídeo, hablaremos sobre las capas de Illustrator. Aprenderás qué son las capas, veremos el panel Capas [Layers] y comprenderás por qué se usan capas en los documentos. Para seguir los pasos, abre este archivo de práctica para descargar del tutorial. Cuando esté abierto, selecciona Ver [View] y Encajar mesa de trabajo en ventana [Fit Artboard in Window] para ver toda la ilustración. Si tienes mucho contenido en un documento de Illustrator, necesitarás organizarlo para encontrar con facilidad el contenido oculto, seleccionar ilustraciones y mucho más. Las capas sirven para gestionar el contenido de forma que puedas ocultarlo fácilmente, mostrarlo, bloquearlo y mucho más. Para que puedas ver las capas del documento, abre el panel Capas [Layers]. Selecciona Ventana > Capas [Window > Layers] y verás el panel a la derecha. Las capas son como carpetas transparentes con contenido. Pueden contener cualquier tipo de ilustración. Las capas se pueden organizar para que todo el contenido de una se sitúe por encima o por debajo del contenido de otra. Cuando crees un documento nuevo en Illustrator, empezarás con una sola capa. Todo el contenido del documento estará en esa capa, pero puedes crear más según tus necesidades. En este documento hay tres capas. Estas capas sirven para organizar el contenido en secciones: el encabezado, el pie de página y el cuerpo. Como la ilustración está organizada en capas, puedes realizar acciones como ocultar parte del contenido. Por ejemplo, haz clic en el icono del ojo de la capa “Header”, a la izquierda del nombre, para ocultar el contenido del encabezado. Así resulta más sencillo centrarse en una parte de la ilustración, por ejemplo, el contenido de la capa “Body”, sin influir en el encabezado. Para ver el contenido del encabezado de nuevo, haz clic en el hueco del icono del ojo junto a la capa “Header”. Las capas del documento también se pueden reorganizar. Por ejemplo, arrastra la capa “Footer” por su nombre hacia abajo y, cuando veas una línea bajo la capa “Body”, suelta el ratón para reorganizar el contenido del pie de página. El orden de las capas en el panel Capas [Layers] determina el orden del contenido en el documento. El contenido de la capa superior se sitúa sobre el resto del contenido y el contenido de la capa inferior se encuentra detrás de él. Haz clic en el icono del ojo para ocultar el contenido de “Body” y ahora podrás ver el contenido de “Footer” en el documento. Después, haz clic en el hueco del icono del ojo en el panel para mostrar el contenido de “Body” de nuevo. Para ver el contenido de una capa en el panel Capas [Layers], haz clic en la flecha a la izquierda del nombre de la capa. Todo el contenido de la capa se enumera en el panel y tiene su propio orden de apilamiento. Haz clic en la misma flecha para ocultar el contenido. También verás que hay un color asociado a cada capa: rojo, azul y verde. Estos colores sirven para seleccionar contenido en un documento. Coloca el puntero sobre el contenido de la parte superior de la mesa y verás un cuadro delimitador o un trazado de color rojo. Indica que el contenido está en la capa “Header”, cuyo color es rojo. Desliza el puntero sobre el contenido hasta ver un cuadro azul. Los colores resultan útiles para intentar seleccionar contenido o averiguar rápidamente en qué capa se encuentra, por ejemplo. Las capas de Illustrator son muy útiles para organizar y seleccionar el contenido. Ahora que conoces las nociones básicas de las capas, puedes empezar a buscarlas en otros documentos, quizás en algunos tuyos para ver el contenido organizado en el panel. Para cerrar el archivo de práctica sin guardar, selecciona Archivo [File] y Cerrar [Close].

Las capas son importantes para organizar el contenido de un archivo. Para organizar el contenido de este póster y seleccionarlo fácilmente, aprenderás a crear capas nuevas, luego les añadirás contenido y, por último, modificarás sus propiedades, como el nombre. Si quieres seguir los pasos, abre este archivo de práctica para descargar del tutorial. Para ver todo el contenido, selecciona Ver [View] y Encajar mesa de trabajo en ventana [Fit Artboard in Window]. La mayoría del contenido del documento ya se ha creado. Para ver las capas del documento, abre el panel Capas en Ventana > Capas [Window > Layers]. En el panel Capas [Layers], a la derecha, solo hay una capa, la capa predeterminada o Capa 1 [Layer 1]. En algunos documentos, puede que no resulte necesario crear capas ni trabajar con ellas en el panel Capas [Layers], por ejemplo, si trabajas en un logo con pocos elementos. En el caso de este póster, vamos a crear una forma de fondo y una capa nueva para seleccionar fácilmente el contenido luego. Haz doble clic en la Capa 1 [Layer 1] y cambia el nombre a “Content”. Pulsa Entrar o Return para aceptar le nombre. Puedes elegir los nombres que quieras o dejar los predeterminados. Si tenemos mucho contenido en muchas capas, cambiar los nombres facilita la tarea de controlar el contenido durante el proceso. Ahora vas a añadirle un fondo de color al póster para que el texto resulte más legible. Crearás una nueva capa que oculte el contenido de fondo o permita seleccionarlo fácilmente. En la parte inferior del panel Capas [Layers], haz clic en el botón Crear nueva capa [Create New Layer]. La nueva capa se añade al panel Capas [Layers] con un nombre genérico como Capa 2 [Layer 2]. Fíjate en que se ha creado encima de la capa “Content”. Haz doble clic en el nombre nuevo y cámbialo a “Background”. Pulsa Entrar o Return para aceptar el nombre. Sabrás que la capa está seleccionada porque está marcada. Ahora, añádele contenido. Al seleccionar una capa en el panel Capas [Layers], se indica que el contenido nuevo se añadirá a esa capa. Si necesitas borrar una capa, haz clic en el botón Eliminar selección [Delete Selection]. Si borras una capa, también borras el contenido que incluya. Para añadir una forma a la capa, selecciona Rectángulo [Rectangle] en el panel Herramientas, a la izquierda. Colócate en la esquina superior izquierda de la mesa de trabajo, haz clic y arrastra hasta la esquina inferior derecha para crear un rectángulo que cubra toda la mesa de trabajo. Selecciona Ventana > Propiedades o haz clic en la pestaña Propiedades [Properties] si la ves para abrir el panel Propiedades [Properties]. Para añadir un color de relleno a la forma seleccionada, haz clic en el color de relleno [Fill], selecciona la opción Muestras [Swatches] y selecciona el color morado para rellenar la forma. Con la forma seleccionada, haz clic en la pestaña Capas [Layers] para ver el panel. Verás que la forma nueva está en la capa “Background”. Este pequeño cuadro rojo de la derecha indica que el contenido seleccionado está en esta capa. Esta forma debe estar detrás del resto del contenido del póster. Para ello, reorganizaremos las capas en el panel Capas [Layers]. Arrastra la capa “Background” hacia abajo. Cuando aparezca una línea bajo la capa “Content”, suelta el ratón para reorganizarlas y, con ellas, el contenido del documento. Elige Seleccionar > Deseleccionar [Select > Deselect]. En el panel Capas [Layers], haz clic en el área junto al icono del ojo de la capa “Background”. Así se bloquea la capa para que no se pueda seleccionar su contenido y podrás centrarte en editar las ilustraciones de la capa “Content”. Por ejemplo, no moverás la forma de fondo por accidente. Fíjate en este icono del lápiz. Este icono indica que no podemos crear un rectángulo ahora porque la capa seleccionada está bloqueada. Haz clic en la capa “Content” y, después, añade contenido, como un rectángulo. Ya sabes añadir capas a un documento y cambiarles el nombre. Ahora que sabes trabajar con capas, puedes organizar las ilustraciones de los proyectos que inicies. Para crear una copia de este archivo, elige Archivo > Guardar como... [File > Save As...]. Asegúrate de cambiar el nombre del archivo para no sobrescribir el archivo de práctica original.

En este vídeo, aprenderás a trabajar con capas. Primero, las crearás y les darás un nombre en el panel Capas [Layers]. Después, moverás contenido de una capa a otra y buscarás contenido fácilmente en el panel Capas [Layers]. Para seguir los pasos, puedes abrir este archivo de práctica de los archivos para descargar del tutorial. Cuando abras el archivo, selecciona Ver [View] y Encajar todo en ventana [Fit All in Window] para verlo todo. Esta postal tiene dos mesas de trabajo con ilustraciones. Como el documento ya tiene ilustraciones y se añadirán más, lo más lógico es organizar el contenido. Para ello, puedes usar capas en el panel Capas [Layers] y facilitar la selección, ocultar ilustraciones para centrarte en otras, bloquear contenido y mucho más. Primero, abre el panel Capas [Layers] para ver las capas. Selecciona Ventana [Window] y Capas [Layers]. En el panel que se abre, puedes ver que hay una capa que presenta el contenido de las dos mesas de trabajo. Vas a dividir el contenido de cada mesa de trabajo en capas, es decir, la parte frontal de la postal en una capa y la trasera en otra. Haz doble clic en el nombre Capa 1 [Layer 1] y escribe “Back”. Pulsa Entrar o Return para realizar el cambio. Para crear capas, haz clic en Crear nueva capa [Create New Layer], en la parte inferior del panel Capas [Layers]. Se ha añadido una capa nueva sobre la capa seleccionada, que es la capa “Back”. Haz doble clic en el nombre de la capa nueva y cámbialo a “Front”. Después pulsa Entrar o Return para aplicar el cambio. Cuando hayas creado las capas, moverás parte del contenido a la capa nueva, “Front”. Activa la herramienta Selección en el panel Herramientas y arrastra el cursor por la ilustración de la izquierda para seleccionarla. Cada capa tiene un color asignado. Puedes ver el color azul de la capa “Back” en el panel Capas [Layers]. Sabrás que la ilustración seleccionada está en la capa “Back” porque el cuadro delimitador que la rodea es azul y coincide con el color de la capa. Además, en el panel Capas [Layers], este cuadrado azul de la capa “Back” indica que el contenido le pertenece. Es el indicador de selección. Para pasar contenido de la capa “Back” a la capa “Front”, arrastra el cuadrado azul pequeño a la capa “Front”. Cuando aparezca el cuadro rojo, suelta el ratón. Puedes ver que, ahora, el color asociado al contenido es rojo, que es el color de la capa “Front”. Haz clic en el icono del ojo de esta capa para ocultar su contenido. Ahora, el contenido de la mesa de trabajo izquierda está oculto. Haz clic en la zona vacía del icono del ojo para volver a ver el contenido. Con las capas creadas y el contenido organizado correctamente, aprenderás a buscar contenido en el panel Capas [Layers], y a ocultarlo o a ver cómo se organiza respecto a otro contenido. Haz clic en el rectángulo verde de la mesa de trabajo izquierda. Después, en el panel Capas [Layers], haz clic en el botón Localizar objeto [Locate Object] de la parte inferior. El contenido de la capa “Front” se muestra en el panel. Así se ve el objeto seleccionado en el panel Capas [Layers] y se puede averiguar la posición que tiene en la pila. Es decir, se puede ver si está encima de otras ilustraciones o, como ahora, si está detrás de todo el contenido de la capa. Al mostrar el contenido de una capa, puedes realizar acciones como ocultar un objeto de la capa en lugar de la capa completa haciendo clic en el icono del ojo del objeto concreto. Haz clic en la flecha para ocultar el contenido de la capa “Front”. Así mantienes las capas ordenadas en el panel y puedes verlas todas con facilidad. Deselecciona el objeto: Seleccionar > Deseleccionar [Select > Deselect]. Ahora sabes gestionar el contenido de un documento en capas. Ya puedes organizar tus ilustraciones de forma que se adapten a tu estilo en tus documentos. Guarda una copia de este archivo en Archivo [File] y Guardar como... [Save As...]. Cámbiale el nombre para no sobrescribir el archivo de práctica original.