# Image Shear Apply shear transformation to create slanted or skewed images. Visualize shear matrices and see how they distort the image geometry. > Canonical page: https://elysiatools.com/en/tools/image-shear - **Category:** Media - **Keywords:** image, shear, skew, transform, matrix, slant, distort, geometry, horizontal, vertical ## Overview The Image Shear tool allows you to apply precise geometric transformations to your images, enabling you to create slanted or skewed effects by manipulating horizontal and vertical shear factors. ## Inputs - **Image File** (file): Upload any image file (JPEG, PNG, WebP, GIF, BMP, TIFF) for shear transformation - **Shear X (Horizontal)** (range): Horizontal shear factor (-2.0 to 2.0, 0 = no shear, positive = rightward tilt) - **Shear Y (Vertical)** (range): Vertical shear factor (-2.0 to 2.0, 0 = no shear, positive = downward tilt) - **Background Color** (text): Background color for transparent areas (hex #RRGGBB or #RRGGBBAA, or color name) - **Output Format** (select): Choose output format or keep original. PNG recommended for transparency - **Quality (1-100)** (number): Output quality for lossy formats (JPEG, WebP). Higher = better quality but larger file size ## When to use - When you need to correct perspective distortion in architectural or scanned images. - When creating stylized graphic design elements that require a slanted or italicized look. - When preparing assets for 3D mapping or specific UI layouts that demand non-rectangular geometry. ## How it works - Upload your image file in any supported format like PNG, JPEG, or WebP. - Adjust the horizontal and vertical shear sliders to define the intensity and direction of the distortion. - Set a background color for areas exposed by the transformation and choose your preferred output format. - Process the image to apply the matrix transformation and download your newly skewed result. ## Use cases - Correcting skewed document scans to restore proper alignment. - Generating dynamic, slanted text or logo effects for marketing banners. - Creating custom geometric shapes for web design backgrounds. ## Frequently asked questions ### What is image shearing? Shearing is a geometric transformation that slides one part of an image in a specific direction, creating a slanted or skewed appearance without changing the image's area. ### Can I keep the background transparent? Yes, by setting the background color to 'transparent' and choosing PNG as your output format, you can maintain transparency in the newly created empty areas. ### What do the shear factors represent? The factors range from -2.0 to 2.0. A value of 0 means no shear, while positive or negative values determine the degree and direction of the slant. ### Will my image quality degrade? If you choose a lossy format like JPEG or WebP, you can adjust the quality slider from 1 to 100 to balance file size and visual fidelity. ### Are there limits on the file size? Yes, the tool supports image files up to 10MB to ensure efficient processing and performance. ## Related tools - [Image Composite Matrix](https://elysiatools.com/en/tools/image-composite-matrix): Apply composite transformation by combining multiple basic transformations (scaling, rotation, shearing). See how transformation matrices multiply and create complex effects. - [Image Custom Matrix](https://elysiatools.com/en/tools/image-custom-matrix): Apply custom 2x2 transformation matrix to images. Input any four matrix values \[a, b; c, d\] to create unique transformations. Great for learning linear algebra and image processing. - [Batch Image Convert](https://elysiatools.com/en/tools/batch-convert): Convert multiple images to different formats with quality settings and batch processing - [Image Rotation Matrix](https://elysiatools.com/en/tools/image-rotation-matrix): Apply rotation transformation using rotation matrix mathematics. See the 2x2 rotation matrix in action and understand the trigonometric principles behind image rotation. - [Image Scaling](https://elysiatools.com/en/tools/image-scaling): Apply scaling transformation to images with visual matrix representation. Supports uniform and non-uniform scaling with real-time preview. - [Image Translation](https://elysiatools.com/en/tools/image-translation): Apply translation transformation to move images horizontally and vertically. Visualize the translation matrix and see how pixel coordinates shift. - [Image Affine Transformation](https://elysiatools.com/en/tools/image-affine): Apply affine transformation for scaling, rotation, shearing, and translation - [Image Boolean AND](https://elysiatools.com/en/tools/image-boolean-and): Apply bitwise AND operation between two images to create intersection mask ## Samples - [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion - [Web Image Processing TypeScript Samples](https://elysiatools.com/en/samples/web-image-processing-typescript): Web TypeScript image processing examples including image read/save, scaling, and format conversion - [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion - [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion ## Related content - [Image Geometry Transform Tools](https://elysiatools.com/en/hubs/image-geometry-transform-tools): Choose rotation, flip, crop, affine, perspective, scale, or padding transforms and verify framing, dimensions, orientation, and clean transparent or background edges.