Videos tagged with Photoshop


Adobe CS: Retouching old photos

Adobe CS: Retouching old photos

Posted in Graphics

We’ve all got ‘em. Those old faded, torn, scratched dusty photos that have seen better days. I found such a photo in my grandmother’s house and while most would have just pitched it, I decided to see if I could resurrect it in Adobe Photoshop CS2. While the end result was not perfect (still a work in progress), it’s a million times better than it was and is now in a pres...

Tags: Photoshop, Design, Adobe, Adobe CS




Adobe CS: Creating graphical headers in GoLive CS2

Adobe CS: Creating graphical headers in GoLive CS2

Posted in Graphics

When you’re working on a website, the last thing you feel like doing is creating a separate graphic on every page where you want a header to be. However, if you want to use your own fonts, styles and special effects, you have to do it with a graphic. There would be no guarantee that the viewer of your site would have the same fonts as you do. Using GoLive and Photoshop you can create the ...

Tags: Photoshop, Design, Adobe, Adobe CS, GoLive



CSS-Tricks #22: Cutting Clipping Paths

CSS-Tricks #22: Cutting Clipping Paths

Posted in Graphics, Web Technologies

We're back in Photoshop this week because I wanted to talk a little bit about a very specific skill that I think is important for all designers. That is the Pen Tool and using it to hand-draw clipping paths. There are a variety of ways to make selections in Photoshop, but drawing a real vector path is the most tried-and-true and highest quality way to do so. Mastering this tool will make you a ...

Tags: Photoshop, Design, HTML, CSS, CSS-Tricks





CSS-Tricks #14: Converting a Photoshop Mockup: Part Two, Episode Three

CSS-Tricks #14: Converting a Photoshop Mockup: Part Two, Episode Three

Posted in Graphics, Web Technologies

We wrap up the mockup conversion here in Episode Three. We create the "article area" and the "sidebar" (semantic class naming!), and then we clear the float. We use Firebug to steal the typography from the live CSS-Tricks. Then we fix up the header a little bit in Photoshop and use CSS Image Replacement for the logo.

Tags: Photoshop, Design, HTML, Firebug, CSS, Firefox, CSS-Tricks, Applications



CSS-Tricks #12: Converting a Photoshop Mockup: Part Two, Episode One

CSS-Tricks #12: Converting a Photoshop Mockup: Part Two, Episode One

Posted in Graphics, Web Technologies

There has been LOTS of great feedback on the first series of Converting a Photoshop Mockup into HTML/CSS. So let's do it again! Every website is different will require different conversion technqiues so there will be plenty to learn this time around that will be different from last time. The mockup we will be using here is a mini-version of the current version of CSS-Tricks itself!

Tags: Photoshop, Design, HTML, CSS, CSS-Tricks