INDICE
Aquí, se le dirige a través de los pasos para crear un botón simple con un relleno sólido y algo de texto en Adobe XD. Siga estos sencillos pasos.
- Seleccione la herramienta Rectángulo y haga clic y arrastre para crear un rectángulo de cualquier tamaño en una mesa de trabajo.
- Con el rectángulo aún activo, escriba 200 en el cuadro de texto Anchura y 70 en el cuadro de texto Altura. Pulse Tab después de escribir cada uno para confirmar el valor.
Aplicación de un relleno sólido
Aquí, usted agrega un color de relleno sólido a su forma:
- Asegúrese de que el rectángulo sigue seleccionado. Haga clic en el cuadro blanco a la izquierda de Rellenar el panel Propiedades para abrir el selector de color.
- Desplácese por los colores haciendo clic y arrastrando el control deslizante Tono. Después de haber ingresado el color de tono que le gusta, haga clic en un color en el panel de color para aplicarlo a su rectángulo. puede guardar los colores que puede utilizar a menudo haciendo clic en el signo Guardar muestra de color más en la parte inferior del selector de color.
- Desmarque la casilla de verificación a la izquierda de Bordes para eliminar el trazo alrededor del rectángulo.
Redondear las esquinas
Puede dejar las esquinas cuadradas o seguir cualquiera de estos pasos siguientes para redondear las esquinas de la forma:
Mantenga pulsada la tecla Alt (Windows) u Opción (Mac OS) y arrastre un radio de esquina para convertirlo en un valor independiente.
Adición de texto a su botón
Ahora usted agrega el texto al botón:
- Seleccione la herramienta Tipo en el panel Herramientas y, a continuación, haga clic en el interior del botón. Aparece un cursor de texto. No se preocupe por la ubicación exacta del cuadro de texto, ya que éste se puede mover más tarde.
- Escriba la palabra Enviar y, a continuación, seleccione el texto pulsando Ctrl+A (Windows) o Comando+A (Mac).
- Con la palabra seleccionada, cambie las propiedades en el área Texto del panel Propiedades para seleccionar una fuente y un tamaño de letra que le guste. También puede cambiar la alineación seleccionando los botones Left Align (Alineación izquierda), Center (Centro) o Right Align (Alineación derecha).
- Haga clic en el cuadro Rellenar para cambiar el color del texto y seleccione sus propiedades de tipo en la sección Texto del panel Propiedades.