SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,107
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Post photoshop log in form

    Hi, can i ask something because i am confuse, i found a lot in google there are many ready made log in form design created in photoshop...is it possible to put php code on this ready made image log in form,how do i put the textbox like the username in the image login form and also the submit button ?...so that the user can type there username and pasword, but this is just an image how to make this functional ?...I apologize for having hard time for explaining.I hope you get my point.

    Thank you

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Remember that Photoshop has nothing to do with web design. It's for editing/creating pretty pictures, but web items like forms are not pictures. They are interactive features made of HTML, styled with CSS and processed with a server side language like PHP. Try to get in the mindset of creating the form in HTML first, then looking at how to style it to look the way you want with CSS. You really don't need (or want) images at all in this situation (except perhaps for small enhancemenents that are hard to do with CSS like icons or background decorations).

    There are lots of tutorials and examples online of how to create and style pretty forms. Even SitePoint has a book called Fancy Form Design.

  3. #3
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,107
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thank you ralph.

  4. #4
    SitePoint Member
    Join Date
    Apr 2013
    Location
    Jabalpur
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    Take The Reference Of The Photoshop Book....

  5. #5
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,480
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Oh, from Photoshop to PHP, there is a long way. You just missed CSS and HTML First you need to code that image into html and CSS, and then think of programming

  6. #6
    SitePoint Zealot Siick26's Avatar
    Join Date
    May 2013
    Location
    England
    Posts
    113
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    What you'd do is, you'd slice up the image in photoshop and then send it to Dreamweaver or whatever client you use. You'd then replace the form design elements with actual form elements from there. You need to export the image from Photoshop as HTML. It's been a while since i did so i don't know the exact steps.

  7. #7
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,107
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thank you

  8. #8
    Non-Member
    Join Date
    Apr 2013
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    All that you have mentioned is possible to accomplish however, not in photoshop. All this will be done directly in the coding part in your code file.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •