Watercolor in graphic design has become very trendy the last couple of years, many websites and incredible designers are using this style and taking it to another level, these designs can be made easily with photoshop. Even knowing the technique is important in this kind of design, is more about creativity and experimentation. You will learn how to use the Art History Brush and combine it with watercolor custom brushes to create a nice background header image and more all on photoshop. Let's get it started!
In this tutorial using photoshop, we'll learn how to get that smooth shiny Anime look. We'll start with a simple character outline uploaded into photoshop and build the correct hierarchy for the base colors, tones and highlights. Also, we'll learn how to work with this "method" for later projects in case the client or director will ask for changes, it will be easy to replace colors for a specific part of the character without redrawing all the tones and highlights again! You are about to learn one of the many techniques from the Anime and photoshop industry. Let's get started!Open a new Photoshop document with a black background. Import in your document a picture like the below:
Duplicate the layout with the picture and choose Edit > Transform > Flip Vertical. Move the duplicate picture:
Now Filter > Liquify and distort the duplicate picture. Choose the Brush Tool in the Tab Tools “Airbrush Soft Round 200” and delete a area to adjust the bottom of the duplicate picture. And the result:
Create a new layer before the layer with the duplicate picture and draw a rectangle with the background color “#633100”. In the Tab Tools “Set the blending mode for layers” to “Color” and the result should be this:
Now to make those little flowers and grass. You take your Lasso Tool and start drawing flowers and leaves shapes. This is with what I came up with. They don`t have to be perfect and just need to look like some.
This is the picture I choose for the header, you can use anything you like.
For the menu, make a new document, draw in it a small rounded rectangular and fill it with the same green you ended the header of. Now cut it in two and drag and drop the parts on the website. I only have 3 buttons, but you can have as many as you like.
The header is done. So Ctrl+Right click on every layer, without the first layer and Merge Layers.
For the text above use the following color (#708348). The title should be bigger and with “bold” or “strong” and the subtitle should be smaller and not ”strong”.
Now the structure is ready. Depends on what theme will you pick for the website. Mine is a non-profit organization that is helping children. In the Box below you should add info and because of the colors you can divide it in sections.
Now add the text and anything else you like and the layout is ready. Mine looks like this.
Great graphic design tutorial on how to create a gunshot effect using adobe photoshop. The outcome of the tutorial reveals a very life like image of a gunshot through a glass effect. Well worth visiting, great use of graphic design techniques
