Neste artigo, abordaremos as funções e recursos básicos do aplicativo OptiSigns Designer.
- Abrindo o Designer
- Visão Geral do Aplicativo Designer
- Tela
- Menu Superior - Funções Básicas
- Coluna Direita - Posicionamento
- Menu Lateral - Funções Avançadas
- Alternando entre Designer 2.0 e Designer 1.0
O aplicativo OptiSigns Designer é nosso aplicativo mais completo em recursos, permitindo a criação completa de conteúdo para exibição em placas digitais. Este guia ajudará você a começar a criar conteúdo na plataforma OptiSigns.
Abrindo o Designer
Para abrir o designer, clique em Arquivos/Ativos, depois em App.
Em seguida, clique em Designer. Isso abrirá o aplicativo Designer.
Visão Geral do Aplicativo Designer
O aplicativo Designer está dividido em 4 zonas principais:
- Menu Superior - Funções Básicas
- Tela
- Barra de Ferramentas - Posicionamento
- Menu Lateral - Funções Avançadas
Abordaremos cada uma delas.
Tela
O visualizador do Designer é onde seu design existe. Cada elemento é visível e selecionável dentro da janela.
Os elementos podem ser movidos, redimensionados, excluídos e muito mais a partir daqui.
Menu Superior - Funções Básicas
O Menu Superior da janela de Design é onde as funções básicas podem ser encontradas. Estas incluem adicionar imagens, texto, formas, fundos, filtros, animação e molduras, nomear seu design, desenhar e redimensionar seu design.
Nomeando Seu Design
Por padrão, cada novo design será intitulado "Seu novo design sem título", como mostrado abaixo.
Recomendamos alterar este nome o mais rápido possível, pois, embora seja possível salvar um design com o nome padrão, será difícil identificá-lo em sua pasta de Ativos.
Uma vez que o design tenha recebido um nome, ele aparecerá lá durante todo o processo de design.
Funções Mover, Salvar, Novo Design e Download
As funções Mover, Salvar, Novo Design e Download estão à direita do nome.
Estas funcionam da mesma forma que na maioria dos outros aplicativos:
Mover - Permite mover o ativo de Design para pastas diferentes. Ao clicar neste botão, aparecerá um pop-up permitindo que você Selecione a Pasta.
Você também pode criar uma Nova Pasta aqui, se necessário.
Salvar - Salva seu ativo de Design. Isso substituirá quaisquer versões anteriores do ativo, a menos que você lhe dê outro nome.
| NOTA |
| Clicar em Salvar com um design em branco ativa um aviso informando que você está salvando um design em branco. O design não será salvo. |
Sempre que uma alteração for feita no seu design sem salvar, uma notificação aparecerá no Menu Superior alertando que você tem alterações não salvas:
Novo Design - Sai do design atual e cria um novo. O painel Novo Design aparecerá na barra lateral esquerda:
Aqui, você pode determinar a orientação e o tamanho do Novo Design.
Download - Baixa o design atual para seu dispositivo local. Você poderá renomear o arquivo e escolher entre os tipos de arquivo PNG e JPG.
Imagem
A opção Imagem permite fazer upload de imagens para seu design.
Ao clicar, você terá duas opções: Meu Dispositivo e Ativos de Imagem.
Clicar em Meu Dispositivo permitirá fazer upload de uma imagem do dispositivo atual que você está usando, enquanto Ativos de Imagem permite fazer upload de uma imagem diretamente da sua biblioteca de Arquivos/Ativos.
Para mais informações, consulte nosso artigo Imagens / Fotos no Designer.
Texto
A opção Texto permite inserir texto no design.
O texto pode ser escolhido no Menu Superior ou no Menu Lateral. Qualquer um abrirá o Menu Lateral para mais opções:
Clicar em Adicionar uma caixa de texto ou uma das opções de texto predefinidas adicionará uma caixa de texto ao Visualizador do Designer:
Faça como o prompt indica e inúmeras opções se abrirão para você. Primeiro, o próprio Texto tem um conjunto completo de opções:
Clicar no texto também altera o Menu Superior:
Clicar duas vezes ou selecionar o texto permite inserir texto diretamente.
Por fim, clicar uma vez no texto, depois manter pressionado o botão do mouse e arrastar permite reposicionar o texto.
Para uma análise completa da função Texto, consulte nosso artigo Texto no Designer.
Formas
A opção Formas permite adicionar formas ou elementos pré-fabricados ao design.
Escolher Formas no Menu Superior abrirá a aba Elementos no Menu Lateral:
Aqui, você pode escolher entre Formas e Elementos para adicionar ao design. Há um grande número destes, então escolha os que atendem às suas necessidades.
Clicar em uma Forma ou Elemento irá adicioná-lo ao design:
As formas são reativas e podem ser redimensionadas ou giradas à vontade:
Clicar na Forma ou Elemento mudará o Menu Superior e será aplicado diretamente à seleção:
Por fim, a própria Forma ou Elemento tem um conjunto completo de opções:
Para uma análise completa da barra Formas e Elementos, consulte nosso artigo Formas e Elementos.
Fundo
A opção Fundo permite alterar a cor de fundo do seu design.
Clicar nela abrirá a área Fundo da Tela no Menu Lateral:
Selecionar qualquer uma das cores irá aplicá-la ao seu design:
Se nenhuma das cores padrão atender às suas necessidades, você também pode selecionar no seletor de cores e depois usar o arrastar e soltar para escolher a cor ou códigos de cores HEX, RGBA ou HSLA com as setas.
Moldura
Selecionar a opção Moldura permitirá adicionar uma moldura ao redor do seu design
Clicar nela abrirá a área Moldura no Menu Lateral:
Clicar em uma dessas molduras irá aplicá-la ao seu design:
Filtro
Selecionar a opção Filtro permitirá aplicar um de vários filtros ao design.
Clicar nela abrirá o painel Filtro no Menu Lateral:
Estes filtros podem ser aplicados ao design inteiro ou a elementos individuais de imagem ou fundo, assim:
Certos filtros são aplicados automaticamente. Outros têm controles deslizantes que podem fornecer ajuste fino. Por fim, cada filtro pode ser empilhado com outros.
Desenhar
Selecionar a opção Desenhar permitirá desenhar livremente em seu design.
Clicar nela abre o painel Desenhar no Menu Lateral:
Aqui, você terá algumas opções:
- Parar de Desenhar - Mantém o painel Desenhar aberto, mas permite que ajustes sejam feitos na imagem. Quando clicado, isso mudará para Começar a Desenhar.
- Tipo de Pincel - Seleciona qual tipo de pincel usar ao desenhar.
- Tamanho do Pincel - Permite personalizar o tamanho do seu pincel.
- Cor do Pincel - Selecione a cor do pincel de um conjunto de cores padrão ou através do seletor de cores.
Uma vez que as opções desejadas tenham sido selecionadas, você pode desenhar o que quiser no design:
Estes elementos desenhados podem ser selecionados e editados como qualquer outro elemento do design.
Redimensionar
Selecionar a opção Redimensionar permite alterar o tamanho do design.
Clicar nela abrirá a área Redimensionar no Menu Lateral:
Aqui, você terá algumas opções:
- Orientação - Alternar entre orientação Paisagem e Retrato.
- Novo Tamanho - Permite alterar a largura e altura do design. Os números padrão ou personalizados trocarão para ajustar-se à orientação selecionada.
- Manter Proporção - Quando marcado, qualquer alteração na largura ou altura será espelhada pelo outro valor.
- Usar Porcentagens - Muda os valores de largura e altura de pixels para porcentagens. Desabilitará as seleções de orientação.
- Redimensionar Apenas o Tamanho da Tela - Quando marcado, alterará apenas o tamanho da tela, não qualquer um dos elementos presentes no design. Se não estiver marcado, todos os elementos do design serão redimensionados para corresponder à tela.
Depois de fazer os ajustes desejados, clique no botão Redimensionar e seu design será redimensionado.
Animar
Selecionar o botão Animar permitirá adicionar animações aos elementos do seu design.
Clicar nele abrirá a área Animar no Menu Lateral:
Para adicionar animações, você precisará selecionar um elemento do seu design. Então, clique em Adicionar:
Há inúmeras opções para adicionar Animações ao seu design. Para mais informações sobre isso, consulte nosso artigo Animações.
Visualizar e Enviar para Telas
Estas opções permitem Visualizar como o design ficará quando exibido em uma tela, ou imediatamente enviar o design para uma tela.
Visualizar
O botão Visualizar mostrará como seu design ficará se enviado para uma tela.
Por favor, note que esta Visualização pode ser ligeiramente diferente do que realmente aparecerá, dependendo do hardware que você está usando para executar o OptiSigns e vários outros fatores.
Enviar para Telas
Aqui, você pode atribuir o ativo a uma tela ou tag. Para mais informações, consulte nosso artigo sobre Enviar Conteúdos para suas Telas.
Fechar
Clicar no botão Fechar fechará o design. Se este botão for clicado antes do design ter sido salvo, o seguinte pop-up aparecerá:
Isso lhe dá a opção de Continuar Editando, Descartar Alterações ou Salvar Alterações e fechar.
Desfazer/Refazer
A opção Desfazer faz exatamente o que diz - desfaz a última ação. Se este botão for pressionado por engano, o botão Refazer corrigirá isso.
| NOTA |
| O comando Desfazer também pode ser executado usando CTRL+Z em uma máquina Windows ou Cmd+Z em um Mac. Refazer pode ser executado usando CTRL+Y no Windows ou Cmd+SHIFT+Z no Mac. |
Barra de Ferramentas - Posicionamento
A Barra de Ferramentas à direita é usada principalmente para posicionar elementos do seu design através das funções Zoom, Camada, Histórico e Ferramenta Mão.
Zoom
Mostra o nível de Zoom no design. Pode ser ajustado com os botões '+' ou '-'.
Pode ser ajustado com os botões '+' ou '-'.
Camadas
O botão Camadas permite alterar a disposição em camadas dos elementos no seu design.
Quando clicado, abrirá a janela Posição no Menu Lateral, na aba Camadas.
Aqui, os diferentes elementos do seu design serão organizados da camada superior para a camada inferior. Eles podem ser arrastados e soltos para reorganizar as camadas, assim:
Observe que os widgets não podem ser reorganizados e sempre serão sobrepostos no topo do design.
Histórico
Selecionar o botão Histórico permitirá visualizar o histórico de todas as alterações feitas no design.
Clicar nele abrirá a janela Posição no Menu Lateral na aba Histórico:
Isso exibirá as ações realizadas em ordem descendente, desde como o design estava quando foi aberto pela primeira vez até cada alteração individual. Clicar em cada uma trará o design de volta a esse ponto:
Por favor, note que a aba Histórico será limpa cada vez que o design for fechado e reaberto.
Ferramenta Mão
Selecionar a Ferramenta Mão permitirá mover o design inteiro em vez de apenas elementos individuais dele.
Quando selecionado, o ícone da ferramenta mão ficará verde e seu cursor mudará para uma mão. A tela pode então ser movida:
Menu Lateral - Funções Adicionais
O Menu Lateral é onde a maioria das Funções Adicionais do aplicativo OptiSigns Designer estão localizadas.
Essas funções são o que permite transformar seu design de uma imagem simples e estática em sinalização dinâmica com:
- Nossa vasta Biblioteca de Templates
- Seus Templates e Componentes
- Widgets
- Fotos, GIFs, Stickers / Emojis e Códigos QR
- Fontes de Dados Dinâmicas e Repetidores com OptiSync
- Texto
- Formas e Elementos
- Kit de Marca
Cada uma dessas funções principais é abordada em mais detalhes em seus respectivos artigos, vinculados acima.
Alternando entre Designer 2.0 e Designer 1.0
Para voltar à versão antiga 1.0 do Designer, basta clicar no botão Usar Designer 1.0 no canto superior direito da tela.
| NOTA |
| O Designer 1.0 está planejado para ser descontinuado até o final de 2025, e todos os designs criados daqui em diante usarão o Designer 2.0. |
É isso aí!
OptiSigns é líder em software de sinalização digital. Se você tiver perguntas adicionais, preocupações ou qualquer feedback sobre o OptiSigns, sinta-se à vontade para entrar em contato com nossa equipe de suporte em support@optisigns.com.