8 Replies - 4399 Views - Last Post: 30 November 2012 - 08:43 PM

#1 BrentisHere  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 37
  • Joined: 18-October 12

Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 07:27 PM

Hey Fella's,

I designed this really simple and clean website in photoshop and I applied a Colour Correction over it, now, I want to make sure this looks the same on the web as it does in photoshop

My problem
Everytime I try to slice it up and than re-assemble with css and some html it turns out terrible everything is everywhere and the colour correction just doesn't turn out correctly

My question
How can I keep this colour correction on it so it's clean design is kept...

My design

Attached Image

Is This A Good Question/Topic? 0
  • +

Replies To: Designed a website in photoshop now to export it for the web?

#2 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 9487
  • View blog
  • Posts: 35,772
  • Joined: 12-June 08

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 07:32 PM

Did you flatten the image before slicing it? You know - have one layer?
Was This Post Helpful? 0
  • +
  • -

#3 BrentisHere  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 37
  • Joined: 18-October 12

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 08:00 PM

View Postmodi123_1, on 30 November 2012 - 07:32 PM, said:

Did you flatten the image before slicing it? You know - have one layer?

Errm, nope? is that what I should have done, cause consider it done
Was This Post Helpful? 0
  • +
  • -

#4 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 9487
  • View blog
  • Posts: 35,772
  • Joined: 12-June 08

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 08:12 PM

Typically yeah... I tend to have my layers... hide certain ones.. flatten it.. cut the pieces I need.. undo the flattening.. hide other layers, flatten, cut.. etc... until I have all my pieces and the global look stays the same.
Was This Post Helpful? 0
  • +
  • -

#5 BrentisHere  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 37
  • Joined: 18-October 12

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 08:24 PM

So, what can I do to make this work on my website...It's still in the very early design stages...as you can see...but i'm really confused on how to achieve the best looking result
Was This Post Helpful? 0
  • +
  • -

#6 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 9487
  • View blog
  • Posts: 35,772
  • Joined: 12-June 08

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 08:25 PM

well the gray clear smudges on the text looks bad.. as does all the gray on gray.. throw some texture in there!
Was This Post Helpful? 0
  • +
  • -

#7 BrentisHere  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 37
  • Joined: 18-October 12

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 08:29 PM

:D, as I said, early design stages, going for clean, but, alright, I'll have a geeze.

But, can you possibly try and tutorialise (i suppose) a way in making this whole thing work online...
Was This Post Helpful? 0
  • +
  • -

#8 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 9487
  • View blog
  • Posts: 35,772
  • Joined: 12-June 08

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 08:34 PM

Man.. I am in the middle of some drawing and about to head to the gym.. so no? The best I can do is have you start flipping through some css and html tutorials we have here and learn how to position elements on a page. What the slicer does is gives you bits and pieces of your image you need to code up to fit together. It's like mocking up a car for fit, dissembling it for paint, and the reassembling it.
Was This Post Helpful? 0
  • +
  • -

#9 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 9487
  • View blog
  • Posts: 35,772
  • Joined: 12-June 08

Re: Designed a website in photoshop now to export it for the web?

Posted 30 November 2012 - 08:43 PM

Example tutorials:

http://psd.tutsplus....-design-layout/
http://net.tutsplus....s-step-by-step/
http://psd.tutsplus....with-photoshop/
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1