web design by photoshop

Discussion in 'Graphics & Multimedia' started by tanvirahmedcse, Jun 4, 2012.

  1. #1
    how to create web design by Photoshop ?
     
    tanvirahmedcse, Jun 4, 2012 IP
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #2
    Draw some pictures in Photoshop, print the picture, put it on your wall.
    Then start coding it by hand.
     
    Kerosene, Jun 5, 2012 IP
  3. kyferez

    kyferez Peon

    Messages:
    19
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    LOL. Well, you could do as Kerosene said, or you can create your entire site as a background image. Then use divs to place content over the image. I've done this before to shoot off a real quick site where I had the image I needed already and the client just wanted a basic one-page up super fast.
     
    kyferez, Jun 5, 2012 IP
  4. lanotdesign

    lanotdesign Well-Known Member

    Messages:
    298
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    128
    #4
    There are lots of tutorials on youtube, basically photoshop is just a tool it all depends on your knowledge and creativity.
     
    lanotdesign, Jun 5, 2012 IP
  5. SuccessTies

    SuccessTies Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Make a document, design it somewhat (this is an unusually broad question), and then pay someone to code it for you!
     
    SuccessTies, Jun 7, 2012 IP
  6. james0225

    james0225 Greenhorn

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #6
    Does anyone know a good web designer that can take my photoshop picture and code it ?
     
    james0225, Jun 7, 2012 IP
  7. creativesweb

    creativesweb Peon

    Messages:
    63
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    We do all of our sites in photoshop then we slice up the images in CSS and integrate them into HTML. Some people prefer Adobe Fireworks for this task. We can help!
     
    creativesweb, Jun 7, 2012 IP
  8. SuccessTies

    SuccessTies Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    psd2html.com

    Could try them, good luck :D
     
    SuccessTies, Jun 7, 2012 IP
  9. tridosil

    tridosil Peon

    Messages:
    477
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    you have to create a psd file design and then
    have to start coding . I mean have to cut those parts by slice tool .
    then open it Dreamweaver and start coding.
    Try this way.
     
    tridosil, Jun 7, 2012 IP
  10. Alan Smith

    Alan Smith Active Member

    Messages:
    1,263
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    78
    #10
    I think you have basic knowledge of the Photoshop but don't you know that how to apply it for designing any website so at very first try to understand the design of any website and after that make the same website design for the practice purpose. Do this same practice for some time and after that try to design the site with your own creative design.
     
    Alan Smith, Jun 8, 2012 IP
  11. xendurinan

    xendurinan Banned

    Messages:
    736
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #11
    Actually it's broad question.
    I think this site will help you. Please check it out.
    1. line25(dot)com/tutorials/create-a-clean-modern-website-design-in-photoshop
    2. entheosweb(dot)com/photoshop/layout.asp#.T9I2mdkt3IU
     
    xendurinan, Jun 8, 2012 IP
  12. kess070

    kess070 Well-Known Member

    Messages:
    611
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    125
    #12
    The best place to start is check the tutorials on youtube. there is wealth of information on there and you can get up and running with good looking web site design within a few days.
     
    kess070, Jun 12, 2012 IP
  13. logoonlinepros

    logoonlinepros Member

    Messages:
    501
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    28
    #13
    Its better to buy tutorial from Lynda where they guide and make you expert in photoshop by using tools which use to create a website.
     
    logoonlinepros, Jun 12, 2012 IP
  14. michealtudman

    michealtudman Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    ROFL :) I prefer you to go and search for some good video tutorials online or download it from any torrent site. Practice, practice and practice!!
     
    michealtudman, Jun 21, 2012 IP
  15. demirx

    demirx Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    thanks guys for your all answers :) but is there any program better then photoshop_?
     
    demirx, Jun 25, 2012 IP
  16. brittany67

    brittany67 Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    I suggest the iPhoto
     
    brittany67, Jun 25, 2012 IP
  17. PaulCpR

    PaulCpR Active Member

    Messages:
    192
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #17
    there is really no easy way to explain how to do this.. I'd start checking out tuts on youtube or sites like this one > http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/

    The process I follow is:

    1. Create design elements in photoshop
    2. Optimize image
    3. Slice the design/optimize
    4. Export to dreamweaver
    5. EDIT EDIT EDIT!

    @demirx As far as "better than potoshop" .. hmm It all depends on your concept of "better"... for some people .. better = "free?" .. if so you can use GIMP ..if better = "simpler" then Paint.NET is a good option; if you are looking for a more robust set of features ... agrr I don't know what to say..
     
    PaulCpR, Jun 26, 2012 IP
  18. donegvrynarayana

    donegvrynarayana Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    Hi,

    Please take a peace of paper and design first, whatever in your mind elaborate it in design mode, then open a photoshop and with 800 x 800 select size and create layers make one page. After that you slice all your layers and save & open in dreamwear. Your site will ready.

    Narayan
     
    donegvrynarayana, Jun 27, 2012 IP