Fatos principais
- Categoria
- Media
- Tipos de entrada
- file, range, select, text, number
- Tipo de saída
- file
- Cobertura de amostras
- 4
- API disponível
- Yes
Visão geral
A ferramenta Matriz Composta de Imagem permite aplicar transformações geométricas complexas em seus arquivos, combinando escalamento, rotação e cisalhamento através da multiplicação de matrizes de transformação.
Quando usar
- •Para criar efeitos visuais geométricos personalizados em imagens.
- •Para realizar ajustes precisos de perspectiva e distorção em design gráfico.
- •Para fins educacionais ao demonstrar como diferentes operações matriciais afetam a geometria de uma imagem.
Como funciona
- •Carregue o arquivo de imagem desejado nos formatos suportados como PNG, JPEG ou WebP.
- •Ajuste os controles deslizantes para definir os fatores de escalonamento, o ângulo de rotação e os níveis de cisalhamento horizontal e vertical.
- •Selecione a ordem de aplicação das transformações, pois a multiplicação de matrizes não é comutativa e altera o resultado final.
- •Configure o formato de saída e a cor de fundo para áreas transparentes, processando a imagem com a qualidade desejada.
Casos de uso
Exemplos
1. Efeito de Perspectiva Inclinada
Designer Gráfico- Contexto
- Necessidade de criar um efeito de inclinação lateral para um banner promocional.
- Problema
- A imagem original está reta e precisa de um cisalhamento horizontal para parecer que está em perspectiva.
- Como usar
- Carregue a imagem, defina o Cisalhamento X para 0.5 e mantenha os outros valores padrão.
- Configuração de exemplo
-
shearX: 0.5, scaleX: 1.0, scaleY: 1.0, angle: 0 - Resultado
- A imagem é processada com uma inclinação horizontal, criando um efeito de profundidade lateral.
2. Rotação e Redimensionamento
Estudante de Computação- Contexto
- Estudo sobre como a ordem das operações afeta a posição final de um objeto em uma matriz.
- Problema
- Visualizar a diferença entre rotacionar antes de escalar versus escalar antes de rotacionar.
- Como usar
- Selecione a ordem 'rotate-scale-shear' e compare com 'scale-rotate-shear' usando os mesmos valores de entrada.
- Configuração de exemplo
-
angle: 45, scaleX: 1.5, scaleY: 1.5, transformOrder: 'rotate-scale-shear' - Resultado
- A ferramenta gera duas imagens distintas, permitindo a análise visual da não-comutatividade das matrizes.
Testar com amostras
image, png, jpgHubs relacionados
FAQ
O que significa a ordem de transformação?
Como as matrizes de transformação são multiplicadas, a ordem em que você aplica o escalamento, a rotação e o cisalhamento altera significativamente o resultado final da imagem.
Quais formatos de arquivo são suportados?
Você pode carregar arquivos JPEG, PNG, WebP, GIF, BMP e TIFF.
Como lidar com áreas transparentes após a transformação?
Você pode definir uma cor de fundo específica no campo 'Cor de Fundo' ou manter como 'transparent' se o formato de saída escolhido suportar canal alfa, como o PNG.
A qualidade da imagem é reduzida?
Ao usar formatos com perda como JPEG ou WebP, você pode ajustar o controle de qualidade de 1 a 100 para equilibrar o tamanho do arquivo e a fidelidade visual.
Posso aplicar apenas uma transformação?
Sim, basta manter os valores dos outros parâmetros nos seus estados padrão (ex: 1.0 para escala, 0 para rotação e cisalhamento).