Design Web Layout With Photoshop

[pantechuser0815]

if you'd offer such a piece to any client you wouldn't have to care about other clients because you hadn't any

[21centuryg]

how do you turn it into html?

[dhruvilshah30]

i have few lines help

[Allegamesopeenrij]

Yep it's basic..

//But nice. keep up the good work

[gekkeabt]

i mute the sound of this video and opened Nyan Cat ;)

[theMusicFairy1]

when you upload it as a web page on a web server in what format will it be HTML, PHP, ASP, or can you control that? thaaaaaaaaanks

[Ronald1Andres2]

@theMusicFairy1 html php is mostly for tBLES AND DATABASES sry for the caps i did not notice

[collectivegirl11]

@Ronald1Andres2 if you noticed the caps before you were done typing out the message, why didn't you just fix it? lol

[FIRMFOCUS1]

Thanks, no nonsence video explaining all the basics!

[yrtowld09]

Cool gotta have this one .... .Realing get to design what ever you want ... blue prints . project , .....

[onefiftyonefilms]

i am trying to find the gradients used in this video - ie black 2 - 3D did you make these or download them?

[MuDiii5]

ehm.. how do you program it to work with some functions ? . example: search function? ...

[michelgf85]

great tutorial

[electrobussterr]

You sir are badass

[JonathanFTbuddy]

Web Design $199 - SWEBDESIGNS . NET

[GunzDonovan]

what music is this? who is the artist & song? pretty cool chill out music. Thx

[ehguacho2008]

amazing... a very nice desing in just 7 minutes!

[sebway23]

yew luvs da gradientz

[webconnect1]

It's reall useful video thanks....

webconnect technologies

[bboyfxxu]

thx

[Nafninc]

Where is a download link for the extra gradients you use in PS and also font packages? any recommendations? thanks.

[willnsub]

There are suckers in this moron world. People take their time to give us inspiration but suckers find it a piss...

Thanks for the Vidoe my Good brother, 4get suckers, we value your imput...

[AdduJi]

Thanks for this. It helps to know a bit about ABCD of photoshop and layout. M basically a developer nd dont know photoshop. Can you pls teach how to make it to an HTML Div based Layout?

[ossiechamorro]

very nice tutorial. cool. and thanks

[flickmedialtd]

Great !!

[DaveXD15]

NICE.!!! thx for the tutorial ^^

[Yhanimov]

To make everything easier you can just hire a web design company to build and manage the website for you, I used these guys 24/7 NY Web Design they're quick, cheap and reliable. Their number is 718-233-3120, glad I can help :) Goodluck to all!

[diegosaenz]

Looks nice, but if you cant select text it really blows.

[parasiempresk]

3:30 to 5:36 --> oooh he thinks he's a pro.. or she??

[siedzimynaventrilo]

ok ok but tell me later how can I put it in my FTP and let people see my website?? :S Im totally noob :S

[HaCKeRz7UmEr]

very nice dude 5:12

[garage1337]

why learn javascript? just save it as a .jpg and use it as a bg on your html page lol. but i dont realy know the diffrence about .PSD and .JPG

[MrEcaz]

@garage1337 HAHAHAHA

[falkson10]

What is the name of the instrumental song in this tutorial? (bad english I know)

[bolojr]

ytf would you need to hear him if you can clearly see what hes doing.

[Salfordian35]

beautiful design, it would be nice if you made it into a tutorial so you could explain some of the techniques in more detail. Thank you for you time...

[newyorknight]

Worthless!! Take this video down already! No audio instruction.

[slier81]

good design but bad tutorial

u should give a commentary off what u doing

[321Ddog]

@slier81 why does it matter of a 'commentary'? he doesn't say it's a tutorial.

he just says he's making it.

[slier81]

So what the purpose he posting his video here?

Just for fun..or just want to show off???

Use your brain wisely...people watch it to learn from it...

So how the hell people can learn from it if photoshop newbie like me dosent understand what he trying to do?

Ridiculuous comment.....

[MrEcaz]

@slier81 Go watch another video then?

This isn't a tutorials it's a time-lapse to give people inspiration.

[reezluv]

@321Ddog :yes..it is not tutorial..:P

[slier81]

@reezluv

so u think people watch for fun?

what a total moron

[slier81]

@321Ddog

so just to show off huh?

then change this video title too

my show off design

moron..u think people watch just for fun?

[iainmacdonaldTV]

Love the video, good design :D

But I want to know, what's the first song called? It's so relaxing :)

[rolibiker]

can u help me please , u done the the layout , how do u put it in adobe dreamwaver , please help me with this ...

[hisway86]

well all you have to do is in photoshop use the slice tool and slice all your objects pictures graphics and such up then save to web if you need help message me and I will try to help you out as much as I can fr I have done this so many times

[electrobussterr]

I have to make a website for a so called "Customer" at school. Almost every website layout I see has a menu at the top of the page. And the costumer wants it to be on the left side of the page...

[WheelChairBasketball]

Talk about generic!

[izvarzone]

Heare are some bad practices in video: you making all on eyeball, without measurements. I recommend to use module grids. not sorting and grouping layers and using default names for them. It would be nightmare for guy who converting psd to html & css.

Aside from that design is pretty generic.

[M0nkyM4n]

@izvarzone SiteGrinder pro ftw man

[truefd]

@izvarzone I agree about the measuring and naming layers but hard to design with a theme without a theme. That's why so many template sites have complete crap. Or every site looks like a blog now.

[GraphicAbility]

websafe col0rs f0r n00bz

[ipzent]

u do know that u don't have to stick to "websafe" colors anymore right?

[grunge65432]

bluexon WEBSITE with great FREE Website Templates and have the website of your dreams created by proffesionsal website designers starting at as low as 40$

[Captnuendo]

Templates suck.. I used to use em to learn CSS

[GsusMachiaveliko]

wats the name of the first song in the tutorial?

[teatap]

amazing

[djnvm90]

what font is that?

[MejJalTok]

Wow, lol ou should do more of these. Awesome design!

[VALKIR4636]

sounds like elevator music :3 nice vid ;)

[StepbyStepTutorials]

But once u make the design. Like buttons and that in photoshop. How Do You Make them into a hyper link?

[xtixnguyenx]

Use the cut tool and you can add hyperlinks in adobe dreamweaver if you have it. :D

[optima172]

html coding or dreamviewer

[graineb09]

Hello Reezluv!

If u dont mind my asking!

I would like to ask what type of this music and what is the song called.

Its very calm music.

Thank u. ^_^

[chichidood]

LOL!!

[dahunkydorydesi]

what is the first gradient u use for the header/banner?

[AliciaRae89]

did y ou have to use the most annoying music in the world?

[Evonne77]

@AliciaRae89: lol, its called a mute button, learn to utilize it.

[AngelsRamin]

@AliciaRae89 lol

[HawxTeamDelta]

@AliciaRae89 lol that that wasnt clear for me but i got the idea :))

[souflondonkid]

was this website for free or did you pay?

[TechHelpPC]

hey, where did you get all those quicktime, and ipod pics?

[rade83]

can it be use for joomla..? any tutorial for it from you..?

[rade83]

Nice & Simple..

but it would be great if there's a voice of explanation.. :)

[bebe4c03]

This was good...but I can't see what you did...an your not talking

[virtuastudios]

maybe because its not a tutorial? lol.

[PakissPower]

wat da hell that layout was ???

Good work

[fshataraku]

if only would hear ur voice instead of the music

[miget14]

Wow awesome vid,but you didn't tell us how to get that up on our site,I wish you would've...

[Electricalchangee]

PM me and i can tell you :D

[Grindeffect]

yeah , a have a question ,too....

when i have my layout and ive DRAWN on it something like "Home" or "Photos" which should be links to an other side... how can i make that?

i mean a link to a site and that on a picture... please help, i would be very happy :D

@reezluv: cool layout ;)

[BusyBee1985]

hi dude. i just saw your comment on youtube. i think if you design the home and photo links and then slise them, if you double click on them, a menu will pop up where you will have the option to enter a url. if you enter the path of the "home" page and save the photoshop file as a web file. then the "home" design will become as a url.

i hope i helped :)

[planetwollball]

you seem to know your way around web design. do you know how to put a custom layout (designed in fireworks) into dreamweaver?

[exofluxwebdesign]

The way he is talking, is tables which is old and generally frowned upon in web design now a days.

Tables are for tabular data, only!.

A good idea would be to learn CSS and xHTML. Keep trying at all times, w3schools is a good resource.

[GFxCube]

/watch?v=J4MJRhXajuw

[webdesignsbylk]

is the layout size 800x600?

[reezluv]

yes..

[aronsht]

Good work!!!!!

[somo2527]

It's really helpful for me ^_^ thxx

[answerOfstupids]

Good work i like it keep it up

[Playgroundkid]

that was sweet! now how do you get it on the website after that? im new to this btw

[jensenj08]

Step 1.)Learn XHTML

Step 2.)Learn CSS

Step 3.)Photoshop (and maybe flash)

Step 4.)Make a beautiful layout

Step 5.)Take slices and stuff from your layout you made in photoshop to use in your html webpage...

Step 6.)Learn PHP or some other programing language to create a login system.

Finally, your done. lol

[reezluv]

yes..as jensen08 said it earlier..that you must learn first.also javascript if you want to..that's all..:D

[timtallisman]

@reezluv Learn (X)HTML, Javascript is not nessesary for a website like this. You also need to slice it to increase the speed the page is loading (turning the image from 1 big image to a array of images all opening independend), you also need to know CSS to make as mutch as possible from the site to coding and not an image (image loading is slower than the execution of code). Well, that's pretty much it.. you can learn javascript to make a site more interactive.. but mostly that is not nessesary.

[Zalariz]

What is the background music called buddy?! it's really cool!!

[aniol288]

i don't like it. It looks like every site. Glossy buttons glossy background i hate these designs.....

[iainmacdonaldTV]

Get with the times :D

[v6qkv6]

can u make me a layout

[reezluv]

sorry..maybe not

[owenc76]

whats the name of the font you used?

[owenc76]

WOW

[PureWaterGuy]

damn its not even that hard. Ive been making it so much harder than it needed to be. Thanks reez

[vladvechtomov]

very very good!!!

[Zalariz]

Fantastic :)

[nahibana]

fantastic

[anilm001]

Amazing!!!!!

[mindofchester]

awesome!

[AggroHearts]

That was sick.

[jagexbluedragonarmy]

your awsome

[oasisdan]

Great tut cheers man!

[McAsherz]

erm dimensions of the canvas?

[reezluv]

800x600px

[Xeoxesc]

Great tutorial man! :D

Thanks for uploading, i was stuck in something and you helped me out :)