
|
View Full Version : How to modify PSD into a website
vivithemage 02-18-2009, 03:19 PM I purchased a template, verrry nice one I think!
I'd like to modify it, i can change everything I want, but there are a few actions, like when you click on home, or any navigation buttons, or view package and whatnot.
But I want to know how to make it a website with HTML + the actions that it is doing.
The PSD is sliced up and all that.
google wasn't fully helpful!
Harzem 02-18-2009, 03:26 PM Wow, you need quite a course to do HTML. It's not easy at all.
If you have a month, you can learn to do it, but if not, you better search for someone who can do it for you.
WHT has a requests forum for this purpose, and an offers forum to find people offering their coding services.
vivithemage 02-18-2009, 03:35 PM I actually know a lot of HTML actually...I am just trying to convert this PSD into a viewable website! There are no direct options. The only one is under file website something or other and it just makes the PSD a GIF, which is not what I want at all.
Harzem 02-18-2009, 03:40 PM I actually know a lot of HTML actually...I am just trying to convert this PSD into a viewable website! There are no direct options. The only one is under file website something or other and it just makes the PSD a GIF, which is not what I want at all.
Ok, then you should save the image in parts as small png files. That really depends on the design.
You can save the file under a different name. Then "Flatten Image" and have a single file. After that, select pieces of the design, copy, and create new small files. Save them as png files and you will have something to code in HTML.
Slicing is another option but more complex to start with.
Umm, doesn't flattening merge all the layers into one? Not recommended if you ever want to edit parts again. Not needed to slice up the design, as it slices the "merged" version, not each layer.
Harzem 02-18-2009, 04:11 PM Umm, doesn't flattening merge all the layers into one? Not recommended if you ever want to edit parts again.
This is why I said "You can save the file under a different name. Then..."
I can code a PSD file without flattening at all, but for a beginner this is the easiest and most understandable way :)
DNGeeks 02-18-2009, 04:47 PM Most likely this is the information the user wants to know
Get a copy of adobe phtoshop. Open the PSD. Then edit whatever you would like and save it. Then go to File - Save For Web and you can export HTML and images.
And now you have your website.
SweetAs 02-18-2009, 04:47 PM If it's already sliced up on photoshop, all you need to do is click "save for web", then save as type "html & images" :)
vivithemage 02-18-2009, 07:31 PM If it's already sliced up on photoshop, all you need to do is click "save for web", then save as type "html & images" :)
I do this, but then the links don't work...how can I save to web and keep the links to have the push functions they have in psd that the template designer set up for me?
Harzem 02-18-2009, 07:34 PM I do this, but then the links don't work...how can I save to web and keep the links to have the push functions they have in psd that the template designer set up for me?
You should use your HTML skills to modify the design for it. There is no easy way.
vivithemage 02-18-2009, 07:35 PM balls, so why do is there FX in PSD, makes it kind of worthless...
Harzem 02-18-2009, 07:40 PM balls, so why do is there FX in PSD, makes it kind of worthless...
I wouldn't think there is any software that can do this for you, the process is simply too human.
AL-Benjamin 02-18-2009, 07:47 PM if you're feeling really lazy then you could always get someone else to do it. There are plenty of people on here that would do it, or just type psd to html into google, you'll get plenty of responses.
vivithemage 02-18-2009, 07:54 PM SO no 'easy' way? Seems kind of stupid to make a website in PS, then have to spend a few hours programming it to actually work.
I'll just have to use the index.html + CSS they gave me and change file names/slices to match it.
How could the designer have known what links you'd want, or to what pages they should link? No matter what template you get, PSD or fully coded, unless it was designed specifically for you there will be work involved personalizing it.
SweetAs 02-18-2009, 08:14 PM I do this, but then the links don't work...how can I save to web and keep the links to have the push functions they have in psd that the template designer set up for me?
In the slice options you can put URL, target, etc. But I never really used this feature as I will recode the html anyway.
You should use your HTML skills to modify the design for it. There is no easy way.
Agree :agree:
SO no 'easy' way? Seems kind of stupid to make a website in PS, then have to spend a few hours programming it to actually work.
I'll just have to use the index.html + CSS they gave me and change file names/slices to match it.
Well that's what a web designers job is :)
Why don't you ask the web designer you bought the template from? He/she should be to help you.
vivithemage 02-18-2009, 08:28 PM not where, it's the FX they did for buttons. I can link in HTML, shrug..
TheBizDev 02-19-2009, 01:36 AM SO no 'easy' way? Seems kind of stupid to make a website in PS, then have to spend a few hours programming it to actually work.
I'll just have to use the index.html + CSS they gave me and change file names/slices to match it.
You could always use a psd to html service, right now they are pretty cheap or you could look for a freelancer to do it in cheaper.
coders spend hours working out design from concept to the actual coding, its a tedious process.
e1usive 02-19-2009, 02:07 AM Sadly this isn't such an easy job. My first tableless (purely...) layout took me a grand total of 12 hours, 38 minutes to code.
Furthermore, it's not something you can really teach people. You need to be able to understand what can go in as an image, what shouldn't go in as an image, how to use CSS to reduce the number of images, etc. etc.
Can you link us to a .png of your template?
Simontt 02-19-2009, 10:46 AM use photoshop to slice part by part then use Dreamweaver to do the html,(thsi software very users friendly) it is a lot faster then manually coding. Please use template function in Dreamweaver that save u a lot of time in future add more page.
|