Develop Designs for the Web in Adobe Photoshop


show more Creating form fields provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012) show less
please wait ...

Creating form fields

Another user interface element that you're going to be asked to create quite frequently is a form field. Everybody that has a web site wants some sort of contact or order form built into their site so that they can receive email or take orders or whatever it might be that they're trying to do. So we as designers need to be equipped to handle that request. In this movie I am going to be exploring creating different types of form fields inside of your mockup here inside of Photoshop. So the first thing I need to do is I need to hide the home content area here. So I am going to do that by clicking on the little icon for visibility next to Content Home, and then I will turn on Content Contact and I'll expand out the group.

Now I've already got these guides up on my screen. If you can't see these guides, go to View and turn Extras on. If there is a check mark, you should already be seeing these guides. I am going to use these guides to help me place the items ...

Creating form fields
Video duration: 7m 54s 4h 56m Appropriate for all Updated Oct 04, 2013

Viewers:

Creating form fields provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012)

Subject:
Web
Software:
Photoshop
Author:
please wait ...