photoshop header tutorials tutorial photoshop blogspot,tutorial blog, brushes blog good tutorials,marquee tool blog layout , drop shadow
Using photoshop to design layouts
Monday September 8, 2008
Sometimes, I get so caught up in teaching people how to build websites, that I forget to talk about how you might figure out a design to build. One of the popular tools for prototyping is Photoshop. I use a combination of Photoshop and Fireworks to build my designs. I use Photoshop for the initial designs and all graphics, then I use Fireworks to slice up the page into graphical and HTML elements. Finally, I move into Dreamweaver to get the HTML, CSS, and JavaScript just right. Then today, I found this article on BulletProofBox that I thought was really helpful: 9 Essential Photoshop Web Design Tutorials. It starts out with some templates in Photoshop (including an interesting portfolio one) and moves on to tutorials explaining how to use Photoshop for Web design. Nice!
blogging, blogger,blogspot,make money from blog
* Comments (6)
* See All Posts
* Prev
* Next
blogging, blogger,blogspot,make money from blog
Leave a Comment
Comments
September 8, 2008 at 4:27 pm
(1) Wardell says:
Is there and advantage, in thin slices on the design in Firworks instead of Photoshop, or is it just a personal preference?
September 8, 2008 at 5:24 pm
(2) Jennifer Kyrnin says:
blogging, blogger,blogspot,make money from blog
To be honest, I think there is no significant difference. Just when I was, I started the workflow, Photoshop and slice the image, Dreamweaver, and there was no way of another HTML editor connections. This is a good point mentioned. If I need Fireworks CS4 when out (late September, yay!) I think we'll be.
September 8, 2008 at 9:07 pm
(3) wsamoht says:
What is an illustrator? Since the vector program, you simply have not created the layout? I was quite a while, we need a change when there is pain, GIMP has been used. What you opinion?
September 9, 2008 at 5:05 am
(4) Riann says:
I use in Photoshop and Illustrator. I think it is right you want with your design to be. I have never satisfied with the lines and forms, like Photoshop. Because all have to take into account the "Web 2.0? I started using illustrations but also because I seem to get faster test results.
September 9, 2008 at 6:59 am
(5) Shreyasee says:
I broadly to any website design, Photoshop is using the final template, then use htmlize Jenifapeji proposed and slice.
October 1, 2008 at 11:18 pm
(6) Web Design Contests says:
You can also use as psd2html.com service for you to take a Photoshop file, and complete all of the HTML and you slice.
Alec
DesignBay
Leave a Comment
Leave a Comment
Name Email never (displayed) URL Your Comment
* Cornelia - Member Profile
Posted in: javascript tutorial| Tags: Blog design html money tutorial blogspot blogger photoshop september fireworks