William Simpson

In this tutorial I’ll teach you how to design your own website in Photoshop. I take you from choosing dimensions to the finished layout. For a tutorial on how to export you layout to Dreamweaver (an html file) go here: http://www.youtube.com/watch?v=Bo0YDe9KzsU&feature=channel_page

For more tutorials in bigger size and a lot of other good photoshop stuff, please visit my website www.photoshop-phreak.110mb.com

Duration : 0:6:19

(more…)

Technorati Tags: adobe, bedava, create, cs, cs3, cs4, CSS, design, dreamweaver, easy, examples, follow, free, frontpage, how, layout, layouts, make, narrated, online, pc, Photo, Photoshop, photoshop-phreak, phreak, software, to, tool, tutorial, Web, webdesign, website

This is a dreamweaver and photoshop website design and development tutorial. I will teach you how to hot link and map images in dreamweaver. How to design a banner and menu bar in photoshop and more!

Follow me:
http://www.twitter.com/EdzJohnson

Music: Kevin MacLeod

Duration : 0:11:31

(more…)

Technorati Tags: adobe, CSS, design, develop, development, dreamweaver, how, HTML, learn, Photoshop, site, to, tutorial, Web, website

www.pixelfolife.com

This is the last time we will see our template in Photoshop.
In this tutorial we will be slicing up the template so we can begin coding it and turn it into a webpage.

You can see the complete series here:
http://www.pixelforlife.com/website-design-tutorial/

Duration : 0:8:37

(more…)

Technorati Tags: at, call, design, duty, game, how, of, pfltuts, Photoshop, pixelforlife, site, slice, template, to, tutorial, war, website, world

www.pixelfolife.com

This is the first part of a “Photoshop Website Design” series.
You can find the project files and other parts of this series at:
http://www.pixelforlife.com/website-design-tutorial/

Duration : 0:10:22

(more…)

Technorati Tags: at, call, design, duty, game, how, of, pfl, pfltuts, Photoshop, pixelforlife, site, to, tutorial, war, website, world

www.pixelfolife.com

This is the first part of a “Photoshop Website Design” series.
You can find the project files and other parts of this series at:
http://www.pixelforlife.com/website-design-tutorial/

Duration : 0:9:44

(more…)

Technorati Tags: at, bar, call, design, duty, game, how, link, nav, navigation, of, pfl, pfltuts, Photoshop, pixelforlife, site, to, tutorial, war, website, world

In this Adobe Photoshop graphics tutorial I will be teaching you how to slice images and use a website menu bar as an example. This tutorial is compatable with Adobe Photoshop CS1, CS2, CS3 & CS4 versions.

Difficulty Level:
Medium/Intermediate

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Duration : 0:5:1

(more…)

Technorati Tags: adobe, bar, cs1, cs2, cs3, cs4, definition, effect, effects, gfx, gradient, graphics, HD, high, HTML, image, layers, lesson, menu, overlay, Photoshop, quality, slice, slicing, text, tutorial, websites

LEARN THE BASICS OF DREAMWEAVER, PHOTOSHOP AND FLASH IN VIDEOS

Duration : 0:6:28

(more…)

Technorati Tags: adobe, creative, design, dreamweaver, easy, flash, LESSONS, Photoshop, QUICK, simple, tutorial, Web

I will be showing you how to create a simple web design in photoshop. There may be a second half to the tutorial on how to code this, but I am not sure yet.

I say a couple times that this video maybe be in many parts because it is such a long video, but I was able to bring it down to one big part.

Duration : 0:45:25

(more…)

Technorati Tags: code, cs2, cs3, cs4, design, graphics, how, howto, HTML, Photoshop, to, tut, tutorial, Web, webdesign

Web Design Tutorial – Nick and James from Creare demonstrate a quick and professional method for web designers of producing prototype web pages for clients. Part one starts in Photoshop with Part 2 & 3 covering Fireworks and Dreamweaver. Find the supporting blog post at:

http://www.crearedesign.co.uk/blog/videos/web-design-prototyping-p1.html

Duration : 0:5:2

(more…)

Technorati Tags: design, dreamweaver, Fireworks, Photoshop, prototype, tutorial, Web, website

http://psd2cssonline.com – In this tutorial we show you how to turn a Photoshop web page design into a functional web page including a button that your viewers can use to purchase goods and services from you. The conversion takes seconds and hooking up the PayPal button only a couple minutes.

Here is the page that was created in the video: http://psd2cssonline.com/tutorials/widgets/index.html

Here is the PSD file used in the video to create that page: http://psd2cssonline.com/tutorials/widgets/widgets_prep.psd

I’d like to mention, even though I keep saying ‘theme’ or ‘template’ throughout the video, it’s just a simple web page – index.html is the only page generated. No software other than your ISPs web server is required to run your online store.

Like what psd2css Online has done for you? Spread the word!
Please feel free to Digg us or write any good words on your favorite social networking sites:
http://digg.com/design/PSD_2_CSS_Online
http://twitter.com
http://delicious.com
http://facebook.com
http://www.stumbleupon.com

Duration : 0:8:5

(more…)

Technorati Tags: buy, convert, CSS, design, easy, ecommerce, fast, gimp, howto, HTML, javascript, online, paypal, Photoshop, psd, purchase, shoppingcart, simple, store, Web, xhtml