Modelo de citação do Instagram no Swift Publisher

• Pode 5, 2024

Neste tutorial, projetaremos um modelo de cotação do Instagram no Swift Publisher. O uso de um modelo pode otimizar seu processo de criação ao criar gráficos sociais. Você poderá personalizar o plano de fundo e o texto no modelo para cada nova citação do Instagram criada com o modelo.

As dimensões da imagem de uma postagem no Instagram são 1080 x 1080 pixels, portanto, usaremos essas medidas para o nosso modelo. Este modelo terá dois elementos principais de design. A primeira é a camada de fundo, que pode ser preenchida com uma foto, ilustração, padrão, gradiente ou cor sólida. Para o modelo, usaremos uma foto da coleção de clipart incorporada. Em seguida, temos a camada Primeiro plano para todo o texto. Vamos aprender como usar a ferramenta Caixa de texto e o painel Texto.

Vamos abrir o Swift Publisher e começar. Ao iniciar o programa, você verá a tela de boas-vindas (veja a captura de tela), com uma lista de vídeos à esquerda. Mas vamos assistir a essa camada.

1. Clique no botão Fechar na parte inferior da tela de boas-vindas. Isso abrirá a janela Galeria de modelos.

Como você pode ver, existem muitos modelos para escolher. Mas estamos projetando nosso próprio modelo.


2. Na seção Desktop Publishing da janela Template Gallery, escolha o modelo Blank Landscape (veja a captura de tela).

O modelo será aberto no espaço de trabalho. O Inspetor está no lado direito da área de trabalho e contém a maioria dos controles para a criação do nosso projeto. Possui quatro guias, que são as guias Documento, Geometria, Aparência e Texto.


3. Selecione a guia Documento e você verá o Tamanho da página e outras informações sobre a nossa nova página (veja a captura de tela). Altere as unidades de medida de polegadas para pixels. Em seguida, altere a largura e a altura de 8,5 x 11 para 1080 x 1080 pixels.

Na parte inferior do Inspetor, temos o painel Camadas (veja a captura de tela), com duas camadas padrão para Primeiro e Segundo Plano. Adicionaremos um retângulo à camada Plano de fundo que atuará como um espaço reservado. Para o modelo, adicionaremos uma foto ao espaço reservado, mas podemos alterá-la para uma cor, gradiente, foto ou ilustração, conforme necessário para cada projeto.


4. Com a camada Plano de fundo ativa, selecione a ferramenta Retângulo na seção Ferramentas de edição da barra de ferramentas superior (veja a captura de tela). Desenhe um retângulo sobre toda a tela de desenho.

Na parte superior do painel Geometria, você verá que nossa forma é do tamanho correto (1080 x 1080 px) e as posições X e Y são zero.


5. Clique nos dois botões na seção Central (veja a captura de tela). O botão esquerdo centralizará o alinhamento horizontal do retângulo e o botão direito centralizará verticalmente.

Esse retângulo agora é nosso espaço reservado para segundo plano. Para o modelo, adicionaremos uma foto.


6. Selecione o espaço reservado retângulo. No painel Aparência, desmarque a opção Preenchimento de cores (veja a captura de tela). Isso esvaziará o espaço reservado do retângulo.


7. Com o retângulo selecionado, arraste sua escolha de foto da guia Foto do painel Origem para o espaço reservado para retângulo (veja a captura de tela). Se a foto não cobrir todo o retângulo, mantenha pressionada a tecla Shift e redimensione a foto. Em seguida, retorne à guia Aparência do Inspetor e defina o menu suspenso Alongamento como Preenchimento (veja a captura de tela).

Agora podemos adicionar nosso texto à camada Foreground.


8. Selecione a camada de primeiro plano no painel Camadas.


9. No menu superior, selecione a ferramenta Caixa de texto (veja a captura de tela). Clique na tela e arraste para desenhar uma caixa de texto. Clique dentro da caixa de texto e digite ou cole o texto da sua citação.

Por padrão, o texto é um pequeno 9 pt. Vamos mudar a fonte e ampliar o texto usando o painel Texto no Inspetor.


10. Selecione o texto e clique na guia Texto no Inspetor e clique no botão A para abrir o painel Fontes (veja a captura de tela). Escolha sua fonte, estilo, cor e tamanho. No Inspetor, defina o Alinhamento para o centro.

Repita essas etapas para adicionar uma caixa de texto menor sob a primeira caixa e adicione o nome da pessoa atribuído à cotação.

Opcional: Se você deseja marcar o gráfico de cotação, adicione o nome da empresa ou o URL do site na borda inferior do gráfico (consulte a captura de tela).

Agora podemos salvar este projeto como um modelo personalizado, para poder usá-lo novamente. Dependendo do plano de fundo e da fonte que usamos cada vez, o gráfico do Instagram pode parecer muito diferente.


11. No menu superior, clique em Arquivo - Salvar como modelo e nomeie o modelo Modelo de cotação do Instagram.

Em seguida, salvaremos o projeto no formato .spub do Swift Publisher e, em seguida, novamente no formato .jpg para a web.


12. No menu superior, clique em Arquivo - Salvar e nomeie seu projeto.


13. Em seguida, clique em Arquivo - Exportar (veja a captura de tela) e exporte seu projeto novamente como um arquivo .jpg.

Swift Publisher
Amadine
BeLight Software

Capturas de tela do Swift Publisher usadas com permissão da BeLight Software Ltd.


Modelo de cotação do Instagram no Swift Publisher, Arte e design digital, Gráfico de cotação do Instagram no Swift Publisher