Repeat Grid es una de las principales funciones de Adobe XD para ahorrar tiempo. La función Repetir cuadrícula le permite crear un conjunto de elementos repetidos con un simple clic y arrastrar. Cuando se repite, puede modificar un conjunto de elementos repetidos y hacer que esos cambios se reflejen instantáneamente en el resto de los elementos. Los pasos que encontrará aquí le ayudarán a experimentar esta gran función.
Es mejor seguir las instrucciones si puede. Puede encontrar un archivo de muestra que tiene una imagen y algo de texto en la carpeta LuckyTemplatesCCfiles . Abra la carpeta XD y elija el archivo RepeatGrid-Sample. Luego sigue estos pasos:
Abra un archivo que tenga elementos que desee repetir verticalmente (hacia abajo) en la página. Como se mencionó anteriormente, puede crear el suyo propio o utilizar el archivo RepeatGrid-Sample que se proporciona en nuestro sitio.
Seleccione todos los elementos que se van a repetir y luego presione el botón Repetir cuadrícula en el panel Propiedades. También puede optar por utilizar el método abreviado de teclado, Ctrl + R (Windows) o ⌘ + R (Mac).
Las manijas aparecen en los lados derecho e inferior de sus elementos.
Seleccione los elementos que le gustaría repetir y luego presione el botón Repetir cuadrícula en el panel Propiedades.
Haga clic y arrastre hacia abajo en el controlador inferior para ver que se crea una repetición automáticamente a medida que arrastra. Arrastre más allá de la plantilla para extender la ilustración fuera de la parte inferior.
Repita los elementos seleccionados fácilmente con la función Repetir cuadrícula.
Vuelve a tu arte original y haz un cambio simple. Quizás cambie el tamaño de letra del título o escale un poco la imagen. Observe que a medida que realiza cambios en este primer elemento, los cambios se reflejan a lo largo de la repetición.
Esto puede ahorrarle mucho tiempo, pero siga los siguientes pasos para ver cómo puede reemplazar fácilmente la imagen y el texto repetidos.
Después de tener elementos repetidos, es posible que desee demostrar cómo funcionará su aplicación con contenido más realista. El elemento repetido no brinda la oportunidad de mostrar los diversos datos que su aplicación puede ofrecer. A continuación, toma una carpeta de imágenes y las coloca en la parte superior de su cuadrícula repetida para reemplazar su imagen original. Solo sigue estos pasos:
Busque una carpeta de imágenes en un formato compatible con XD, como JPEG, PNG o GIF. Si está accediendo a la carpeta LuckyTemplatesCCfiles , puede encontrar una carpeta llamada Insects dentro de la carpeta Archivos XD.
Coloque su ventana XD que contiene la mesa de trabajo con la repetición para que pueda verla y también la carpeta llena de imágenes.
Asegúrese de seleccionar todas las imágenes y luego haga clic en ellas y arrástrelas a la cuadrícula repetida. Las imágenes se reemplazan.
Puede arrastrar y soltar varias imágenes en la cuadrícula repetida para reemplazar el contenido de su imagen.
También puede arrastrar imágenes desde la aplicación Bridge a Adobe XD.
Aquí, descubre cómo actualizar su texto en una cuadrícula repetida. Esto se completa de la misma manera que con las imágenes, pero el formato .txt es vital para que este proceso funcione:
Cree texto en cualquier aplicación que pueda guardar el archivo en formato de texto sin formato, es decir, con una extensión de .txt. El texto se puede generar desde el Bloc de notas, Word, descargar de Google Docs como texto sin formato o exportar desde muchas otras aplicaciones. Para este ejemplo, puede usar el archivo de texto de muestra llamado Bugtext.txt en la carpeta XD-Files de nuestro sitio.
Coloque la carpeta que contiene el archivo de texto para que pueda ver el archivo y la cuadrícula repetida.
Al igual que con el proceso de reemplazar la imagen repetida, haga clic y arrastre el archivo .txt sobre el texto de la cuadrícula repetida. El texto se reemplaza con texto de su archivo.
Haga clic y arrastre un archivo .txt sobre la cuadrícula repetida para reemplazar el texto.
Puede ver el ejemplo tal como aparece una vez que las imágenes y el texto se hayan reemplazado aquí.
La cuadrícula repetida con nuevas imágenes y texto.
Si se extendió más allá del área de visualización, asegúrese de hacer clic en el nombre de la mesa de trabajo encima de la mesa de trabajo para seleccionarlo.
Arrastre el controlador inferior para extenderlo a la longitud de su cuadrícula repetida. Esto permite que la pantalla se desplace en la vista previa. La línea de puntos representa el área que se muestra antes del desplazamiento.
Haga clic y arrastre para ampliar el área de visualización de su cuadrícula repetida.
Haga clic en el botón Vista previa del escritorio y desplácese para ver su cuadrícula repetida en acción.
Puede utilizar la herramienta Instantánea en Adobe Acrobat CS5 para seleccionar tanto texto como imágenes y crear una imagen de un área determinada dentro de un archivo PDF. El resultado se conoce comúnmente como una captura de pantalla de una sección dentro de un archivo PDF. El resultado es una imagen y su texto no es […]
Diseñado para investigadores y científicos, las capacidades de medición en Photoshop CC son bastante poderosas. Puede medir casi cualquier cosa y contar el número de lo que sea en una imagen técnica, tal vez desde un microscopio o telescopio. Si conoce el tamaño exacto de cualquier elemento en una imagen, puede descubrir casi cualquier cosa […]
Cuando utiliza las herramientas Licuar en Adobe Creative Suite 5 (Adobe CS5) Illustrator, puede doblar objetos (hacerlos ondulados, pegajosos o puntiagudos) creando distorsiones simples o complejas. Las herramientas Licuar pueden lograr todo tipo de distorsiones creativas o extravagantes (dependiendo de cómo se mire) en sus objetos. Usted […]
Cuando tenga texto en su proyecto de Adobe XD, puede comenzar a cambiar las propiedades del texto. Estas propiedades incluyen Familia de fuentes, Tamaño de fuente, Grosor de fuente, Alineación, Espaciado de caracteres (interletraje y seguimiento), Interlineado (interlineado), Relleno, Borde (trazo), Sombra (sombra paralela) y Desenfoque de fondo. Así que revisemos cómo se aplican esas propiedades. Acerca de la legibilidad y la fuente […]
Puede utilizar InDesign para crear y modificar gráficos de códigos QR. Los códigos QR son una forma de código de barras que puede almacenar información como palabras, números, URL u otras formas de datos. El usuario escanea el código QR usando su cámara y software en un dispositivo, como un teléfono inteligente, y el software hace uso […]
Al igual que en Adobe Illustrator, las mesas de trabajo de Photoshop brindan la capacidad de crear páginas o pantallas separadas dentro de un documento. Esto puede resultar especialmente útil si está creando pantallas para una aplicación móvil o un folleto pequeño. Puede pensar en una mesa de trabajo como un tipo especial de grupo de capas creado mediante el panel Capas. Su […]
Envolver texto en Adobe Illustrator CC no es lo mismo que envolver un regalo, ¡es más fácil! Un ajuste de texto obliga al texto a ajustarse a un gráfico, como se muestra en esta figura. Esta característica puede agregar un poco de creatividad a cualquier pieza. El gráfico está obligando al texto a envolverlo. Primero, crea […]
Al diseñar en Adobe Illustrator CC, a menudo necesita que una forma tenga un tamaño exacto (por ejemplo, 2 x 3 pulgadas). Después de crear una forma, la mejor manera de cambiar su tamaño a medidas exactas es usar el panel Transformar, que se muestra en esta figura. Seleccione el objeto y luego elija Ventana → Transformar a […]
Aprenda a aplicar transparencia a gráficos SVG en Illustrator. Explore cómo generar archivos SVG con fondos transparentes y aplicar efectos de transparencia.
Una vez que ha importado sus imágenes a Adobe XD, no tiene mucho control de edición, pero puede cambiar el tamaño y rotar las imágenes como lo haría con cualquier otra forma. También puede redondear fácilmente las esquinas de una imagen importada utilizando los widgets de esquina. Enmascarar sus imágenes mediante la definición de una forma cerrada […]
