¡Los asombrosos nuevos controles de transformación Divi!


Desbloqueo de los controles de transformación de Divi
Toneladas de nuevas posibilidades de diseño

Ahora puede realizar un diseño asombroso a mano alzada utilizando una colección de nuevas opciones de diseño que, hasta ahora, solo era posible en programas de diseño gráfico como Photoshop.

(incrustar) https://www.youtube.com/watch?v=moxTTScxe44 (/ incrustar)

Hoy presentamos una nueva característica de Divi que permite un diseño increíble a mano alzada dentro de Divi Builder, lo que le brinda el poder de transformar elementos directamente en la página de formas que normalmente solo serían posibles en programas de diseño gráfico como Photoshop y Sketch. Puede mover elementos, escalarlos hacia arriba y hacia abajo, rotar en tres ejes diferentes, sesgar y ajustar el origen de la transformación con facilidad. Todo esto se hace utilizando una nueva interfaz súper elegante que hace que cada transformación sea fácil de realizar y comprender.

Una nueva interfaz visual asombrosa
Facilita la transformación de elementos

Dedicamos más tiempo a crear la interfaz Transforms para asegurarnos de que fuera súper intuitiva. El resultado es un conjunto de opciones que son tan fáciles de usar como potentes.

Una interfaz de usuario impresionante

Con los nuevos controles Transform, puede ajustar fácilmente la apariencia de cualquier módulo, fila o sección usando una combinación de nuevas configuraciones. La interfaz Transforms se ha creado para permitir el control visual de su diseño. En lugar de una larga lista de controles deslizantes indistintos, Divi le presenta controles visuales que describen cada transformación de una manera visual. Esto se refleja en la página mientras observa cómo los elementos se transforman justo ante sus ojos. Es muy divertido jugar con él, pero más importante que eso, también es realmente efectivo para desbloquear toneladas de nuevas posibilidades de diseño.

Escala

Con el control Escala, puede ajustar rápidamente el tamaño de cualquier cosa. Escale módulos completos hacia arriba y hacia abajo con un solo movimiento de su mouse. Cuando ajusta el tamaño de un elemento, todo el elemento y todos los subelementos se ajustan a la vez. De forma predeterminada, los elementos de escala mantendrán la relación de aspecto original, pero también puede desincronizar la configuración de alto y ancho y ajustarlos de forma independiente.

Posición

Puede ajustar la posición de un elemento con el control de traducción. Mueva los elementos en cualquier dirección sin preocuparse por las partes circundantes de su página. Cuando mueve un elemento, se mueve independientemente de sus elementos circundantes y del elemento principal. Esto es similar al uso de posicionamiento absoluto en CSS, excepto que la posición se basa en la posición en línea del elemento en lugar de la posición de su elemento relativo principal.

Rotación

También puede rotar elementos usando los controles Rotar, que le permiten rotar en tres ejes diferentes para un rango completo de rotación tridimensional. Puede combinar diferentes rotaciones para crear algunos efectos geniales y ahorrar toneladas de tiempo de diseño. Por ejemplo, en lugar de abrir una imagen en Photoshop y usar una plantilla de maqueta para crear algunos efectos de imagen 3D, puede abrir la imagen plana en Divi y transformarla dentro del constructor. Si alguna vez necesita reemplazar la imagen, no es necesario que vuelva a editarla en Photoshop.

Sesgar

Puede sesgar elementos para crear atractivos efectos de profundidad. Al igual que el control Escala, puede sesgar elementos con una relación de aspecto bloqueada, o puede desbloquear cada lado y ajustarlos de forma independiente. La combinación de Skew y Rotation puede generar algunos efectos 3D bastante impresionantes que agregan profundidad y complejidad a su página.

Transformar el origen

Finalmente, puede ajustar el origen de la transformación, lo que afectará a todas las transformaciones agregadas a cualquier elemento a la vez. Esta opción le permite cambiar la posición de los elementos transformados. Las transformaciones bidimensionales se pueden ajustar en los ejes xey.

Increíbles efectos de desplazamiento

Estas transformaciones también se pueden animar al pasar el mouse, lo que le permite crear algunos efectos de desplazamiento simplemente impresionantes que nunca antes fueron posibles. Combinado con todas las excelentes características de diseño que ya tiene Divi, las posibilidades son bastante increíbles.

Libertad de diseño

Cuando transforma un elemento, no interrumpe los elementos que lo rodean. Puede apilar cosas una encima de la otra y crear hermosos collages con diferentes módulos. Esto le permite "liberar" fácilmente elementos de sus columnas o filas principales, lo que permite efectos de superposición de módulos que pueden agregar una sensación de diversión y alegría a cualquier diseño.

Los nuevos controles Transform ya están disponibles, así que descarga Divi y pruébalos. Háganos saber lo que piensa en los comentarios y no se olvide de volver la semana que viene para conocer aún más funciones de Divi geniales en su camino.

¡Es nuestra celebración de aniversario y el mayor descuento del año hasta ahora!

¡Estás de suerte! Hoy Elegant Themes cumple 11 años y, para celebrarlo, ofrecemos nuestro mayor descuento del año hasta ahora. Eso es el doble de nuestro descuento normal, pero solo estará disponible por un corto tiempo. ¡No te lo pierdas!

¡Únase hoy con un 20% de descuento!
¡Renueve su cuenta hoy con un 20% de descuento!
¡Actualice su cuenta hoy con un 20% de descuento!