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. Si la portada de la referencia se ve distinta del resto, como un título grande de otro color, tu primer slide toma el diseño de la portada, y también su formato si es otro, como una portada 9:16 antes de slides 4:3. 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 con el tipo de letra de la referencia: TikTok Sans con el peso del estilo Classic de TikTok para la letra simple, Playfair Display para la letra con serifas, y en cursiva cuando la de la referencia lo es. No lleva sombra ni otro efecto hasta que agregas uno.

Cada slide conserva el tamaño de letra de la referencia. Si el texto de un slide no entra, sube, y solo un texto más alto que el slide se achica, en ese slide. Una palabra más ancha que la caja del texto, como un link, sigue en la línea siguiente.

Cuando cambias algo en un slide desde el editor, sus textos se quedan donde están y con su tamaño. Lo que escribes crece hacia abajo desde donde empieza cada texto, y el texto de abajo sigue al título: si el título gana o pierde renglones, el texto se corre lo mismo. Un cambio que pides, u otro hook, solo cambia las palabras de ese slide. Los slides que no tocaste se vuelven a armar con la referencia.

Moverte por el editor

• Muévete por el lienzo con el trackpad o la rueda del mouse (con ⇧, hacia los costados), o mantén Espacio y arrastra. Pellizca, o mantén ⌘ o Ctrl y usa la rueda, para acercar o alejar. ⇧1 muestra todos los slides y ⇧2 el elegido.
• El ? de la esquina inferior derecha del lienzo, o la tecla ?, muestra todos los atajos y controles con las teclas de tu computadora.
• 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, mayúsculas, cursiva y subrayado. El tamaño Auto sigue a la referencia. Además de TikTok Sans hay un grupo de fuentes libres, Arial y Arial Narrow.
• 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.

Subrayado (⌘U) subraya el texto elegido. Mientras escribes en un texto, subraya solo las letras que elijas o, si no elegiste ninguna, lo que escribas a continuación. Cursiva (⌘I) pone el texto entero en cursiva.

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.

Para cambiar varios textos a la vez, elígelos con ⇧-clic, aunque estén en slides distintos, como los títulos de los slides 2 a 6. Lo que cambies en Tipografía, Relleno, Caja o Efecto se aplica a todos a la vez, y también W en Posición. En un mismo slide, arrastrar un lado del recuadro que los rodea los hace más anchos o más angostos a todos, y los que están uno debajo de otro conservan el espacio entre ellos. Donde son distintos, el campo dice Varios.

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, tanto en las imágenes del slideshow como en las que agregaste. Al azar pone otra sin abrir nada: de los boards del slideshow, o de Tu producto si la imagen salió de ahí. ⌘Z deshace cualquiera de los dos.
• Detrás del texto o Delante del texto pone una imagen debajo o encima de los textos del slide. Las que agregas empiezan delante, y las del slideshow, detrás. Una foto de fondo queda siempre detrás.
• El título y el texto del slide no se cruzan con las imágenes del slideshow: una línea que llegaría a una imagen se corta antes, del lado con más lugar. Si al costado no hay lugar, el texto queda encima de la imagen. Una imagen Delante del texto los tapa. Cuando mueves, cambias de tamaño o giras una imagen, o mueves o cambias el ancho de un texto, queda donde lo pusiste: el texto ya no se corta para esquivar la imagen, y la imagen puede pasar por encima.
• Cuando el texto está al lado de una imagen y sigue debajo, cada parte es un texto aparte en Capas. Si mueves, cambias el ancho, editas o borras una, las demás quedan donde están. Todas conservan el estilo del texto del slide.
• 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. El botón de la papelera, a su lado, la quita.

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 su Formato: 3:4, 9:16, 4:5, 1:1 o 4:3. Cambia solo ese slide, y Aplicar a todos les da su formato a todos los slides. Sin nada elegido, Formato cambia todos. 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. En Boards, Al azar agrega una del board que se ve, mejor si el slideshow todavía no la usa. 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. Una imagen que pegas queda solo en el slide donde la pegas; para usarla en otros slideshows, súbela 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. También puedes elegir textos de slides distintos.
• 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

La referencia decide qué dice un slideshow y la plantilla, cómo se ve. Guarda el diseño de un slideshow que ajustaste y tus próximos slideshows pueden empezar con él, así todo lo que publica una cuenta mantiene el mismo aspecto. Una plantilla guarda el formato, el fondo, los estilos y cajas de los textos, dónde van las imágenes, las guías y la cuadrícula. Los textos e imágenes que agregaste entran solo si están en todos los slides después del primero, como un logo. Lo que está en un solo slide, como una captura de tu producto, se queda en ese slide. Cualquiera del proyecto puede crear, cambiar y quitar plantillas.

• Guardar plantilla, junto a Descargar, 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, con lo que le agregaste.
• Si el slideshow salió de una plantilla, Guardar plantilla también ofrece Actualizar "nombre", que guarda tus cambios en esa plantilla.
• Cuando el proyecto tiene plantillas, Plantillas, en la barra del editor, muestra cada una como se ve. Toca una para usarla en este slideshow. ⌘Z lo deshace.
• Diseño, al pie del formulario de un slideshow nuevo, muestra De la referencia y tus plantillas, cada una dibujada con uno de tus slideshows. 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.
• En la página de un slideshow, Diseño, junto a Imágenes, le cambia la plantilla. Deshacer le devuelve el diseño que tenía.
• 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.