Websites are created with Photoshop
Promotions with WordPress .pdf eBook
Promotions with WordPress Fall 2011 Class
You should understand how a WordPress theme is created. It starts with Photoshop.
Then, the Photoshop file is sliced up used to create a static HTML/CSS/JavaScript version of a WordPress theme.
Finally, a dynamic version of the website is created using the WordPress PHP functions and theme files.
This is the kind of work that web designers do, but the more marketers know about this process the better.
We are going to follow a Photoshop mockup tutorial in class. Video tutorials are good for beginners, but there are some cool written tutorials out there too.
Last week of Photoshop! Hopefully you’ve have fun learning Photoshop, using Photoshop for graphics, and using Photoshop for photographs.
Chris Coyier Photoshop Mockup Video Tutorials
- lynda.com/WordPress-3-tutorials/creating-and-editing-custom-themes/67160-2.html
- css-tricks.com/video-screencasts/71-building-a-website-photoshop-mockup
- css-tricks.com/video-screencasts/16-creating-the-photoshop-mockup
Chapter 1 of Chris Coyier’s WordPress 3: Creating and Editing Custom Themes series starts with a Photoshop mockup.
CSS-Tricks has cool Photoshop mockup video tutorials.
Chris Coyier’s Lynda.com tutorial series has a portion on Photoshop mockups.
Webdesigntuts+ Photoshop Mockup Video Tutorials
- webdesign.tutsplus.com/tutorials/basics-create-a-clean-magazine-blog-theme-day-1-design
- webdesign.tutsplus.com/tutorials/create-a-sleek-corporate-web-design-part-13
Webdesigntuts+ has great free Photoshop mockup video tutorials.
Webdesigntuts+ Photoshop Mockup Written Tutorials
- webdesign.tutsplus.com/tutorials/complete-websites/create-a-dark-clean-website-design-in-adobe-photoshop-free-psd
- webdesign.tutsplus.com/tutorials/complete-websites/design-and-develop-a-complete-website-a-tuts-mini-series-pt-1
- webdesign.tutsplus.com/tutorials/complete-websites/design-a-sleek-dark-mobile-app-website
Webdesigntuts+ has great free Photoshop mockup written tutorials too.
Search for some more Photoshop mockup tutorials in the category webdesign.tutsplus.com/category/tutorials/complete-websites
