Sign up ×

I'm building a website with a focus on searching so I want a very large search form in the header. I've been looking for a tutorial using Photoshop to create a background image to superimpose the search form on without much luck. Does anybody know where I can find one?

It seems that most designers just use CSS3.

share|improve this question
Adam- Can you explain what type of "building" you are doing? is it HTML/CSS construction or just layout style & design? –  Farray May 10 '11 at 15:39
That's like saying I'm trying to start a car with a donut. You don't build functionality with Photoshop, you design with photoshop. –  Jack Marchetti May 10 '11 at 15:57
@Jack I'm not so much interested in functionality. I just don't know where to start to build a background image to superimpose the search input field and submit button on. When I wrote this question I didn't even realize that creating the background image and search form are two separate things. –  Adam S May 10 '11 at 16:40

2 Answers 2

I suspect you haven't found anything mostly because Photoshop is not where you'd normally create a search form. You can certainly make backgrounds, buttons and other style elements with Photoshop, but the form itself you'd create using Dreamweaver or your web development application of choice. If you're using a CMS like Wordpress or Joomla, the tools are built in.

Then you would use CSS to create the custom styling (size, position, appearance) of your form. Any of the Dreamweaver tutorials on cover this. There's also a video by Greg Rewis on Adobe TV, from his "Taming the Web" series that covers creating and styling forms using Dreamweaver and Photoshop.

share|improve this answer

You might want to look at design patterns, search frameworks and their components that together create great search experiences to get an understanding of whats required and expected of great search functionality. Take a look at for examples.

I'd suggest that you understand what the technology you are designing for allows you to do and how willing the developers are at creating custom features or extending the code base they plan to use to get the best results.

share|improve this answer

Your Answer


