# Photoshop to Layout for my site

**URL:** <https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350>\
**Category:** design\
**Created:** [September 15, 2004, 1:55pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350 "2004-09-15T13:55:40Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 1:55pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/1 "2004-09-15T13:55:40Z")

</div>

Hi fellas,

I am not very confident with photoshop and its leading to problems with the completion of my layout. I am fine once i get flashing but I could really use some help tying together my layout…

an example of what i mean is [www.dopeawards.com](http://www.dopeawards.com)

the way that site has smooth borders etc… really ties the main content together! how should i go about doing this for my layout for a professional looking result?

thanks for your time 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 3:30pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/2 "2004-09-15T15:30:00Z")

</div>

you start with a pencil and paper and you design. form follows function, it should never be the other way around. start rough, refine, refine, and refine again. think ahead, think about what you want to achieve, envision it before you make your first mark, then go till its finished. step back from time to time and look at what your doing to see if its working or not. this is my formula

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 6:17pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/3 "2004-09-15T18:17:22Z")

</div>

okay, what do we think of this?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 6:57pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/4 "2004-09-15T18:57:39Z")

</div>

dude dude dude, that is one hot concept man. the idea of the monk is just great. however your design is lacking. i liked the 1st one better, i think if you throw in a really cool flash nav in the left grey area, and a good content window, you’ll have a really cool site.

don’t lose the monk bro, i think that idea is gold.

maybe i’m just really hyped because i love fu-flicks.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 7:17pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/5 "2004-09-15T19:17:18Z")

</div>

thanks, digi… im glad you like him and im glad it made you think of kung fu flicks!

will do some work on the 1st one… i might moe the nav and header under the image so i get the full width?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 8:13pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/6 "2004-09-15T20:13:15Z")

</div>

how bout this?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 8:26pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/7 "2004-09-15T20:26:35Z")

</div>

YO! **DDD** you know you want to help me! 😛

are you feeling it?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 9:13pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/8 "2004-09-15T21:13:53Z")

</div>

Not feeling the last one at all. The first one is still the strongest in my book. Get a nice dynamic menu going in that grey space. Love the monk. It would be funny if it said ‘ey’ on the monks jacket. Monk-ey. :ne:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 11:18pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/9 "2004-09-15T23:18:49Z")

</div>

??

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 15, 2004, 11:20pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/10 "2004-09-15T23:20:57Z")

</div>

?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 16, 2004, 12:19am UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/11 "2004-09-16T00:19:15Z")

</div>

The first one looks great so far. Keep that white.

Next you should make it a little trendy by adding some simple detail to it, like little circles around one spot - it will look great. Just keep the monk/monkey concept going and its gold.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 16, 2004, 12:24am UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/12 "2004-09-16T00:24:30Z")

</div>

I still like the first one the best

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 16, 2004, 12:37am UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/13 "2004-09-16T00:37:07Z")

</div>

i do like the first one too, but im not sure how i will fit the whole nav in… i have a fair few projects under each section

it also feels a bit flat to me… ill do some slight variations on the first one then post back! 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 16, 2004, 1:19am UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/14 "2004-09-16T01:19:28Z")

</div>

do you mean detail like this?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 16, 2004, 4:43pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/15 "2004-09-16T16:43:26Z")

</div>

Yes! Stuff like that. You added detail without overdoing it :D.

Looks great! You could have the navigation bar to the left gray area part :).

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 3:17pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/16 "2004-09-17T15:17:02Z")

</div>

how about something similar to a dropdown menu that comes off the the right… or somthing similar to an acordion menu with something like a scroll within it (if possible. then your buttons would move apart and if the number of projects exceed a certain number you could scroll without having your menu go out of frame.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 3:35pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/17 "2004-09-17T15:35:10Z")

</div>

i would make the gray bar on the left skinnier, it’s drawing my eyes away from the red content area.

looking good so far - keep playing !

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 18, 2004, 12:33pm UTC](https://forum.kirupa.com/t/photoshop-to-layout-for-my-site/64350/18 "2004-09-18T12:33:16Z")

</div>

i have to finish my dissertation…which is sucking bad at the moment, so im gonna shelve this for the next couple of weeks…

thanks for the help so far everyone, ill post back when i get time to flash it… 😛
