# Primeiros passos no Studio da Gradiently

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

O Studio é onde se fazem os designs. Eis o que faz cada painel, como o teu Mark encaixa e um primeiro design, da página em branco à exportação.

## The short version

- O Studio da Gradiently é o editor onde se fazem os designs, e cada design veste um Mark como fundo vivo.
- A barra lateral esquerda tem o Designer, Modelos, Redimensionar, Estilos, Texto, Elementos, Fotos, Carregamentos, Camadas, Marca e Ferramentas.
- Um design pode ter várias páginas, cada uma com o seu tamanho, e as páginas podem passar à vez em Apresentar ou como um só vídeo.
- As versões são guardadas automaticamente enquanto editas e antes de o Designer mudar alguma coisa, por isso os estados anteriores podem ser restaurados.
- Qualquer pessoa pode criar com qualquer Mark; exportar um design exige que o Mark que ele veste seja teu.

O **Studio da Gradiently** é o editor onde fazes designs: publicações, stories, diapositivos, cartazes, cabeçalhos e tudo o que tenha um tamanho. Funciona como outros editores de tela, com texto, fotos, formas e camadas, mas com uma diferença no centro. Cada design veste um **Mark**, um fundo vivo de gradiente e matéria que é desenhado para o tamanho exato da página, se move e abre espaço para as tuas palavras. Este guia percorre o Studio pela ordem em que é provável precisares dele.

