Summary:

Create a Landscape with Brushes in Photoshop

    ●  This is an Introduction to Downloading and Installing Fonts and Brushes.


Learn About:

Downloading BrushesBrush Opacity

  •   This tutorial is part of the Art Genre Website, Renaissance, and Movie Poster projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

Step #1: Open a New Document in Photoshop ~

IF you don't have a Photoshop document started and you are working on the Monster Mesh Movie Poster Project, open a new document in Photoshop the size of the background, probably 18 x 24 inches …


Step #2: Download These Photoshop Brushes ~

Download 1 or both of these compressed folders which contain Watercolor brushes.

 

Right-Click them and hit "Save Link as …"

  •   Watercolor Brushes from Bittbox

~OR~

  •  OR Try These Brushes

 

[If these don't work, just search for
Photoshop watercolor brushes]

 

… and save the file to your Destop.


Step #3: Expand ~

Go to your Desktop expand the file it by Double-Clicking it (the file is "zipped").

image



Step #4: Install Your Brushes ~

Click the Brush Tool or hit the keybord shortcut letter (B) …

image

… click the Brush Preset Picker in the Menu Bar …

… click on the little image in the upper right and click on Load Brushes.

Find where your new brushes downloaded and install them …

downloads brush


Step #5: Find your brushes ~

Find the brushes you installed and pick a watercolor brush …


Step #6: Lower the Size of the Brush ~

Lower the size of the brush (if necessary) …


Step #7: Lower the Opacity ~

Lower the Opacity of the brush …


Step #8: Choose your Colors ~

Go to: Window > Swatches and choose your colors.

swatches-ps.png

Otherwise, pick colors of your choosing …


Step #9: Begin Painting ~

Start placing single brush strokes across the page.


Step #10: Make a New Layer ~

Go to: Layer > New > Layer

… or hit the keyboard shortcut: Cmd (⌘)+ Shift (⇧) +N

+ shift key +

… and hit OK.

hit OK

Then change the brush, size, color, opacity settings and continue painting.

Just like real painting, don’t over do it. And if you paint each layer separately, you can always delete what you don't need.


Step #11: Mountains ~

Make another new layer and create some mountains. Using the darkest and lightest colors for our mountains, add shadows and highlights. Remember to keep it subtle since the mountains are still far away and details should be minimal.


Step #12: Trees ~

Download these Tree brushes as you did earlier as you did earlier with the watercolor brushes…


These are also high-res, so size them down accordingly.


Step #13: Save … ~

If you are creating a background for poster or other print document, save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.psd]


 

 

 

If you are working on a movie poster in Illustrator, open your project, make a new layer, and go to: File > Place … and place the background behind your other work.

 


Web Design: The Next Steps are ONLY for Web Designers ~

stop.gif

 

 

 

STOP HERE - steps #14 thru #16 are ONLY if you are making a website. Otherwise, save your work as an .ai document now.

 


Step #14: Web Pages ~

If you are saving a background for your webpage, go to: File > Save for Web … and save it as a .jpg

Lower the quality of the image until the size is below 100 kilobytes, on average.


Backgrounds for websites should be as small as possible. They must be downloaded every time your viewers open your pages so it's important to keep it as small as possible so they load quickly.


Step #15: Root Folder ~

Hit

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

and put the file in the root folder of your project …


Step #16: Open your body Tag in CSS~

Open the CSS Styles panel (if necessary) by going to: Window > CSS Styles and Double-Click the body tag:

Select Background and attach the image …

… set Background-repeat to no-repeat

… set Background-attachment to fixed

… set Background-position (X) to center

… and set Background-position (Y) to top or center.


Last Step: Save and Upload your Work ~

If you have a web server, save your pages, upload them and attach the link to your site …

upload-site-dw.png


Other Resources: http://designreviver.com/tutorials/create-a-nature-inspired-painted-background-in-photoshop/ and https://css-tricks.com/perfect-full-page-background-image/ and