NameSilo

How can I use a Photoshop design?

Spaceship Spaceship
Watch

rachit14nov

Established Member
Impact
0
Hello! I have a question to you people. I have made a design in photoshop. I really want to use this as the design of my homepage, but I have some problems.

How can I add links on the photoshop design? It's in .GIF, and I would like to add links to "About Me" and so on, what do I need for this? I don't have that much experience with HTML and CSS, so please tell me as if I was a newbie.

Thank you very much for answering.

Have a nice day!
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
AfternicAfternic
you would have to slice the image up in photoshop and then build the website using html and css.. no real way around that lol can I see your image you want to use?
 
0
•••
0
•••
Check this video:
Slicing a Web Site Layout in Photoshop CS3 and Exporting HTML

First you cut the gif image into pieces with the slice tool. Then again inside photoshop you give the links to the menu pictures. Then you save an HTML file from photoshop, which many people wouldn't expect to be possible. This is rather a cool feature.

In the past Photoshop used to create HTML files with poor code but with CS3 and CS4 the HTML files are actually not bad.

The same is explained here with photos:
Photoshop - Slicing And Optimizing For Web Images Tutorials

Also on you tube search for: photoshop slice

Bye
Erdinรง
 
0
•••
1. First of all Open a new document size-400x400 File>New
2. Here start with a black background and set your forground. forground color 87681E . And Black background .
3. Create a new layer1.
4. Here now go to Filter > Render > Clouds .
5. Now go to Image.
6. Go to Filter.
7. Now type any words with the help of Text tool after that bouble click on the text layer for Layer style
in the layer style select Drop Shadow, Inner Shadow, and 1pixel Stroke.
 
0
•••
I am a regular user of photoshop.These tips are very Useful.Thanks to all for sharing these tips.
 
0
•••
If you aren't really good with XHTML and using CSS, I believe there are a few websites that will charge you . You simply send away your photoshop document and they completely convert it into a website. Sounds great if you ask me, but its hell expensive.
 
0
•••
shortguy014,

If anybody needs psd to html & css, there are many designers here (including myself) who can this easily and for very cheap. You just need to post in the suitable section of this forum and somebopdy will help you.

You can also start a design contest and request both the design and the HTML&CSS. As you see lots of things are possible at NamePros. Here are two examples:

http://www.namepros.com/design-contests/627421-req-template-2-pages-website-100-a.html
http://www.namepros.com/design-contests/618722-req-template-animal-rescue-website-300-a.html
 
0
•••
Its all about learning up on yourselves. That is just keep playing with photoshop and you will learn everything. Thats how i learnt :)
anyways choose the slice tool and slice your design into components into links etc and then goto File>>export for web and you are done :)
 
0
•••
Sorry i double posted by mistake.
Mod delete it please :)
 
Last edited:
0
•••
well to learn photo shop you need at least a period of continuous 1 week practice, if you love it, y ou will learn otherwise if you get bore yu will be never ale to learn it because ts not so easy.

to find the answer of your question, try to understand wheter you can easily learn or not.
 
0
•••
Are you getting into web development or are you just trying to do a website? The only reason I am asking is so that I know what advice to give you. If you are looking to get into the whole scene, understanding HTML and CSS is like basics. Knowing how they work together will help you when designing a template in photoshop. You can think of it as reverse engineering kinda. You design a flat image in photohop, but then you have to tear it up into pieces and rebuild pretty much. For me, when I design something, I think about how I am going to rebuild it first.

If you are just trying to get a website done, you can use the most common programs. These are either Frontpage or Dreamweaver. Both have "Code" and "Design" views and I would recommend using the "design" view. This will give you a preview image as you are working on it. And I would go with tables. I never use tables, but if it were just about ease, tables work.

Most people design their layouts in PS, but that doesn't mean that they get the end result without any coding, that's quite impossible. I mean, you could make the entire website out of pictures. All graphics and text would be on a flat image file and you would have to update the images if you wanted to change any text or photos. But theres so many reasons why you would not want to follow that path.

I would suggest that you figure out how exactly you will splice your layout and break it apart and start with just using HTML. You don't really have to worry about CSS to get the job done, and it will at least get you rolling. When you build a site with a "design" mode in Dreamweaver or Frontpage, you can switch to the "code" view and see how the code is changing as you are building it. It's a great way to understand and learn what's going on behind the scenes. Once you are somewhat comfortable with that, look into CSS and see what it can do for you..

Hope that helps!
 
0
•••
0
•••
You go to search engine and search photoshop tutorial.
You can learn more about photoshop.
 
0
•••
Check this tutorials: designm.ag/resources/converting-psd-to-html/
it will help how to convert PSD to HTML
 
0
•••
Last edited:
0
•••
Dynadot โ€” .com TransferDynadot โ€” .com Transfer
Appraise.net
Domain Recover
DomainEasy โ€” Zero Commission
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back