Información general del dibujo
- ¿Qué son los gráficos vectoriales?
- Herramientas de dibujo
- ¿Una forma o un trazado?
- Convertir formas en trazados
- Cambiar el radio del vértice
- Combinar trazados
- Trazados compuestos
- Trazados de recorte
- Máscaras de opacidad
Microsoft® Expression Blend™ ofrece funciones de dibujo vectorial estándar para que pueda dibujar formas, trazados y máscaras como en cualquier otro programa de gráficos vectoriales. Para crear dibujos y materiales gráficos más avanzados, considere la posibilidad de usar un programa de gráficos vectoriales alternativo, como Microsoft® Expression® Design. Expression Design proporciona incluso la capacidad de exportar dibujos como XAML para usarlos en Expression Blend.
¿Qué son los gráficos vectoriales?
Los gráficos vectoriales se definen geométricamente mediante puntos, líneas, curvas y superficies, en lugar de con píxeles como en un mapa de bits. A medida que aumenta la resolución de pantalla de los monitores de los equipos, surge la necesidad de abandonar los mapas de bits que muestran píxeles de gran tamaño al verlos con una resolución alta en ppp. El cambio de tamaño de los mapas de bits puede resultar complicado y suele producir gráficos de baja calidad. Los vectores gráficos permanecen suaves cuando se visualizan con una resolución alta en ppp e incluso cuando se aumenta su tamaño. Por este motivo, los vectores gráficos también resultan más fáciles de personalizar para ajustarlos al contenido, puesto que no es necesario crear varias imágenes con distintos tamaños fijos, como por ejemplo, los archivos de icono que aparecen en la interfaz de usuario (UI) con distintos tamaños. Otras ventajas de los vectores gráficos son las siguientes:
- Escalado del contenido real Los gráficos vectoriales integrados en un diseño flexible pueden cambiarse de tamaño correctamente en función del contenido. Por ejemplo, cuando se agrega texto a un botón, el tamaño del botón cambiará para adaptarse al texto sin comprometer la fidelidad del gráfico.
- Independencia de la resolución La resolución de las pantallas ha ido aumentando poco a poco y es probable que el proceso continúe. Sin la capacidad de escalar la UI de una aplicación, la UI se muestra cada vez más pequeña a medida que aumenta la resolución y, normalmente, resulta inutilizable cuando el contenido es tan pequeño que se convierte en ilegible. Si aplica una transformación de giro o un escalado con estas API, sólo se ven afectados los dibujos. No se produce ningún cambio en los tamaños y las posiciones de los controles de la ventana. Puede escalar los dibujos, pero no se puede escalar fácilmente la forma en que se llenará una ventana con controles. Puesto que Windows Presentation Foundation (WPF) compone todos los controles de la ventana como un único dibujo, en lugar de segregar cada control en su propia área, resulta sencillo aplicar transformaciones de giro o de escalado a toda la UI. Por lo tanto, puesto que se puede agrandar o reducir a escala cualquier UI de WPF, las aplicaciones de WPF son realmente independientes de la resolución. Las imágenes permanecen nítidas y claras, en contraposición con las imágenes desenfocadas que se obtendrían al escalar los mapas de bits.
 |
