Editing Images in Photoshop then Dreamweaver
After designing the header menu graphic in Illustrator, Geoff Blake takes the image into Photoshop before outputting it for his website that he is designing in Dreamweaver.
This video requires Adobe Flash Player.
Visitor Comments »
Comment by Tom | April 21, 2009 @ 11:44 am
Very good lesson. I am a novice to Dreamweaver so this really helped!! Thanks so much.
Comment by Manny | April 22, 2009 @ 2:49 pm
[...] Editing Images in Photoshop then Dreamweaver by Geoff Blake How to create a polished metal text effect using After Effects by Jay Schuh M-ROCK Camera Bags by Mike Mackenzie [...]
Pingback by Artistic Photo Canvas of NYC | Metallic Effects | Layers Magazine | April 23, 2009 @ 11:57 am
I just discovered these tutorials yesterday and so far I have watched several by Geoff Blake. They are by far the best tutorial videos I have seen. His common sense approach without leaving out even the smallest detail make these videos a joy to watch. They are much better than the Adobe site videos. The Adobe site videos give good info, but they don’t explain very well how to get from point A to point B. I guess they think we automatically know what they are talking about and can fill in the blanks ourselves.
Geoff Blake’s tutorials are fantastic for a real beginner to explain how to get a Photoshop layout into Dreamweaver. They are easy to follow and make sense.
Comment by Nancy from Ontario | April 25, 2009 @ 10:05 am
you did that the hard way… especially if you are altering the original image. Since you have fireworks… you should place the image, scale it (while holding shift to hold proportions), then right click on it and choose optimize with fireworks. It opens a dialog box and you hit okay. All done.
The method you used is better fitted for placing a PSD or jpeg file in dreamweaver and then clicking the edit button to actually add items or text to the image. Save the file as the same name as the current jpeg generated by dreamweaver and it will be updated across.
You were concerned with dreamweavers edit options actually altering the image, but that is infact what you did by going into photoshop and then saving out that jpg.
Comment by james | April 27, 2009 @ 5:38 pm
Hi,
Umm,
Question…
How exactly do you move images in Dreamweaver freely? =)
Comment by belle | July 2, 2009 @ 8:35 pm
fireworks is cooler and faster and easier than ps cause it was designed for the web.whiule ps is for photographers mainly.i use both but my choice to do layouts is fireworks no doubts about it.
Comment by patricio | September 30, 2009 @ 7:06 am
Leave us a comment

- Dragging an Object Between Documents
- TV Scanline Effect
- Trick to the Glossy Effect
- 3D Text
- Changing Type on a Path





Photoshop
Illustrator
Indesign
Dreamweaver
Fireworks
Premiere
Flash
After Effects
Lightroom
Acrobat














