Editor de diseño y plantillas

De dónde sale el diseño

Al escribir el borrador, OrganicDeck mira los slides de la referencia y toma su diseño: el formato, dónde va el texto, su tamaño, su color y su caja, cómo va la imagen y cuánto se oscurece. Una referencia sin fotos recibe el diseño de TikTok por defecto. Con una plantilla, el slideshow toma el diseño de la plantilla.

La línea sobre los slides dice cuál es, por ejemplo "3:4 · Diseño de @tuapp", "Diseño de TikTok" o el nombre de la plantilla.

El texto sale en TikTok Sans con el peso del estilo Classic de TikTok, sin sombra ni otro efecto hasta que agregas uno.

Moverte por el editor

• Muévete por el lienzo con el trackpad, o mantén Espacio y arrastra. Pellizca, o mantén ⌘ y usa la rueda, para acercar o alejar. ⇧1 muestra todos los slides y ⇧2 el elegido.
• Capas lista cada slide con sus textos y sus imágenes. La pestaña Imágenes, al lado, muestra las imágenes de cada slide, que se intercambian arrastrando una sobre otra, y las de tus boards, que se arrastran a un slide.
• Propiedades muestra lo que elegiste. Cada sección dice si cambia Este slide o Todos los slides.
• Haz clic para elegir. Haz clic en un lugar vacío o presiona Escape para soltar. Cada Escape sube un nivel: del texto a su slide, del slide a nada, y después cierra el editor.
• Doble clic en un texto para escribir en su lugar. Escape, ⌘Enter o un clic afuera lo guardan. Doble clic en una imagen para recortarla.
• ⌘Z deshace y ⇧⌘Z rehace. Listo cierra el editor.
• En el teléfono, el lienzo va arriba y las propiedades abajo.

Texto

• Posición: X, Y y W, el ancho de su caja. Arrastrar los lados cambia dónde se cortan las líneas, no el tamaño de la letra.
• Tipografía: fuente, peso, tamaño, interlineado, espaciado entre letras, alineación y mayúsculas. El tamaño Auto sigue a la referencia. Además de TikTok Sans hay un grupo de fuentes libres y Arial.
• Relleno: el color, de los de TikTok o cualquier otro.
• Caja: Ninguna, Sólida o Translúcida, como el fondo de texto de TikTok.
• Efecto: Ninguno, Sombra, Contorno o Brillo.

El estilo de un texto cambia solo en su slide. Cuando los slides ya no comparten el estilo, Aplicar a todos, en la cabecera de Tipografía, hace que el estilo de este slide sea el de todo el slideshow.

Borrar el título o el texto de un slide también vacía esas palabras en el borrador. ⌘Z las devuelve.

Imágenes y slides

• Cambiar abre la grilla para elegir otra imagen.
• Recortar, o doble clic: los lados y las esquinas del marco cambian qué parte se ve y la imagen queda quieta. Restablecer vuelve a mostrar la imagen entera y Listo termina.
• Zoom va de 100%, donde la imagen llena su marco, a 400%.
• Las esquinas agrandan o achican una imagen con la misma forma. Los lados cambian solo su ancho o su alto, y la foto vuelve a llenar el marco.
• Rotación toma un ángulo, Girar 90°, Voltear en horizontal y Voltear en vertical (⇧H y ⇧V). También puedes girarla arrastrando justo afuera de una esquina, y mantener ⇧ para girar en pasos de 15°. Los textos no giran.
• Una foto de fondo llena el slide. Puedes recortarla, acercarla y voltearla, y Oscurecer la de ese slide.

Dos imágenes en un recuadro se ven enteras, lado a lado o una arriba de la otra, como se vean más grandes. Con un slide elegido, Propiedades también tiene el color de Fondo y el Formato de todos los slides: 3:4, 9:16, 4:5, 1:1 o 4:3. Restablecer slide devuelve el slide al diseño del slideshow.

Agregar y acomodar

• Texto, o la tecla T, agrega un texto al slide elegido y lo abre para escribir. Sus palabras son solo del diseño. No están en el texto del borrador, en Copiar texto ni en Copiar JSON, y un cambio pedido en palabras no las reescribe.
• Imagen agrega una imagen de Tu producto o de un board. También puedes arrastrar una imagen de la pestaña Imágenes al lienzo.
• ⌘C, ⌘X, ⌘V y ⌘D copian, cortan, pegan y duplican. ⌘V también pega una imagen, el link de una imagen o un texto copiados en otra app. Las imágenes que pegas van a Tu producto.
• La tecla de borrar elimina lo elegido.
• Elige varias cosas de un slide con ⇧-clic, arrastrando un recuadro desde un lugar vacío o con ⌘A. Se mueven juntas, también con las flechas. Con ⇧, las flechas mueven 10 px por vez.
• Alinear las acomoda Entre sí o, con una sola cosa elegida, Al slide. Con tres o más, también puedes distribuir el espacio entre ellas.
• Agrupar (⌘G) las mantiene juntas, así un clic elige el grupo entero. Desagrupar (⇧⌘G) lo deshace.

Plantillas y guías

Una plantilla guarda el aspecto de un slide en tu proyecto: formato, fondo, estilos y cajas de los textos, dónde van las imágenes, los textos e imágenes agregados, las guías y la cuadrícula. Cualquiera del proyecto puede crear, cambiar y quitar plantillas.

• En el editor, Plantilla lista las plantillas del proyecto. Toca una para usarla en este slideshow. ⌘Z lo deshace.
• Guardar como plantilla guarda el slide elegido, o el del centro de la vista. Si el primer slide se ve distinto del resto, la plantilla lo guarda como portada.
• Actualizar "nombre" guarda tus cambios en la plantilla de la que salió el slideshow.
• Cuando tu proyecto tiene plantillas, una opción al pie del formulario de un slideshow nuevo elige el diseño: De la referencia o una plantilla. Empieza siempre en De la referencia. Con una plantilla, el slideshow nace con ese diseño y la referencia solo dice cómo se escribe.
• Quitar una plantilla no cambia los slideshows que la usaron.

Para armar una plantilla sin una herramienta de diseño, elige como referencia un post con el aspecto que quieres, escribe el slideshow, ajústalo y guárdalo.

Con un slide elegido, o nada, la sección Guías de Propiedades agrega una guía vertical u horizontal y fija el tamaño de la Cuadrícula en píxeles. Las guías son líneas rojas en todos los slides. Arrastra una para moverla, o sácala del slide para quitarla. Los textos y las imágenes se pegan a las guías y a la cuadrícula al moverlos. Nunca aparecen en la descarga ni en lo que va a TikTok.

Descargar los slides

Descargar, en el editor y en el panel al lado del borrador, guarda cada slide como un JPEG de 1080 px de ancho, con sus fuentes y todo lo que editaste.

• En una computadora recibes un ZIP con el nombre del hook.
• En un teléfono, Guardar en el teléfono abre el menú para compartir. Si los slides tardan en prepararse, el botón pide un segundo toque.

Para mandarlos directo a una cuenta de TikTok, mira Enviar a TikTok.