Cuando se configuran propiedades relacionadas con el tamaño en aplicaciones de Windows Presentation Foundation (WPF), como las creadas con Expression Blend, por píxeles se entiende píxeles independientes del dispositivo o unidades independientes del dispositivo que son equivalentes al tamaño de un píxel en un monitor configurado con una resolución de pantalla de 96 PPP. Cada unidad es aproximadamente 1/96 pulgada, independientemente del tamaño del monitor o la resolución de la pantalla. |
En Expression Blend, un objeto vectorial puede ser tan simple como una línea o una forma, o tan complejo como un trazado o un control. Puede modificar objetos de muchas formas distintas mediante el uso de los manipuladores de objeto para cambiar su tamaño, moverlos, girarlos, voltearlos o sesgarlos, o mediante el panel Propiedades, en el que puede especificar valores precisos de tamaño, posición y giro. En realidad, cada objeto que se dibuja en el área de diseño está en formato vectorial , excepto aquellos elementos que se agreguen al proyecto y que no estuvieran originalmente en formato vectorial, como las imágenes y las texturas 3D. Entre los objetos vectoriales de Expression Blend, figuran:
- Objetos de dibujo como las elipses y los rectángulos
- Objetos de trazado como las líneas y las curvas
- Texto
- Objetos 3D
- Controles
Herramientas de dibujo
El Cuadro de herramientas contiene herramientas vectoriales comunes para la creación de formas y trazados y la manipulación de objetos. Para obtener ejemplos de utilización de estas herramientas, vea Dibujar una forma, Dibujar una línea recta, Dibujar una curva, Dibujar un trazado de forma libre, Cambiar la forma de una curva y Redefinir los puntos de control de un nodo.
| Herramienta | Uso | |
|---|---|---|
 |
Rectángulo | Dibujo de rectángulos y cuadrados que se pueden modificar de forma que tengan vértices redondeados. |
 |
Elipse | Dibujo de elipses y círculos. |
 |
Línea | Dibujo de líneas rectas entre dos puntos. |
 |
Pluma | Dibujo y modificación de trazados en los que se puede definir cada nodo. La herramienta Pluma permite agregar, quitar y modificar nodos del trazado. |
 |
Lápiz | Dibujo de trazados a mano alzada. |
 |
Selección | Selección de formas, trazados y objetos del área de diseño que desea modificar. Para obtener más información acerca de cómo utilizar la herramienta Selección, vea Seleccionar objetos. |
 |
Selección directa | Selección de nodos individuales de un trazado después de haberlos dibujado La herramienta Selección directa también permite seleccionar directamente objetos secundarios anidados en un objeto principal del área de diseño, como por ejemplo, en un panel de diseño. Para obtener más información acerca de cómo utilizar la herramienta Selección directa, vea Seleccionar objetos. |
¿Una forma o un trazado?
Las formas como los rectángulos o las elipses son objetos vectoriales. Puede dibujar formas con las herramientas Rectángulo o Elipse .
Los trazados también son objetos vectoriales, seguramente los más flexibles de Expression Blend. Los trazados se componen de varias líneas y curvas conectadas. Una vez dibujados los trazados en el área de diseño, puede cambiar su forma, combinarlos y modificarlos para crear cualquier forma vectorial. Puede dibujar polígonos, que son formas cerradas compuestas de líneas rectas conectadas, así como polilíneas, que son trazados no cerrados compuestos de líneas rectas conectadas. Puede dibujar trazados con las herramientas Pluma , Lápiz y Línea . Después puede usar las herramientas Selección y Selección directa para modificar los trazados. Para obtener más información acerca de la modificación de trazados, vea Eliminar parte de un trazado, Agregar o quitar un nodo de un trazado, Cambiar la forma de una curva, Redefinir los puntos de control de un nodo y Métodos abreviados de pluma y de selección.
Convertir formas en trazados
Las formas no se pueden editar como elementos de trazado a menos que se convierta el elemento de forma en uno de trazado mediante el comando Convertir en trazado (Objeto | Trazado | Convertir en trazado). Para obtener un ejemplo, vea Convertir una forma en un trazado.
|
|
No será posible modificar propiedades específicas de una forma (como el radio del vértice de un rectángulo) después de convertirla en un trazado. Asimismo, si la forma tenía un estilo aplicado antes de la conversión, se recuperarán los valores predeterminados de las propiedades del trazado convertido (pincel sin relleno y trazo negro). |
Cambiar el radio del vértice
Se puede modificar el radio del vértice de un rectángulo seleccionando el rectángulo y arrastrando los manipuladores del radio del vértice superior izquierdo. El manipulador del radio del vértice 
se muestra cuando se mueve el puntero del mouse sobre uno de los extremos de las líneas discontinuas que sobresalen del vértice superior izquierdo del rectángulo.
Manteniendo presionada la tecla Mayús mientras arrastra cualquiera de los manipuladores del radio del vértice puede editar los radios del vértice X e Y de forma individual.
Para obtener un ejemplo, vea Redondear los vértices de un rectángulo.
Combinar trazados
La combinación de trazados (o formas) puede proporcionar los siguientes resultados:
 |
