Coding a Photoshop Layout

  • phoen1c1an
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 18, 2005
  • Posts: 13
  • Loc: Flagstaff, Arizona
  • Status: Offline

Post November 11th, 2005, 1:55 pm

Does anyone have a good tutorial on this? I went through the tutorials I found in the sticky, but I didn't find anything that in depth. I can already make the layout, I just need to know how to add text and editable regions if possible. Thank you!
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 11th, 2005, 1:55 pm

  • phoen1c1an
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 18, 2005
  • Posts: 13
  • Loc: Flagstaff, Arizona
  • Status: Offline

Post November 11th, 2005, 2:00 pm

Looks like I found a good one. In case anyone wants to check it out..

http://www.pslover.com/click/5474
  • FusionDesigner
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 282
  • Status: Offline

Post November 12th, 2005, 10:30 am

http://www.slicingguide.com
  • phoen1c1an
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 18, 2005
  • Posts: 13
  • Loc: Flagstaff, Arizona
  • Status: Offline

Post November 29th, 2005, 12:13 pm

FusionDesigner wrote:
www.slicingguide.com


Oh wow, very cool page. Thanks!
  • Wiper
  • Beginner
  • Beginner
  • No Avatar
  • Joined: Nov 27, 2005
  • Posts: 37
  • Loc: Norway, Oslo
  • Status: Offline

Post November 30th, 2005, 6:17 am

Imageready? it comes with photoshop doesnt it?

or maybe I misunderstood your problem
  • apsblackbelt2
  • Professor
  • Professor
  • No Avatar
  • Joined: Aug 17, 2005
  • Posts: 760
  • Loc: George Mason University
  • Status: Offline

Post November 30th, 2005, 1:55 pm

Yeah I actually learned how to do all this about 2 days ago now. I love it so much now. Makes things so easy :)
  • SugarFoot
  • Born
  • Born
  • No Avatar
  • Joined: Mar 07, 2007
  • Posts: 1
  • Status: Offline

Post March 7th, 2007, 6:53 am

After slicing, How does imageready help? like how does it get you a code? i'm just soo confuzzled.
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post March 7th, 2007, 12:32 pm

Slicing tells imageready the layout of your page through tables (I believe). If you don't have to slice a lot I'd recommend figuring out a way to do it with div's and css instead.
Pixel Acres V2
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post March 13th, 2007, 7:49 am

but if you want to do it in image ready just click "file>save optimized as" and then select "html and images" ... I'm not sure if that's what you want to achieve ... is it?
Let's leave all our *plum* where it is and go live in the jungle ...
  • Belk Media Group
  • Graphic Monk
  • Professor
  • User avatar
  • Joined: Jan 12, 2005
  • Posts: 778
  • Loc: In the heart of California, Fresno.
  • Status: Offline

Post March 14th, 2007, 10:51 am

Hmmm, coding should never be done with either program (Photoshop or ImageReady). Ladies and Gentlemen, tables are becoming obsolet as a means for web layouts. You may as well make your site using frames,lol.
http://www.JamesBelk.com Stay Tuned for the new era in Belk Media Design
  • SB
  • Moderator
  • Genius
  • User avatar
  • Joined: Nov 16, 2004
  • Posts: 8673
  • Loc: Aberdeen, Scotland
  • Status: Offline

Post March 14th, 2007, 2:41 pm

OriginNO_II wrote:
You may as well make your site using frames,lol.


*shudders*

:lol:
  • Cold Canuck
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jul 14, 2003
  • Posts: 404
  • Loc: Michigan, U.S. of eh
  • Status: Offline

Post March 14th, 2007, 5:04 pm

If you have PS 6, you can use the slice using CSS option in ImageReady.

There may be a similar option in PS CS, but I haven't been inclined to look for it yet.
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Joined: Apr 24, 2004
  • Posts: 1013
  • Loc: Living In Today
  • Status: Offline

Post March 22nd, 2007, 7:05 am

OriginNO_II wrote:
Hmmm, coding should never be done with either program (Photoshop or ImageReady). Ladies and Gentlemen, tables are becoming obsolet as a means for web layouts. You may as well make your site using frames,lol.


Agreed. Also, when it comes to slicing layouts and such.. it can be hard to get them to expand smoothly with text. All sites I make can expand down to take unlimited text. Its not easy to do with a sliced layout. Its a very old, very outdated method.

I still use tables, but now only 1 or 2 compared to the 12+ I used to use, not to mention colspans, and all that other locked up and strange nastiness lol.

It easier to just save the image in the format you want, (jpg, gif, whatever) then manually slice and save the images, you'll find you can replace alot of the background and spacer areas with just color generated by your CSS or td bgcolor. It may take a little longer, especially if your not used to it, but you'll find yourself with a MASSIVLY cleaner webpage, that you can do a whole lot more with than you might have expected.

Post Information

  • Total Posts in this topic: 13 posts
  • Users browsing this forum: No registered users and 49 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.