- Cheat Sheets
- Deals and Free Stuff
All posts by
Over the years, many students have told me they hated the Pen tool, or they hated Photoshop’s Pen tool. My answer was and remains: “You don’t have to love the Pen tool. You have to master it.”
Photoshop is known as an image editing and manipulation application. Since the advent of the world wide web, it’s become a powerful website prototyping and design tool. Although Photoshop’s type design features aren’t as robust as those in Illustrator and InDesign, it’s type tools are good, and improving. Type isn’t the only vector toolset in Photoshop, however.
Refreshed, revised, or a new from scratch, at some point every business wants a logo. However, most small businesses seem to settle for poor, or ill-conceived marks that do not properly represent their brand.
In almost all cases using Photoshop filters or third party plugins alone won’t turn a photograph into a digital painting. With some finesse and finagling, however, we can get pretty close. Today we’re going to combine filters, layer blends and some masks to give our photo a painted look with Surface Blur, Cutout and Poster Edges.
Filters, whether they’re native to Photoshop, or purchased add-ons such as those provided by Topaz, or OnOne, are designed to supplement your design workflow, not become it. Filters can provide creative inspiration, too, but, as I see it, their main function is to replace lengthy, tedious tasks.
Our online creative community has a long history of sharing resources such as Photoshop brushes. Prior to writing this piece, I scanned my massive PS brushes folder. My oldest brushes date back to 2001. All of them were free downloads from generous creatives wanting to share with other users.
I introduced you to using Google Fonts on your website in my last tutorial. Today we’re going to discuss serving up your own web fonts using the @font-face rule.
Note: This article assumes you are somewhat familiar with typographic terms. You should also be familiar with scripting HTML and CSS, as you need to paste a few lines of code into the web page’s header, and set a font-family rule in CSS. In the web’s early days web designers used only web-safe fonts, because they were almost certainly available on most home computers.
In the previous article I showed you how to optimize JPGs for the web. In this tutorial I show you how to create GIF, PNG-8 and PNG-24 files. While the method is similar, results differ in terms of file size, colour reproduction and even usefulness.