Websites » Photoshop

Photoshop Tutorial 1 – Website Banners & Graphical Design

admin — Wed, 14 Jul 2010 20:41:29 +0000

In this Adobe Photoshop graphics tutorial we are going to design a quick and simple website banner with an easy gradient effect and a small glass effect. This tutorial is compatable with Adobe Photoshop CS1, CS2, CS3 & CS4 versions.

Difficulty Level:
Easy/Beginner

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

Follow Me: http://www.twitter.com/edzjohnson

Duration : 0:5:3

[youtube jG8T6O_gl48]

Massive Web Design Tutorial in Photoshop (720p HD)

admin — Sat, 10 Jul 2010 10:18:12 +0000

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

[youtube 6cgL15WSdkg]

Web Design Blog – Making prototype websites in Fireworks #1

admin — Thu, 01 Jul 2010 23:22:22 +0000

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

[youtube 0tDDwvi0R7o]

Photoshop Website Design – Nav Bar

admin — Sun, 27 Jun 2010 05:07:38 +0000

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

[youtube otk9Lgvbykg]

How to Create a Website the Right Way For Beginners Part 1

admin — Sun, 13 Jun 2010 10:07:15 +0000

Learn how to create a website the right way using any tools you like and simple CSS to lay the groundwork. I am using Fireworks CS4 and Dreamweaver CS4 to assemble my awesome power site. I can add Flash, graphics, or any other elements I choose to after I get the design shell made.

Brought to you by Adam @ http://www.developphp.com

Duration : 0:15:40

[youtube hc5RhddlLJE]

Pt 2 – Make Your Website Design using Dreamweaver & Adobe Photoshop 7 from a template

admin — Sat, 27 Mar 2010 16:16:15 +0000

You can create your own web site design using one of our templates from http://www.allreadytemplates.com without having to hire a professional web site designer. Watch this video web design tutorial part 2 of 2.

Duration : 0:7:55

[youtube yXpythyYHBQ]

Adobe Photoshop Website Design Tutorial (Medium Difficulty)

admin — Tue, 16 Mar 2010 00:08:21 +0000

In this video tutorial I will be teaching you how to design a header to your html website, how to slice the photoshop document and how to save it as a website document. I will also teach you how to link the menu bar.

Follow Me:
http://www.twitter.com/edzjohnson

Duration : 0:10:48

[youtube tTLt-D8foQs]

Slice and Export a Website Layout + HTML: Photoshop Tutorial!

admin — Tue, 22 Dec 2009 18:07:35 +0000

Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/photoshop/tutorials/slicingALayout.php

Welcome to this video tutorial! We will learn how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file. We will cover user slices, layer based slices, auto slices, naming slices, assigning links to slices, alternate text for slices, creating multiple slices at one time, previewing our file in a web browser, saving individual slices as gifs or jpgs from the same document, and exporting a fully functional HTML file to go along with all of it. Please enjoy and don’t forget to check out the site http://www.tutvid.com

Duration : 0:21:4

[youtube DVfxe4pqvo8]

Photoshop Tutorial 5 – Website Design, Image Slicing! (HD)

admin — Tue, 15 Dec 2009 15:25:34 +0000

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

[youtube vMHImaQucQA]

Web Design in 2 Minutes

admin — Thu, 19 Nov 2009 18:09:42 +0000

http://www.wevio.com

This is a time-lapse video of what was originally about 2 hours.

This video doesn’t portray how a website is really made. It takes hours upon hours of researching, designing, developing and testing in different browsers as well as platforms.