- July 27th, 2010
- 170 Comments
Mastering Photoshop for Web Design is the third book in our eBook series, and it’s definitely the best eBook we’ve published so far. It was written from scratch by our regular writer Thomas Giannattasio, exclusively for Smashing Magazine and its readers. We are very proud of the result, in particular because of the high quality of tips, ideas and techniques that Thomas — who is a deep expert in Adobe Photoshop — presents in his book.
Update (January 2013): The e-book is now available for $4.99 (€4.49)
Mastering Photoshop is written for advanced and intermediate designers who want to brush up on their workflow and improve their Photoshop skills. The eBook contains 178 pages, explaining fundamental techniques that Web designers need to know to produce high-quality work in Photoshop. You won’t find any generic step-by-step tutorials or learn random effects. You will gain a profound understanding of what you can do with Photoshop and how to use it effectively in your work.
All chapters have undergone a careful technical review by well-known designer, illustrator and speaker Elliot Jay Stocks2. The book was proofread by our regular proofreader Andrew Lobo, and it has an attractive layout. The PDF can be printed and read on all devices.
Thomas Giannattasio is an interactive designer who resides in the Washington DC metro area. He specializes in Web design and front-end development, particularly art direction, website design and application design, and has 14 years of experience. Thomas cares strongly about typography, simplicity and user experience. He works as a senior designer for a global marketing firm and freelances under the name attasi.
Thomas’ articles on Smashing Magazine prove his expertise in Photoshop: The Ails of Typographic Anti-Aliasing3 and Unknown Photoshop Tricks and Time-Savers4 are two of the most useful Photoshop-related articles that Smashing Magazine has published over the years.
The Expert’s Opinion
“Photoshop is a powerful tool, and although the basics can be easy to grasp, mastering the application can be extremely difficult. This is where Mastering Photoshop comes in: it takes readers through the app in depth and relates all tasks back to the creative process. There’s much to learn in here, for beginners and experts alike.”
— Elliot Jay Stocks, designer, illustrator and speaker
The eBook, in PDF, ePUB and Mobipocket format, is ideal for archiving, for armchair or mobile reading (including the iPad and iPhone via iBooks and other apps) and of course for printing. You can order your copy of Mastering Photoshop for just $19,905 (or €16.95 if you live in the EU) starting now and exclusively in our Smashing Shop.
The book contains eight chapters:
- Color Management
Colors can appear lighter or darker, more or less saturated, cooler or warmer, or just plain wrong depending on the user’s environment. This can be quite a problem, especially with a client’s brand-specific colors. As Web designers, our responsibility is to ensure that the experiences we craft are as true to the original as possible.
While Illustrator’s vector tools are much more powerful, Photoshop’s benefit lies in its ability to blend vector and raster data together seamlessly. Because Photoshop documents are based on a pixel grid, the path tools in Photoshop make them superior to Illustrator for designing on-screen media.
- Layer Styles
Layer Styles are essential to creating flexible and non-degradable documents, because they’re separated from the layer’s actual content. In this chapter, we’ll cover how to create great-looking and reusable styles. We’ll also cover some unique effects and non-typical uses that help to consolidate excess layers.
Mastering the digital brush is by no means easy. It carries the same difficulties as the sable brush hidden at the bottom of your art bin. In fact, the difficulty is multiplied by the disconnect between the hand and monitor. Developing Photoshop brush skill takes time, but it is well worth the effort.
While the majority of type on the Web is rendered by HTML, Photoshop is still necessary to handle treatment beyond the grasp of CSS. In this chapter, we’ll explore Photoshop’s type tools and discover ways to maximize the software’s typesetting capabilities.
A photograph — especially of the human face — immediately draws the user’s attention and can be used to direct eye flow to important areas of the page. Placing a large photograph above the fold is a common way to provide an entry point to the content. Because photographs are high above other elements in the hierarchy, they need to be handled with care and precision.
Once you’ve polished every last pixel, it’s time to get your work into the browser. This is a pretty straightforward process, but properly optimizing your images is crucial. You need to maintain a balance between clarity and download speed. This requires multiple formats, varying levels of compression and other optimization techniques. In this chapter, we’ll explore the workflow of exporting images via the “Save for Web and Devices” dialog.
Sample Chapter and Screenshots
Motivation behind the book
In the foreword, Thomas describes his motivation:
“This book was written in the hope of filling a gap — a gap that has existed for as long as designers have been using Photoshop for Web design; a gap that we so often fill with tutorials focused on the latest trends and on inspiration galleries that are quickly browsed and forgotten; a gap that is growing as quickly as our technologies. It’s a gap of foundation.
The fast pace of the Internet has focused us on the latest and greatest techniques, which typically have a lifespan of only a few months. Rarely do we focus on the fundamentals — the principles that outlive the trends. Unfortunately, the principles often appeal to us less than the shiny and new.
Photoshop tutorials offer quick results. They hold our hands step by step until something incredible appears, but they rarely explain in depth the principles that allow us to create something unique and incredible of our own. If you’re a beginner, I hope this book gives you the comprehension you need to bring your ideas to life. If you’re a veteran, I hope it unveils some of the mysteries that have always boggled you.”
The book is not protected by DRM and is available exclusively in the Smashing Shop. Please respect our work and the hard effort of our writer. If you received this book from a source other than the Smashing Shop, please support us by purchasing your copy in our online store.
- 1 https://shop.smashingmagazine.com/mastering-photoshop-1.html
- 2 http://elliotjaystocks.com/
- 3 ../2009/11/02/the-ails-of-typographic-anti-aliasing/
- 4 ../2010/01/20/obscure-adobe-photoshop-time-savers/
- 5 https://shop.smashingmagazine.com/smashingbook-dispatcher.php?d=smashing-ebook-mastering-photoshop
- 6 https://shop.smashingmagazine.com/mastering-photoshop-1.html
- 7 https://shop.smashingmagazine.com/smashingbook-dispatcher.php?d=smashing-ebook-mastering-photoshop
- 8 http://www.smashingmagazine.com/wp-content/uploads/2010/07/excerpt.pdf
- 9 http://www.smashingmagazine.com/wp-content/uploads/2010/07/preview-2-large.jpg
- 10 http://www.smashingmagazine.com/wp-content/uploads/2010/07/preview-2-large.jpg
- 11 http://www.smashingmagazine.com/wp-content/uploads/2010/07/preview-3-large.jpg
- 12 http://www.smashingmagazine.com/wp-content/uploads/2010/07/preview-3-large.jpg
- 13 http://www.smashingmagazine.com/wp-content/uploads/2010/07/preview-5-large.jpg
- 14 http://www.smashingmagazine.com/wp-content/uploads/2010/07/preview-5-large.jpg
- 15 https://shop.smashingmagazine.com/mastering-photoshop-1.html