New Screencast: Creating a Photoshop Web Mockup
This episode is a prequal to episodes 12, 13, and 14. We go back to a blank Photoshop document and re-create it. There is no HTML/CSS in this episode, just pure Photoshop work.
I’m sorry about the volume level on this one. The quality is OK but the volume is just too low, you’ll have to turn it up pretty loud for this one. This week I also tried experimenting with having the video in .m4v format at first. This is like the iTunes native format so it will work better with AppleTV and other devices. The compression and quality were good, but I couldn’t get it to play on the web. Also, the only way to get it into that format is to use an un-changeable built-in setting in Stomp, so the size would have had to change. I’m thinking somewhere around episode #50 I’ll have all this figured out =P
Loading ...
1
Chris,
great video, even if the volume is not as loud as it should be. Nice to see how you create your web page using Photoshop, don’t have it yet.
I ran across psd2cssonlne. com and tried that on your mockup PSD file. Sure does not work efficiently, and does not always work. On your mockup PSD, it just created mumbo-jumbo,
even though one of the images does show the page as it should be.
Keep up the good work,
Al
Comment by Al — May 1, 2008 @ 8:00 am
2
LOL @ #50… I’m sure you’ll get it before then.
Thanks for the videos! They are much appreciated.
Comment by Erika — May 1, 2008 @ 9:04 am
3
As always Chris great work
Have you thought about using Vimeo or Divx to host your video’s as there compressions are rediculously good and the file sizes are tiny
B
Comment by Benn — May 1, 2008 @ 10:12 am
4
@Benn: I do like Vimeo, but I need to be able to offer up the videos as self-sustaining downloadable videos so it can be a “podcast”, as well as play the videos on my own site. Not sure if any service will be able to help me with those things. Maybe someday.
Comment by Chris Coyier — May 1, 2008 @ 11:29 am
5
hey chris! excellent website with excellent content. very good job! i hope you will do part 4 of the photoshop mockup, as you promised in volume 2 to say more about the on-state of the navigation. would be very cool! greets from switzerland, ben
Comment by ben — May 1, 2008 @ 2:27 pm
6
Hey,
Excellent video I run a web design company and have more of a scripting background so tend to let others work on graphics. This is a really good example to help someone like me have a play around with photoshop and learn about some of the features.
More photoshop videos would be great.
Comment by Matthew Adams — May 1, 2008 @ 4:32 pm
7
Great work, really. Thanks for this great screencast series, I am learning a lot with them. And I really want to learn more
Nice work
Comment by Abel — May 5, 2008 @ 5:21 am