
|
View Full Version : Editing PSD Design
Tyler 12-01-2004, 04:55 PM I recently created a PSD design. I changed everything to fits my needs, however I need a new image tab BUT I already started editing the sliced verison in DreamWeaver is there a way I can just add a simple image but still line it up perfectly or can I redo the design with my DreamWeaver text still?
the_pm 12-01-2004, 05:03 PM It depends on how you did the slicing. If you just sliced in Photoshop, and took the code it gave you, you might have a hard time making changes to your code in the future. If you're serious about using a sliced Photoshop image for your site, I heartily recommend learning to hand code it to make adjusting it much easier in the future!
Can you show us what you have up to this point? Maybe there's an easy way to go about doing what you're trying to do.
Tyler 12-01-2004, 05:32 PM Well :) I am still working on it. But the main thing is I REALLY suck at slicing but I haven't really done any work in DreamWeaver just a little bit. And still learning HTML. But is there a way I can just add one image? (the button) without to reslice the entire thing again?
the_pm 12-01-2004, 05:35 PM Who knows? It's impossible to tell without seeing the actual document. But if you're using the default generated code, the likely answer is no. Sorry man, it's impossible to get more specific than that.
Tyler 12-01-2004, 05:44 PM Alright, I figured it out :). Working on it now then I will show you. (This is my first design) that is why I am so relunct to show everyone.
the_pm 12-01-2004, 05:52 PM Hey, everyone starts somewhere. Don't by shy to show what you're doing if you're looking for help making it work. This is the Web design forum, not site reviews, and anyone who makes comments critiqueing your work would be out of line anyway. :)
Tyler 12-01-2004, 07:58 PM Alright I got problems. the_pm I took your advice and very carefully sliced everything. But now I left with 100 images 137 KB. Now most of those are spacers etc. However, I need to create a header and a footer for php now I cannot do this in Dreamweaver because of all of these images, I just need a header and a footer for the includes on my web pages, but it doesnt line up right the images that is when I move the images from the original to the header...How do I fix this?
the_pm 12-01-2004, 08:08 PM I hate to sound like a broken record, but there's absolutely no way I or anyone else can really help you without being able to see the document. My blanket advice is to slice strategically, based on coding techniques you plan to use to render your site (most sliced and diced layouts can be greatly reduced in terms of file size and number of images, if you know what you're doing). But who knows? You're asking everyone to play darts blindfolded. Yeah, if we're lucky, we'll hit the target, but unless you take of our blindfolds we'll never know for sure ;)
Tyler 12-01-2004, 10:02 PM Here is a picture of half of it in DreamWeaver to show all of the images. I need help moving them exactly to the dot on another PHP document or make less images so I can easily move it over. ANY HELP would be appcitaed ;).
Marble 12-01-2004, 10:14 PM This is what i do with photoshop and building webpages...
Create the mock page in photoshop (which you already have).
Now with slicing its always going to be a grid. Right? So grid out your design and slice only those images you are going to use... very important here. Sometimes you have to slice an image into 2+ slices.. Not a big deal. You can piece them back together in html.
Once you have all of your relevant images sliced, then using the Slice Select Tool you can change the slice properties. Now give it a relevant name.
When you save for web, choose each slice and pick the best format to save as. Quick reference: .gif for less than 256 colors, like text or very defined lines. Jpg for images with photographic quality, etc... You can modify the settings for each slice. If you need rollovers or anything go into Imageready and create those. One hint: if you have an image that spans a distance, but is the same, you can create a thin slice of it and then tile it using html.
Now once you save for web you will have an images folder with a redundant amount of images (spacers, etc...) delete all those and only keep the ones you named.
Now assemble your web page. You can use background colors or 1 pixel color images, tiled, for backgrounds etc... you don't need all those extra images that photoshop creates to fill space.
Tyler 12-01-2004, 10:27 PM I did that :( The slicing mustve went wrong or something, everything I didnt slice became an image. But how do I fix this?
I would really hate to reslice again...
Marble 12-02-2004, 11:36 AM That is what I am saying. Delete all those and use html / css to fill in the blanks. Along with site content... Photoshop will always "fill in the blanks" with a crap load of images. Don't even use the html that photoshop generated. Just take the images you named and start again in a web page ide.
Kihon 12-02-2004, 04:39 PM I agree with him
sololo 12-05-2004, 11:21 AM Right Marble, i tried using photoshop generated html and wondered two whole days what went wrong, searching between ImageReady and PSD. Im still recovering thou (With tylenol) its almost a year
Kihon 12-05-2004, 01:44 PM Yeah, don;t use it
Originally posted by sololo
Right Marble, i tried using photoshop generated html and wondered two whole days what went wrong, searching between ImageReady and PSD. Im still recovering thou (With tylenol) its almost a year
scorn 12-05-2004, 04:32 PM This is off-topic ---
immortal: work on the content of your website first. Horrible grammar ruins any website. After reading text from your temporary site and the text in the attachment above, I was shocked by how hard it was to read. You're not going to have a successful site if you keep any of that content.
Its even hard to understand your posts on this forum. You need to see if you're writing makes sense before you post it.
Kihon 12-05-2004, 04:37 PM I second that!
Originally posted by scorn
This is off-topic ---
immortal: work on the content of your website first. Horrible grammar ruins any website. After reading text from your temporary site and the text in the attachment above, I was shocked by how hard it was to read. You're not going to have a successful site if you keep any of that content.
Its even hard to understand your posts on this form. You need to see if you're writing makes sense before you post it.
Tyler 12-05-2004, 04:49 PM I took your advice...However, I may just go out and buy a template. You MUST understand, that this is very new to me, and that is why it is sometimes hard for me to understand let alone explain it to some one else. As for the content, I am not quite sure what you are talking about, I run spell check, read it twice before I am satisifed of course, I still find many many errors. But I must express that my company is quite different so it is not hard to explain but it takes a second for you to understand how we are different before you understand it.
I am probably going with a template, I already got my hands on a flash which I am already having problems with.
If you haven't relized, I am very very new to this.
**Edit as for as the "bes" on the temp site it should be "best" I am already aware of that, but it really doesn't make that big of a difference, the website is already underway.
There is absolutly nothing wrong with being new to it. Remember, everyone is new to it at one point in time. It's going to take alot of learning and paintence, along with trail and error.
I wouldn't worry a bit about the content... remember the content comes 2nd, after the design. Alot of designers just use filler text (blah blah blah). This isn't english101, he's trying to learn how to slice.
I would also recommend reading up a couple tutorials on slicing. There is a ton of helpful websites. Google it up, www.yaxay.com is good one to start with.
I would also becareful about jumping into flash. What good is flash if you dont know basic html?
In any event.. Good Luck.
sololo 12-06-2004, 08:19 AM As Enis said, flash is not the answer. I also like the sincerety of Immortal, he is new at this and needs a few pointer to create his design platform. I dont think buying ready made template is cure either, since he has to customize in ImageReady or some animation suite. Immortal should try Editors like DWMX -FREE for Thirty days with 30 more days Update. It comes loaded with CSS Templates, HTML, PHP COLDfusion, ASP...All you need to do is replace the "LOREM SOUP" Stuff with your own text, and Image PlaceHolders with your Jpegs and Gifs.
GoodLuck Immortal
sololo 12-06-2004, 08:22 AM Oh and Adobe site offers 30 day trial of all their products. You could play around with PSP CS and end up creating some cool banners.
Tyler 12-06-2004, 04:38 PM I personally own Adobe CS. There is no need to download a trial. But I am still leaning to that template. I aboustely hate my design now. After all, I already got my hands on the template and I love it. The flash has been done, some editing also done. So I think I may go with the template, and just play around with CS for a little while, until I fall in love with something, then I will of course use that.
Thanks for the tips and encouragement, it means alot to me.
|