Web Designing: Adobe Photoshop: How To Create A Website Template Page Part 1 (1080p HD)

Loading...

Sign in or sign up now!
Alert icon
Upgrade to the latest Flash Player for improved playback performance. Upgrade now or more info.
18,095
Loading...
Alert icon
Sign in or sign up now!
Alert icon

Uploaded by on Aug 2, 2010

Welcome to the first of three tutorials where I will be teaching you guys web designing! Yes, web designing is requested by loads of people, so I thought of making a video(s) on it! In this tutorial I will be teaching you how to create a website template in Adobe Photoshop. The next tutorial, which will be uploaded in 3 days, will teach you how to put links in your template and convert it from a psd file to html in Photoshop. And finally, the third tutorial, which will be uploaded in 6 days will show you how to edit the template in Adobe Dreamweaver.
**Please note: I will not be showing you how to put this online and create the website.

This is part one of a two part tutorial. Click here to watch part two:
http://www.youtube.com/watch?v=0Jbw6bOdKj4

Thanks to Deivid from CIMG for giving me permission to make this video, as I learned how to make the template of his tutorial. Deivid's tutorial:
http://www.youtube.com/watch?v=W2v1Xn3Hm20

Click here to tweet this video:
http://clicktotweet.com/crWqa

Links:
Adobe Photoshop CS5 trial download:
https://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop
Adobe Dreamweaver CS5 trial download:
https://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver
Website:
http://www.tcdi.co.nr
Twitter:
http://www.twitter.com/vvcompdesignvv
Blog:
http://www.tahak95.tumblr.com
Vlog:
http://www.youtube.com/user/vvcomplifevv
Learn About Adobe Products Here:
http://www.adobeproducts.tk
vVTechBoyVv:
http://www.youtube.com/user/vvtechboyvv

  • likes, 8 dislikes

Link to this comment:

Share to:

Uploader Comments (VvCompDesignvV)

  • If I was an American, I would sue you for stealing my valuable time!

  • @mathias921 Well, I apologize if you didn't learn anything from my video.

  • hey nice tut, but my gradient tool is really slow, how come urs is so fast

  • @gthorpy Thanks and I don't know why your gradient tool is so slow, what version of photoshop are you using?

  • This is a very nice tutorial! will link to my friends when i've finished doing it myself :D Keep up the good work!

  • @shaz12321 Thanks a lot man. It really helps me a lot. And glad you liked it :)!

see all

All Comments (29)

Sign In or Sign Up now to post a comment!
  • Don't know why you pretend you bought your photoshop, and your telling other people to get the trails.

  • @VvCompDesignvV how can u add it in html...pls....Reply aSaP

  • I'd say it's a pretty cool tutorial! By the way, we are creating tutorials about making sites with Photoshop ourselves.

    Would you be interested in video response?

  • much appreciated :)

  • thank you so much for uploading this video. its really worth watching.

  • you didnt show how to create the template thats only how to edit it

  • Thanks for this tutorial, I already knew the techniques, but I always made a template and edited it in dreamweaver, now I can just make every page in photoshop.

  • @ImGonflix then you have to make a new layer yourself and then use the rectangle tool... :|

  • wtf?

    i cant make the rectangle shit, it doesnt opens in a new layeR?..

Loading...

Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more