Help slicing a blogger layout in photoshop |
  |
 Jan 3 2005, 11:14 PM
Post
#1
|
|
 Newbie  Group: Member Posts: 4 Joined: Jan 2005 Member No: 79,118  |
Help lol, i am trying to slice this layout i made for my blogger, the layout will be used for an off blogger site, like a domain, i was wondering if anyone had any experince with slicing an image in photoshop because i do not own dreamweaver. thanks
here is a smaller copy of the one i am making because it wont let me attach for some reason http://img.photobucket.com/albums/v239/Sur...RAPSOULcopy.jpg thanks; oh please no "jocking" lol 
|
|
|
|
|
Jan 4 2005, 05:14 AM
Post
#2
|
|
 :hammer: Group: Staff Alumni Posts: 9,849 Joined: Mar 2004 Member No: 7,700 |
Hum. Topic Moved to Webdesign Chat
Okay first off, you can crop off that whole big green space unneeded at the bottom of your image. It just takes up space and you don't even need it. Go to Image > Canvas Size and you'll see this thing with 9 arrows. Click the arrow on the top row, in the middle column. Then change the pixels for the height.. Okay, after removing the unneeded space.. Slice slice slice. Use the slice tool. Slice the image.. Then switch to ImageReady. You go do that by clicking the button that's on the VERY bottom of your tool bar. It's a picture of the Photoshop icon with an arrow pointing to the ImageReady icon. Take note that if you have Photoshop, it comes with ImageReady. After going to ImageReady.. you'll have your slices. And if you have Photoshop and ImageReady CS, then you should be able to change the optimization of the image by Window > Optimized.. I suggest you save the format as a .gif... No transparency. Okay after that, all you need to do is go to File > Save Optimized As... A window should pop and go change the "Save Type As" to HTML AND IMAGES. And then your done. Just find the folder where you saved the files as, and in that folder, you should see another folder with your sliced images and an HTML document that has the html to put your sliced images correctly in place. Hope that wasn't confusing >_< I should've provided images.. |
|
|
|
|
Jan 4 2005, 05:55 PM
Post
#3
|
|
|
Newbie Group: Member Posts: 4 Joined: Jan 2005 Member No: 79,118 |
QUOTE(x_angawhomps @ Jan 4 2005, 5:14 AM) Hum. Topic Moved to Webdesign Chat Okay first off, you can crop off that whole big green space unneeded at the bottom of your image. It just takes up space and you don't even need it. Go to Image > Canvas Size and you'll see this thing with 9 arrows. Click the arrow on the top row, in the middle column. Then change the pixels for the height.. Okay, after removing the unneeded space.. Slice slice slice. Use the slice tool. Slice the image.. Then switch to ImageReady. You go do that by clicking the button that's on the VERY bottom of your tool bar. It's a picture of the Photoshop icon with an arrow pointing to the ImageReady icon. Take note that if you have Photoshop, it comes with ImageReady. After going to ImageReady.. you'll have your slices. And if you have Photoshop and ImageReady CS, then you should be able to change the optimization of the image by Window > Optimized.. I suggest you save the format as a .gif... No transparency. Okay after that, all you need to do is go to File > Save Optimized As... A window should pop and go change the "Save Type As" to HTML AND IMAGES. And then your done. Just find the folder where you saved the files as, and in that folder, you should see another folder with your sliced images and an HTML document that has the html to put your sliced images correctly in place. Hope that wasn't confusing >_< I should've provided images..  Yea, i know how to do that thanks though, but the only problem i have is, the blogger codeing.. with the photoshop html |
|
|
|
|
Jan 5 2005, 01:08 AM
Post
#4
|
|
|
:hammer: Group: Staff Alumni Posts: 9,849 Joined: Mar 2004 Member No: 7,700 |
QUOTE(defiantRose @ Jan 4 2005, 2:55 PM) Yea, i know how to do that thanks though, but the only problem i have is, the blogger codeing.. with the photoshop html The photoshop html is just the image part. All you have to do is take out the part in between the "<!-- ImageReady Slices -->". And that'll be your whole image.. The photoshop html is the normal html.. Do you know how to code normal blogger layouts? |
|
|
|
|
Jan 5 2005, 08:55 PM
Post
#5
|
|
|
Newbie Group: Member Posts: 4 Joined: Jan 2005 Member No: 79,118 |
QUOTE(x_angawhomps @ Jan 5 2005, 1:08 AM) The photoshop html is just the image part. All you have to do is take out the part in between the "<!-- ImageReady Slices -->". And that'll be your whole image.. The photoshop html is the normal html.. Do you know how to code normal blogger layouts? Yea that might be a problem, but i am sure i can learn from a tutorial somewhere do you know of any? |
|
|
|
|
Jan 5 2005, 09:08 PM
Post
#6
|
|
|
:hammer: Group: Staff Alumni Posts: 9,849 Joined: Mar 2004 Member No: 7,700 |
|
|
|
|
|
Jan 5 2005, 10:10 PM
Post
#7
|
|
|
Newbie Group: Member Posts: 4 Joined: Jan 2005 Member No: 79,118 |
QUOTE(x_angawhomps @ Jan 5 2005, 9:08 PM) Thanks so much for your help |
|
|
|
|
Jan 6 2005, 12:21 AM
Post
#8
|
|
|
Senior Member Group: Member Posts: 3,826 Joined: Jan 2004 Member No: 2,330 |
QUOTE(defiantRose @ Jan 5 2005, 9:10 PM) Thanks so much for your help [ topic closed ] |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: