creating backgrounds

7/28/2019 Creating Backgrounds

1/17

Graphic Design Department

Creating backgrounds


2/17

Backgrounds and textures

Use photoshop to create images that canbe used as background images and/or

textures for your designs

Free textures - http://www.photoshopsupport.com/resources/

free-textures.html


3/17


4/17

Creating backgrounds in Photoshop

Go into BRUSHES first then click on TEXTURE Play with the depth and switch to different brushes

and SCALE

Try different MODES and CONTROL

http://www.lynda.com/home/DisplayCourse.aspx?lpk2=65713&srchtrk=index%3A7%0Alinktypeid%3A2%0Aq

%3Aphotoshop%20textures%0Apage%3A1%0As%3Arelevance%0Asa%3Atrue%0Aproducttypeid%3A4


5/17

Make a miltary texture in Photoshop

Foreground color #777676 (gray) Background white. Filter>> Render >> Clouds.

Filter >> Artistic >> Sponge 10/13/10 Either use an Adj. Layer or go to Ctrl + U, check the

"colorize" box and drag the arrow to the green range ofhues. Move sliders to army green color.

Image >> Adjustments>> Brightness / Contrast. -17/34. Duplicate the layer. Select the upper layer and go to Filter >> Blur >> Gaussian

Blur. Set the radius to 2.7 pixels

Change layer opacity to 30%. Filter >> Artistic >> Crosshatch Repeat Crosshatch with bottom layer. Filter >> Texture >> Texturalizer

http://www.webdesign.org/photoshop/textures-patterns/design-a-military-clothes-texture-or-pattern.18918.html


6/17

Creating backgrounds in Photoshop

pixelate/gradient

Create a gradient #97461a #db0a1e #e89606#fbd8c5 #e64949 #f3ee9d #e55a35 #6c2e16 #e84709#97461a

Duplicate the layer Filter>Pixelate>Color Halftone. Change Radius to 64 Layer mode Darken. Opacity 30-50%

http://www.photoshopstar.com/text/cartoon-text/


7/17

Creating backgrounds in Photoshop fur

texture

Fill background with B14D03 Set foreground to 64300A Add a layer and create animal spots with a hard

edge brush

Layer>Layer Style>Stroke with B14D03 1px Flatten File Filter Blur Gaussian Blur: set 1px Filter Noise Add Noise. Amount: 15%.

Distribution: Uniform. Monochromatic: Checked

Filter Blur Motion Blur: Angle: 45. Distance: 6

http://www.tutorialwiz.com/fur_texture/


8/17

Creating backgrounds in Photoshop water

texture

filter->render->clouds filter->sketch->chrome image->adjustments->hue/saturation

http://www.webdesign.org/photoshop/textures-patterns/creating-a-realistic-water-texture-in-photoshop.15551.html


9/17

Creating backgrounds in Photoshop create rust

RGB mode

Radial mode gradient from dark brown (outside) to a bit lighter inside

Select Gradient tool. At top menu bar select lt brown-to-brown.Select radial. Make sure the lighter brown is foreground swatch

Set foreground swatch to brown/background swatch to white

FILTER>RENDER>DIFFERENCE CLOUDS. Repeat 2 more times.

FILTER>STYLIZE>GLOWING EDGES 28/40/0

FILTER>STYLIZE>FIND EDGES

Duplicate this layerIMAGE>ADJUSTMENTS>HUE & SATURATION press COLORIZE 33/53/18

Layer mode overlay 50% opacity

IMAGE>ADJUSTMENTS>HUE & SATURATION press COLORIZE 299/37/-71

Layer mode overlay

Select>color range, click inside with eyedropper. OK.

Press delete

Layer style Inner shadow, Bevel leave to default settings

Exposure>-1.50/-0.17/.84

http://www.fierydarts.com/texturespatterns/creating-a-rusty-surface-texture.htmRust Brush: http://eliburford.deviantart.com/art/7-Assorted-Grunge-Rust-Brushes-59331378


10/17

Creating backgrounds in Photoshop wood texture

http://www.adobetutorialz.com/articles/3048/1/February-2009-Calendar-Wallpaper

