Workflow
Image Compression Compared: AVIF vs WebP vs JPEG XL vs PNG
We encoded a photo and a transparent UI graphic with AVIF, WebP, JPEG XL, JPEG and PNG. Here are the real file…
Tag: photoshop
CSS & HTML
Photo Strip Effect in CSS (No Photoshop Required)
Recreate the classic curved photo film strip with modern CSS: SVG clip-paths, drop-shadow, perspective transforms and gradient highlights, in a responsive component.
Design
Hand-Drawn Design in Photoshop: Turn a Sketch into Artwork
Make scanned pencil drawings behave like ink on a transparent layer with Multiply, selection fills and Blend If, then recreate the effects…
Design
Vector Polishing Techniques: Add Depth, Light and Grain
Five steps that turn flat vector art into rich, atmospheric illustration: coloured light, depth, highlights, particles and grain, in Illustrator, Photoshop and…
Design
Photoshop Shortcuts That Aren’t in the Menus
The Photoshop shortcuts that never appear next to a menu item: marquee, brush, blend mode, layer and workspace tricks with Windows and…