Photoshop Tutorials

There are 19 articles tagged with Photoshop

Browse by tag

Sort by:

  • Make a CSS animated sprite in Photoshop

    With new CSS features come opportunities to animate without the need for script. Sam Hampton-Smith demonstrates how to produce a retro gaming-inspired sprite
    By Sam Hampton-smith on

  • Make wireframes in Photoshop CS6

    In an exclusive excerpt from SitePoint's Photoshop CS6 Unlocked (the second edition of The Photoshop Anthology) Corrie Haffly hows us how to make website wireframes using Photoshop CS6

  • Design the perfect footer in Photoshop

    Just because it’s at the bottom of the screen doesn’t mean it isn’t vital for creating an informative and stylish homepage. Elliot Jay Stocks shows us how
    By Elliot Jay Stocks on | 2 comments

  • Building a parallax scrolling storytelling framework

    Stevan Živadinović, the brains behind multi-plane side-scroller web comic Hobo Lobo of Hamelin, walks us through the development of the Parallaxer platform and gives a crash course on turning pencil drawings into transparent-background assets
    By Stevan živadinović on | 3 comments

  • Create a web icon

    A cool icon can make the difference between success and failure for your site. Bolivian web developer and graphic designer Alvaro Guzman explains how to create one

  • Photoshop texture tutorial

    Background textures are an easy way to make colours more interesting. Paravel’s Reagan Ray shows you how to get them on your site using Photoshop, CSS and HTML

  • Photoshop lomo: a beginner's guide

    Vignetting, noise and colour saturation are all image imperfections you normally hope to avoid, but not when it comes to lomography. With Photoshop, lomo is just a few steps away, as we show you here
    By Craig Grannell on

  • PNG guide

    Craig Grannell delves into the underused but useful Portable Network Graphics (PNG) format, showing you how it can bring flexibility and visual impact to your websites
    By Craig Grannell on | 1 comment

  • Page header design in Photoshop

    Create the perfect homepage header design in Photoshop, then learn how to code it up with HTML and CSS
    By Elliot Jay Stocks on

  • Kinetic typography techniques with After Effects

    Creative director and motion graphic artist Angie Taylor (@theangietaylor) shows how to use Photoshop and Adobe After Effects for kinetic typography - combining text and motion to express ideas in the form of animation
    By Angie Taylor on

  • Create an awesome cinemagraph in Photoshop

    Robbie Dickson, senior editor at Heehaw Digital, takes you step by step through the process of creating a cinemagraph, the next generation of web based animated photography
    By Robbie Dickson on | 7 comments

  • Create a set of beautiful social media buttons

    With huge attention to the subtle details, Rob Hampson (lead designer at Slipstream) takes you through the stages of using Photoshop to create a set of beautiful social media buttons and their fellow rollovers, with plenty of tips along the way
    By Rob Hampson on | 7 comments

  • How to make a super simple animated background

    Designer, illustrator and .net Awards nominee Mike Kus explains how he built our latest 404 page and how you too can make a very simple background with an animated GIF using Photoshop and a sprinkle of CSS

  • Create a 3D gamepad icon with Photoshop and Illustrator

    Dmitry Tsozik, creative director of Russian agency SoftFacade, shows us how to create big 3D vector icons fast and easy in Photoshop, using some techniques that can speed up your work
    By Dmitry Tsozik on

  • Design 100 objects at once in Photoshop

    Having to manually apply the same features to near-identical elements can get tiresome. Fortunately, Dmitry Tsozik has a great trick for generating variants of an object or icon
    By Dmitry Tsozik on
June issue on sale now!

The Week in Web Design

Sign up to our 'Week in Web Design' newsletter!

Hosting Directory
.net digital edition
Treat yourself to our geeky merchandise!