http://www.webdesign.org/photoshop/textures-patterns/create-a-realistic-wood-texture-in-photoshop.15550.html


11/17

Create a corkboard texture in Illustrator

Set color mode to RGB Set the fill color to a light brown color Effects>Texture > Texturizer. : Sandstone." Set the

"Scaling" slider to 170 percent and the "Relief" slider to 7.

Effects>"Pixellate > Crystallize. Set the "Cell Size" sliderto 10

Copy. Paste in Front. Effects>Texturizer > Craquelure. Set the "Crack Spacing"

at 60, the "Crack Depth" at 2 and the "Crack Brightness" at8.

Set the opacity slider to 55 percent.

http://www.ehow.com/how_5795821_create-corkboard-texture-illustrator.html


12/17

Create a flower texture in Illustrator

Create 3 concentric circles. Make guides. Use the ellipse to to create a circle from the midpoint of the

guides (press shift)

Fill with a warm color, like red Effect>DISTORT & TRANSFORM>ROUGHEN.12 and 50 Effect>PATH>Offset Path .01 Round 4 SCALE>75%, copy Fill with another warm color, like orange Rotate 40 degrees Select both sets of petals OBJECT>EXPAND APPEARANCE Select the flower parts and Group


13/17

Create a flower texture in Illustrator cont'd

Take the star tool. Star drawing a star and press the arrow UP key untilyou get a 9 point start.

Effect>Path>Offset Path: .06/Round/4 Draw another circle at the midpoint of the rounded star. Effect>DISTORT & TRANSFORM>pucker & bloat at 50%

Rotate and copy at 40 degrees Select the flower parts and Group

Create variations of the above flowers. At least 6 different flowers withwarm color fills


14/17

Create a flower texture in Illustrator cont'd

The best way to ensure that the pattern lines up is to use theTRANSFORM>MOVE function.On one side of the box, select just the flowers that overlap.

Object>Transform>Move. Select the Horizontal or Vertical value and typein 225pts and 0 for the other direction that you arent moving.

Follow the above steps until you have completed each side. Then make sure that clear box is behind everything. Select it and the flowers. Object>Group. Drag this group of flowers into the Swatches palette.

Fill a shape with your flowers!

http://www.surfnlearn.com/tutorial/3248/How_to_Make_a_Foolproof%2C_Flowery_Wallpaper_Pattern/


15/17

Wallpaper pattern Create a muted rust/maroon fill (rectangle filled) Lock this shape (Apple + 2) Create a design with the FLORID VECTOR PACK

symbols

Option>Expand

Pathfinder>Unite Duplicate to create an entire background texture

(make sure snap to guides are on)

Choose overlay

http://www.tutorialized.com/view/tutorial/Combining-Vectors-and-Textures-for-a-Background-with-Depth/64465


16/17

Create smoke in Illustrator

http://vector.tutsplus.com/tutorials/text-effects/how-to-create-smoky-

brushes-and-type-in-illustrator-cs4/

Make a rectangle and fill it black. Object > Lock > Selection Take your Pen Tool (P) and make a vertical. Make the stroke white

and the fill blank. Set the stroke to 0.05mm.

Change to the Selection tool, hit enter and type in .05mm. PressCommand/D 20 more times.

Select all strokes. Change blending mode to Screen and Opacity to 10%. Thengroup them.

With the Pen tool create a curvy (semi-bumpy) line with a white fill and nostroke.

Select all Object > Envelope Distort > Make With Top Object. Blend Fidelity isset to 100

Object > Envelope Distort > Envelope Options, there you should set theFidelity to 100

Take smoky lines and drag and drop them into the Brush Palette. Select ArtBrush. The direction should be Arrow UP.

Draw lines with the smoke brush you just created. Select all. Effect > Blur > Gaussian Blur and type in 7.0px


17/17

Adobe Illustrator Misc

Add ons you can purchase to create morepatterns than Illustrator offers

http://www.adobe.com/products/plugins/illustrator/

Load into Adobe>Illustrator>Presets>Swatches

creating backgrounds

Documents