Dos formas antes de su combinación |
 |
Intersectar | |
 |
Unir |
 |
Excluir superposición | |
 |
Dividir |
 |
Restar |
Dos o más objetos (formas o trazados) se pueden combinar en un objeto de trazado. El objeto de trazado resultante reemplazará el último objeto seleccionado antes de la combinación y adoptará sus propiedades. A menudo, el resultado es un trazado compuesto. Para obtener un ejemplo, vea Combinar formas o trazados. Para obtener más información acerca de cómo editar trazados, vea Métodos abreviados de pluma y de selección.
|
|
Tras la combinación, no será posible modificar propiedades específicas de una forma (como el radio del vértice de un rectángulo). Además, si se ha aplicado un estilo al último objeto seleccionado antes de la conversión, las propiedades del trazado combinado se restablecerán a las predeterminadas de un trazado (sin pincel de relleno y trazo negro). |
Trazados compuestos
Cuando se crea un trazado compuesto, las partes en intersección de los trazados se eliminan del resultado final y el trazado resultante adopta las propiedades visuales del trazado situado al fondo.
Dos trazados convertidos en un trazado compuesto
Se deben convertir las formas en trazados para poder incluirlas en un trazado compuesto (mediante el comando Convertir en trazado, bajo Trazado, en el menú Objeto). Se pueden combinar dos o más trazados para formar un trazado compuesto. El trazado resultante reemplazará al último (en Orden Z) seleccionado antes de crear uno compuesto, y adoptará sus propiedades. Puede descomponer un trazado compuesto en cualquier momento después de crearlo, pero no se restaurarán las propiedades originales. Para obtener un ejemplo, vea Crear o liberar un trazado compuesto.
Trazados de recorte
Un trazado de recorte es un trazado o forma que se aplica a otro objeto, ocultando así las partes del objeto con máscara que sobresalen del trazado de recorte.
Objeto de imagen con un trazado de recorte aplicado
Para obtener un ejemplo, vea Aplicar o quitar un trazado de recorte.
Máscaras de opacidad
Una máscara de opacidad puede ser un trazado o una forma que se aplica a otro objeto. Las partes transparentes del trazado representan áreas en las que está oculto el objeto con máscara, mientras que las partes opacas de la máscara indican dónde se permite que se transparente el objeto con la máscara. Puede definirse una máscara de opacidad para cualquier objeto en la sección Apariencia del panel Propiedades.
Una máscara de opacidad puede ser un simple pincel de degradado que muestre u oculte partes de un objeto en función de la transparencia. En el ejemplo siguiente, no se ha aplicado ninguna máscara de opacidad a la imagen de la izquierda, y la imagen de la derecha se puede crear de una de las dos maneras siguientes:
- Se puede establecer la propiedad OpacityMask del objeto de imagen en un pincel de degradado radial con un valor de 0 para el canal alfa del delimitador de degradado derecho.
- Se puede crear un objeto de rectángulo delante del objeto de imagen y establecer la propiedad OpacityMask del rectángulo en un pincel de degradado radial con un valor de 0 para el canal alfa del delimitador de degradado izquierdo.
Imagen sin máscara (izquierda) e imagen con máscara de opacidad aplicada (derecha)
Para obtener un ejemplo, vea Crear una mascara de opacidad.