# Primeiros passos no Studio do Gradiently

[Canonical HTML page](https://gradiently.design/pt-br/guide/studio-guide)

O Studio é onde os designs são feitos. Veja o que cada painel faz, como o seu Mark se encaixa e um primeiro design da página em branco até a exportação.

## The short version

- O Studio do Gradiently é o editor onde os designs são feitos, e todo design usa um Mark como fundo vivo.
- A barra lateral esquerda reúne Designer, Modelos, Redimensionar, Estilos, Texto, Elementos, Fotos, Uploads, Camadas, Marca e Ferramentas.
- Um design pode ter várias páginas, cada uma com o seu tamanho, e as páginas podem tocar em sequência em Apresentar ou como um único vídeo.
- As versões são salvas automaticamente enquanto você edita e antes de o Designer mudar qualquer coisa, então estados anteriores podem ser restaurados.
- Qualquer pessoa pode criar com qualquer Mark; para exportar um design, o Mark que ele usa precisa ser seu.

O **Studio do Gradiently** é o editor onde você faz designs: posts, stories, slides, pôsteres, capas e qualquer outra coisa que tenha um tamanho. Ele funciona como outros editores de tela, com texto, fotos, formas e camadas, mas com uma diferença no centro. Todo design usa um **Mark**, um fundo vivo de gradiente e material desenhado para o tamanho exato da página, que se move e abre espaço para as suas palavras. Este guia percorre o Studio na ordem em que você provavelmente vai precisar dele.

Novo nos Marks? O guia [o que é um Mark do Gradiently](https://gradiently.design/pt-br/guide/what-is-a-mark) explica tudo em cinco minutos. Quer que a IA faça o primeiro rascunho? Veja [como trabalhar com o Designer](https://gradiently.design/pt-br/guide/designer-ai-guide).

## O seu primeiro design em cinco passos

1. **Comece por um modelo ou por um tamanho** Abra **Modelos** e busque o que você está fazendo, como *cardápio*, *lançamento* ou *casamento*, ou abra **Redimensionar** e escolha um tamanho. Os modelos de posts, stories, pôsteres, cardápios e papéis de parede são gratuitos.
2. **Coloque o seu Mark** Um modelo chega com o próprio Mark. Escolha **Colocar meu Mark** para usar um dos seus, ou continue criando sobre o Mark do modelo e decida depois.
3. **Escreva as suas palavras** Dê um clique duplo em qualquer texto para digitar. Títulos, subtítulos, texto corrido e legendas vêm do painel **Texto**, nas fontes da sua marca se você tiver configurado um kit.
4. **Acrescente uma foto ou o seu logo** Busque no painel **Fotos** ou solte os seus próprios arquivos em **Uploads**. Os seus logos esperam no painel **Marca**.
5. **Exporte ou compartilhe** Escolha **Exportar** para PNG, JPEG, PDF, SVG, vídeo ou GIF, ou **Compartilhar** para um link só de visualização. Ao exportar, você precisa reservar o Mark se ele ainda não for seu.

## O que cada painel do Studio faz

A barra da esquerda reúne onze painéis. Você não vai precisar de todos em cada design, mas ajuda saber onde fica cada coisa.

| Painel | O que contém |
| --- | --- |
| Designer | A IA do Gradiently: descreva um design ou uma mudança e ela faz na tela |
| Modelos | Layouts para começar, do Gradiently e dos membros, com busca e filtros |
| Redimensionar | Todos os tamanhos comuns das plataformas, tamanhos personalizados e a cópia de um design para outros tamanhos |
| Estilos | Novas cores, materiais e pares de fontes tirados do seu próprio Mark |
| Texto | Estilos de título, subtítulo, texto corrido e legenda |
| Elementos | Formas, linhas, molduras de foto, ícones, tabelas e gráficos |
| Fotos | Busca de fotos, com os créditos acrescentados quando você coloca uma |
| Uploads | As suas próprias imagens, logos e SVGs |
| Camadas | Tudo o que está na página, de cima para baixo; arraste para reordenar, clique duas vezes para renomear |
| Marca | Os logos, as cores e as fontes do seu kit, prontos para aplicar |
| Ferramentas | Extras como gráficos, QR codes e desenho |

A barra do Studio. Uma busca de comandos também encontra qualquer ação, elemento, página, fonte ou foto pelo nome.

Se não encontrar algo, abra a busca de comandos e digite o que você quer. Ela encontra ações, páginas, fontes, Marks e fotos, e pode passar as suas palavras direto para o Designer.

## Como trabalhar com o seu Mark no Studio

O Mark é o campo atrás de tudo. Você pode trocá-lo por outro a qualquer momento, e o design inteiro muda com ele. Para ajustá-lo, abra o **Modo Mark**, que mostra as mesmas seções da Forge. Antes de mudar qualquer coisa, ele pergunta o que você está mudando.

### Este design

- Muda só o jeito como este design usa o Mark
- Bom para mover a luz ou a disposição num único post
- Os outros designs com o mesmo Mark não mudam

### O Mark

- Muda o próprio Mark
- Todos os designs que o usam acompanham
- Só é possível nos seus Marks em rascunho; Marks publicados são fixos

Em volta das suas palavras, o Mark reage: a parte mais calma se acomoda atrás do texto e os detalhes agitados se acalmam, com predefinições de Desativado a Forte. Defina o texto como **Tinta automática** e cada linha escolhe claro ou escuro na paleta do Mark, o que for mais legível sobre o que está atrás. O guia de [texto sobre um gradiente](https://gradiently.design/pt-br/guide/text-on-gradient) explica os princípios por trás das duas coisas.

Um modelo de anúncio de cardápio novo sobre o próprio Mark de gradiente do modelo

Um modelo sobre o Mark com que ele chegou…

O mesmo modelo de anúncio com outro Mark de gradiente vivo por trás

…e o mesmo modelo com outro Mark colocado.

## Texto, fotos e elementos

O texto pode ganhar tratamentos de **Lettering**: Contorno, Interno, Recorte, Extrusão, Duplo, Rastro, Riso e Halo. Use-os em uma ou duas palavras de destaque, não em parágrafos. O guia de [efeitos de texto](https://gradiently.design/pt-br/guide/text-effects) mostra quando eles ajudam.

As fotos podem ser cortadas, espelhadas e tingidas com as cores do próprio Mark. **Mono** deixa a foto numa só cor, **Duotom** leva as sombras e as luzes a duas cores do Mark e **Lavado** aplica a cor do Mark por cima. Duotom e Lavado fazem uma foto de banco de imagem parecer parte do design, e é por isso que vale conhecê-los; veja [o efeito duotone](https://gradiently.design/pt-br/guide/duotone-effect). Os elementos incluem formas de círculos a blobs, linhas e setas, molduras de foto, ícones e tabelas nas quais você pode colar um intervalo de planilha.

## Páginas, tamanhos e apresentação

Um design pode ter várias páginas, e é assim que você faz carrosséis, apresentações e documentos de várias páginas. Acrescente, duplique, reordene e dê título às páginas pela barra de páginas. Cada página pode ter o seu próprio tamanho, uma duração e uma transição, que tocam em **Apresentar** e quando todas as páginas são exportadas como um único vídeo.

- Post do Instagram: 1080 × 1350
- Story e Reel: 1080 × 1920
- Post do LinkedIn: 1200 × 1200
- Slide 16:9: 1920 × 1080
- Pôster A4: 2480 × 3508

Alguns dos tamanhos que já vêm no Studio. Tamanhos personalizados podem ser digitados em pixels, milímetros, centímetros ou polegadas.

**Redimensionar** muda uma página, todas as páginas ou o design inteiro no lugar, ou cria cópias em outros tamanhos ao lado do original, cada uma com o layout refeito para o seu formato. Essa última opção é explicada em [um visual, todos os tamanhos](https://gradiently.design/pt-br/guide/one-look-every-size).

## Versões, comentários e compartilhamento

- O **Histórico de versões** guarda versões salvas automaticamente enquanto você edita, uma antes de cada mudança feita pelo Designer, e qualquer versão que você salvar à mão. Veja a prévia de qualquer uma e restaure; desfazer traz o design de volta.
- Os **Comentários** ficam presos ao ponto exato da página a que se referem, como conversas que a sua equipe pode resolver.
- **Compartilhar** ativa um link só de visualização. Quem tiver o link vê o design pronto e pode baixá-lo; só você pode editar. Desative e o link para de funcionar. Você também pode enviá-lo por e-mail para até cinco pessoas.
- **Localizar e substituir** busca as palavras em todas as páginas, o que ajuda quando uma data ou um preço muda num carrossel inteiro.

Quando estiver pronto para publicar, **Exportar** cuida de todos os formatos; o guia de [como exportar imagens e loops](https://gradiently.design/pt-br/guide/export-images-and-loops) passa por cada opção em detalhes.

## FAQ

### O que é o Studio do Gradiently?

O Studio é o editor de design do Gradiently, onde você faz posts, stories, slides e pôsteres sobre um Mark, um fundo de gradiente vivo desenhado para o tamanho de cada design.

### Posso usar o Studio sem reservar um Mark?

Sim. Qualquer pessoa pode criar com qualquer Mark de graça. Para exportar um design pronto, o Mark que ele usa precisa ser seu.

### O Studio guarda versões anteriores do meu design?

Sim. As versões são salvas automaticamente enquanto você edita e antes de o Designer mudar qualquer coisa, e você pode salvar as suas. Qualquer uma pode ser restaurada.

### Dá para fazer um carrossel ou uma apresentação no Studio?

Sim. Um design pode ter várias páginas, cada uma com o seu tamanho, e as páginas podem ser apresentadas ou exportadas juntas como PDF, um ZIP de imagens ou um único vídeo.

### Como compartilhar um design sem deixar as pessoas editarem?

Ative Compartilhar para ter um link só de visualização. Quem tiver o link pode ver e baixar o design, mas só você pode editá-lo.