Os Marks são novidade para ti? [O que é um Mark da Gradiently](https://gradiently.design/pt-pt/guide/what-is-a-mark) explica-os em cinco minutos. Queres que a IA faça o primeiro rascunho? Vê [trabalhar com o Designer](https://gradiently.design/pt-pt/guide/designer-ai-guide).

## O teu primeiro design em cinco passos

1. **Começa por um modelo ou por um tamanho** Abre **Modelos** e pesquisa o que estás a fazer, como *menu*, *lançamento* ou *casamento*, ou abre **Redimensionar** e escolhe um tamanho. Os modelos para publicações, stories, cartazes, menus e fundos de ecrã são de uso gratuito.
2. **Coloca o teu Mark** Um modelo chega com o seu próprio Mark. Escolhe **Colocar o meu Mark** para o pôr num dos teus, ou continua a criar sobre o Mark do modelo e decide mais tarde.
3. **Escreve as tuas palavras** Faz duplo clique em qualquer texto para escrever. Os títulos, subtítulos, texto corrido e legendas vêm do painel **Texto**, com os tipos de letra da tua marca se tiveres configurado um kit.
4. **Junta uma foto ou o teu logótipo** Pesquisa no painel **Fotos**, ou larga os teus ficheiros em **Carregamentos**. Os teus logótipos esperam no painel **Marca**.
5. **Exporta ou partilha** Escolhe **Exportar** para PNG, JPEG, PDF, SVG, vídeo ou GIF, ou **Partilhar** para uma ligação só de visualização. Ao exportar, é-te pedido que reserves o Mark se ainda não for teu.

## O que faz cada painel do Studio

A barra à esquerda tem onze painéis. Não vais precisar de todos em cada design, mas ajuda saber onde estão as coisas.

| Painel | O que contém |
| --- | --- |
| Designer | A IA da Gradiently: descreve um design ou uma alteração e ela fá-la na tela |
| Modelos | Esquemas para começar, da Gradiently e dos membros, com pesquisa e filtros |
| Redimensionar | Todos os tamanhos comuns das plataformas, tamanhos personalizados e cópia de um design para outros tamanhos |
| Estilos | Novas cores, matérias e pares tipográficos tirados do teu próprio Mark |
| Texto | Estilos de título, subtítulo, texto corrido e legenda |
| Elementos | Formas, linhas, molduras de fotos, ícones, tabelas e gráficos |
| Fotos | Pesquisa de fotos, com os créditos acrescentados quando colocas uma |
| Carregamentos | As tuas imagens, logótipos e SVG |
| Camadas | Tudo o que está na página, de cima para baixo; arrasta para reordenar, faz duplo clique para mudar o nome |
| Marca | Os logótipos, cores e tipos de letra do teu kit, prontos a aplicar |
| Ferramentas | Extras como gráficos, códigos QR e desenho |

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

Se não encontrares alguma coisa, abre a pesquisa de comandos e escreve o que queres. Encontra ações, páginas, tipos de letra, Marks e fotos, e pode passar as tuas palavras diretamente ao Designer.

## Trabalhar com o teu Mark no Studio

O Mark é o campo por trás de tudo. Podes trocá-lo por outro a qualquer momento e o design inteiro muda com ele. Para o ajustar, abre o **Modo Mark**, que mostra as mesmas secções da Forge. Antes de mudar alguma coisa, pergunta o que estás a mudar.

### Este design

- Muda só a forma como este design veste o seu Mark
- Bom para mover a luz ou a disposição numa publicação
- Os outros designs com o mesmo Mark ficam intactos

### O Mark

- Muda o próprio Mark
- Todos os designs que o vestem acompanham a mudança
- Só é possível nos teus Marks em rascunho; os Marks publicados são fixos

À volta das tuas palavras, o Mark reage: a sua parte mais calma assenta por trás do texto e o detalhe agitado acalma, com predefinições de Desligado a Forte. Define o texto como **Tinta automática** e cada linha escolhe claro ou escuro da paleta do Mark, conforme o que se ler melhor sobre o que está por trás. O [texto sobre um gradiente](https://gradiently.design/pt-pt/guide/text-on-gradient) explica os princípios por trás de ambos.

Um modelo de anúncio de um novo menu sobre o Mark em gradiente do próprio modelo

Um modelo sobre o Mark com que chegou…

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

…e o mesmo modelo com outro Mark colocado.

## Texto, fotos e elementos

O texto pode receber tratamentos de **Letras**: Contorno, Interior, Recorte, Extrusão, Duplo, Rasto, Riso e Halo. Usa-os em uma ou duas palavras de destaque, não em parágrafos. Os [efeitos de texto](https://gradiently.design/pt-pt/guide/text-effects) explicam quando ajudam.

As fotos podem ser recortadas, invertidas e tingidas com as cores do próprio Mark. **Mono** passa uma foto a uma só cor, **Duotone** mapeia as sombras e as luzes para duas cores do Mark e **Lavagem** põe a cor do Mark por cima. O Duotone e a Lavagem fazem uma foto de banco de imagens parecer pertencer ao design, e é por isso que vale a pena conhecê-los; vê o [efeito duotone](https://gradiently.design/pt-pt/guide/duotone-effect). Os elementos incluem formas, de círculos a manchas, linhas e setas, molduras de fotos, ícones e tabelas onde podes colar um intervalo de uma folha de cálculo.

## Páginas, tamanhos e apresentações

Um design pode ter várias páginas, que é como se fazem carrosséis, apresentações e documentos de várias páginas. Adiciona, duplica, reordena e dá títulos às páginas a partir da barra de páginas. Cada página pode ter o seu tamanho, uma duração e uma transição, que se reproduzem em **Apresentar** e quando todas as páginas são exportadas como um só vídeo.

- Publicação Instagram: 1080 × 1350
- Story e Reel: 1080 × 1920
- Publicação LinkedIn: 1200 × 1200
- Diapositivo 16:9: 1920 × 1080
- Cartaz A4: 2480 × 3508

Alguns dos tamanhos incluídos no Studio. Os tamanhos personalizados podem ser escritos em píxeis, milímetros, centímetros ou polegadas.

**Redimensionar** muda uma página, todas as páginas ou o design inteiro no próprio sítio, ou faz cópias noutros tamanhos ao lado do original, cada uma recomposta para o seu formato. Esta última opção é explicada em [um visual, todos os tamanhos](https://gradiently.design/pt-pt/guide/one-look-every-size).

## Versões, comentários e partilha

- **O histórico de versões** guarda versões automáticas enquanto editas, uma antes de cada alteração feita pelo Designer, e qualquer versão que guardes à mão. Pré-visualiza qualquer uma e restaura-a; anular traz o design de volta.
- **Os comentários** ficam presos ao ponto exato da página a que se referem, como conversas que a tua equipa pode resolver.
- **Partilhar** ativa uma ligação só de visualização. Quem a tiver vê o design acabado e pode descarregá-lo; só tu podes editar. Desativa-a e a ligação deixa de funcionar. Também a podes enviar por email a até cinco pessoas.
- **Localizar e substituir** procura as palavras em todas as páginas, o que ajuda quando uma data ou um preço muda num carrossel inteiro.

Quando estiveres pronto para publicar, **Exportar** trata de todos os formatos; o guia sobre [exportar imagens e loops](https://gradiently.design/pt-pt/guide/export-images-and-loops) percorre cada opção em detalhe.

## FAQ

### O que é o Studio da Gradiently?

O Studio é o editor de design da Gradiently, onde fazes publicações, stories, diapositivos e cartazes sobre um Mark, um fundo vivo em gradiente desenhado para o tamanho de cada design.

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

Sim. Qualquer pessoa pode criar gratuitamente com qualquer Mark. Exportar um design acabado exige que o Mark que ele veste seja teu.

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

Sim. As versões são guardadas automaticamente enquanto editas e antes de o Designer mudar alguma coisa, e podes guardar as tuas. Qualquer uma pode ser restaurada.

### Posso 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 em conjunto como PDF, como ZIP de imagens ou como um só vídeo.

### Como partilho um design sem deixar as pessoas editá-lo?

Ativa Partilhar para obteres uma ligação só de visualização. Quem tiver a ligação pode ver e descarregar o design, mas só tu o podes editar.
