Para ajustar e personalizar a imagem de um template, o HostGator Studio oferece várias ferramentas, que permitem alterar a cor, tamanho, posição, incluir efeitos, links, entre outros.
Confira em detalhes como usar os recursos disponíveis e editar as suas imagens:
1No Portal do Cliente, clique na aba Studio - Pode ser acessado também pela aba "Início" e em seguida, HostGator Studio
2Na tela inicial “HostGator Studio”, escolha o modelo que deseja ou para acessar um que já começou a edição, clique em Projetos e abra o template:
3Na tela do editor, para fazer a edição no projeto, selecione abaixo a opção que deseja:
- Editar imagem - ajustar uma já existente (Ordenar, alinhar, adicionar efeitos, entre outros)
- Adicionar imagem - inserir uma nova imagem ao template
Editar imagem
4No template, clique na Imagem que deseja editar - Para abrir o painel “Ajustes da imagem”
5Abaixo, selecione a opção de edição e confira como fazer:
- Ordenar
- Alinhar
- Definir a transparência
- Trocar imagem
- Adicionar máscara
- Adicionar ícones, formas e GIFs
- Remover fundo da imagem (com consumo de créditos)
- Adicionar efeitos
- Adicionar link
Confira também como:
Ordenar
Define a posição da imagem em relação aos outros elementos que o template possui:
1No painel “Ajustes da imagem”, clique em Ordenar
2Em seguida, clique na opção que deseja:
- Para trás - colocar a imagem atrás de textos ou outras imagens.
- Para frente - colocar a imagem acima dos outros elementos:
Alinhar
Define a posição da imagem em relação ao espaço do template:
1No painel “Ajustes da imagem”, clique em Alinhar
2Em seguida, clique na opção que deseja:
- A) Alinhar à esquerda - a imagem encosta na margem esquerda;
- B) Alinhar ao centro - a imagem fica centralizada na vertical do template;
- C) Alinhar à direita - a imagem encosta na margem direita;
- D) Alinhar ao topo - a imagem encosta na parte de cima da margem;
- E) Alinhar ao centro - a imagem fica centralizada na horizontal do template;
- F) Alinhar ao rodapé - a imagem encosta na parte de baixo da margem:
Definir a transparência
Define o quanto a imagem é visível no template - Parcialmente ou totalmente transparente
1No painel “Ajustes da imagem”, clique em Transparência
2Em seguida, clique no botão, arraste e solte - Até deixar transparente na porcentagem que deseja:
Trocar imagem
Para usar outra imagem disponível na galeria do HostGator Studio.
1No painel “Ajustes da imagem”, clique em Trocar:
2Em seguida, clique na opção que deseja:
- A) Pesquisar imagens - usar uma opção disponível na galeria do editor;
- B) Minhas imagens - usar alguma imagem sua que já tenha inserido em algum projeto e esteja listada aqui ou nos arquivos do seu computador, selecione a imagem, arraste e solte nesta seção.
3Para adicionar no template, clique na imagem escolhida:
Adicionar máscara
Para definir o molde da imagem, que pode ser quadrado, retangular, circular, entre outros.
1No painel de “Ajustes da imagem”, clique no formato que deseja:
- Sem máscara
- Quadrado
- Estrela
- Hexágono
- Circular
- Triângulo
- Losango:
Adicionar efeitos
Para alterar as cores e aspecto da imagem:
1No painel “Ajustes da imagem”, em “Adicionar efeitos”, clique no efeito que deseja:
- A) Remover efeitos - após escolher um filtro, caso queira voltar para a cor original da imagem, clique nesta opção;
- B) Doutone - o efeito deixa a imagem com apenas duas cores - Você escolhe na lista de opções os dois tons que deseja;
- C) Black/White - para deixar toda a imagem com tons de preto e branco;
- D) Desfocado - para a imagem ficar com o aspecto fosco/borrado;
- E) Vintage - para deixar a imagem com aspecto de antiga ou de outra época;
- F) + Filtros - mais opções de filtros são listadas, com diferentes tons e aspectos:
Recortar
Para remover parte das bordas e manter apenas a área que deseja:
1No template, clique na imagem - Para selecionar ela
2Na margem selecionada, clique nos retângulos e arraste até a posição para fazer o recorte:
Alterar o tamanho
Para aumentar ou diminuir o tamanho da imagem dentro do template:
1No template, clique na imagem - Para selecionar ela
2Na margem selecionada, clique nos círculos e arraste até o tamanho que deseja:
Excluir
Para remover a imagem do template:
1No template, clique na imagem - Para selecionar ela
2No painel “Ajuste da imagem”, no canto superior direito, clique no ícone de lixeira: