Para acessar o editor de imagens, basta ir a Design –Imagens e Animações – Opção Design.
![](https://www.gxportal.com/media/images/abrireditorimagenes.png?timestamp=20170913143657)
Ou a partir de um portlet de Imagens, Imagem ou Slider, pressionando o seguinte botão:
![](https://www.gxportal.com/media/images/botoneditorimagenes.png?timestamp=20170913143657)
Se acessarmos o editor com essa opção, em um portlet Galeria de Imagens ou Slider, serão abertas todas as imagens que este apresenta e isso será útil se quisermos que as imagens tenham os mesmos efeitos, bordas, cores, tamanhos etc.
As ferramentas fixas na barra superior do editor,
![](https://www.gxportal.com/media/images/barrasuperioreditor.png?timestamp=20170913143658)
permitem-nos:
Abrir uma nova imagem
Salvar as alterações
Fechar a imagem selecionada
Desfazer as alterações
Refazê-las
Aumentar/Reduzir o zoom
Alinhar imagens (habilita-se selecionando mais de uma imagem)
Os possíveis alinhamentos são:
Contra os lados (esquerdo
![](https://www.gxportal.com/media/images/izquierda.png?timestamp=20170913143659)
, dereito
![](https://www.gxportal.com/media/images/derecha.png?timestamp=20170913143659)
, superior
![](https://www.gxportal.com/media/images/superior.png?timestamp=20170913143700)
ou inferiror
![](https://www.gxportal.com/media/images/inferior.png?timestamp=20170913143700)
)
Centralizadas (horizontal
ou verticalmente
)
Frente a frente (horizontal
ou verticalmente
)
Mudar a ordem de superposição das imagens.
Para modificar a ordem, pode-se colocar uma imagem:
Acima de todas
Um nivel acima
Um nivel abaixo
Abaixo de todas
![](https://www.gxportal.com/media/images/config.png?timestamp=20170913143701)
Na barra lateral do editor,
![](https://www.gxportal.com/media/images/barra-lateral.png?timestamp=20170913143702)
estão as ferramentas de edição de imagens, algumas destas acrescentam opções na barra superior.
O que podemos fazer com cada uma?
Selecionar e mover as imagens no editor
![](https://www.gxportal.com/media/images/resize2.png?timestamp=20170913143702)
Mudar o tamanho
Permite modificar a largura, a altura e fixar a relação entre ambas.
![](https://www.gxportal.com/media/images/crop2.png?timestamp=20170913143702)
Selecionar uma área de uma imagem e descartar tudo o que tiver fora.
Na barra superior vemos o tamanho e localização da área selecionada.
![](https://www.gxportal.com/media/images/rotate2.png?timestamp=20170913143703)
Rotacionar a imagem selecionada.
Opções: 90°Dir, 90° Esq, 180°, inverter no eixo horizontal, inverter no eixo vertical.
![](https://www.gxportal.com/media/images/dropper2.png?timestamp=20170913143703)
Escolher uma cor dos pixels de uma imagem e salvá-la nas cores do site.
Na barra superior, vemos os níveis RGBA (canais red, green, blue, alpha) da cor selecionada.
![](https://www.gxportal.com/media/images/corners2.png?timestamp=20170913143704)
Modificar os vértices
Opções: arredondado, arredondado invertido, bisel e moldura. Também podemos definir o tamanho e a cor de fundo dos vértices.
![](https://www.gxportal.com/media/images/borders2.png?timestamp=20170913143704)
Adicionar um contorno
Na barra superior, odemos escolher a largura do contorno em cada lado ea cor da borda.
![](https://www.gxportal.com/media/images/color2.png?timestamp=20170913143704)
Aplicar diferentes efeitos de fotografia.
Podemos escolher entre preto e branco, escalas de cinza, sépia e invertido. Também é possível definir a intensidade do efeito.
![](https://www.gxportal.com/media/images/map2.png?timestamp=20170913143705)
Criar links em diferentes áreas.
Na barra superior, podemos escolher que forma terá a forma área do link, escrever o texto do tooltip e a URL do link (ou selecionar um link catalogado) e definir como queremos que se abra o link (janela atual, primária, nova).
![](https://www.gxportal.com/media/images/format2.png?timestamp=20170913143705)
Escolher em que formato será salva no site.
Opções: JPG, GIF e PNG (a qualidade pode ser definida apenas para o formato JPG).
![](https://www.gxportal.com/media/images/merge2.png?timestamp=20170913143705)
Combinar imagens (habilita-se selecionando mais de uma)
Na barra superior, vemos o tamanho final e podemos selecionar a cor do fundo.
NOTAS:
NOTAS:
Qualquer mudança que se faça, deve-se aplicar ( ) para que fique salva ao mudar de ferramenta.
Para selecionar mais de uma imagem, deve-se manter pressionado CTRL e clicar sobre elas.
Vídeo de demonstração:
Editor de imagem