Skip to main content

Textures and patterns

objectivesObjectives

At the end of this lesson, students will be able to:

  • Describe the difference between texture and pattern
  • Identify texture and pattern in design work
  • Create seamless textures
  • Create repeatable patterns
  • Apply patterns andand/or textures into Photoshopa andpiece Illustratorof work

Resources

Reading

needed
Texture

Preparehttps://www.canva.com/learn/texture/

the

https://blog.depositphotos.com/6-ways-to-use-textures-in-graphic-design-resources-tips-and-examples.html

following
Pattern
before

https://99designs.com/blog/trends/pattern-design/

the

http://www.maori.org.nz/whakairo/default.php?pid=sp55&parent=52

lesson:

Watching

  • Cameras
  • Lab with Photoshop installedtutorial Activity: outline

procedure

  1. Assign students in to groups.
  2. Give each group a subject to brainstorm different textures and patters from.
      • Nature
      • Architecture Interior/Exterior
      • Transport
      • Food
      • Technology
  3. Students in their groups go out and try to find and photograph the patterns and textures.
  4. Demonstrate use of pattern creator in Illustrator and Photoshop
  5. Demonstrate the use of offset filter in PhotoshopHow to create seamless texturetextures
    https://www.youtube.com/watch?v=FR3Z0zr1RaY
  6. Get studentsHow to useCreate Patterns in Illustrator Tutorial
    https://www.youtube.com/watch?v=n34-YmNJMrc
  7. Applying Blending Modes to Texture Layers
    https://www.youtube.com/watch?v=jPYG6O1tIsk
  8. Doing (Tasks)

    Find 3 examples of texture be used in print ads found on Ads of the toolsworld https://www.adsoftheworld.com/. toFor createeach texturesexample:

    and
      patterns based on
    • Describe the photoshow theyyou took.think the texture was applied (What tools, techniques were used?).
    • UseWhy you think the texturestexture aswas fillschosen in(How adoes wordthe thatthe istexture appropriaterelate to the texture.message, what additional meaning does it convey).

Tutor notes

OffsetFollowing Filterone Filter>Other>Offset…of Usethe clonevideo stamp,tutorials, Create a texture or healpattern toolsand apply it to covera thetypographic hardcomposition.

lines
    in
  • Use thesomething middlefrom beforeyour creatingenvironment theto pattern.as Illustratorsource Amaterial.
  • simple
  • The brick pattern or honeycombtype can be anything you like. A word, a greatquote, easya lyric, a question, a line from a movie.
  • Experiment with the texture or pattern positioning (background, on top, blended into the composition). 

I’m missing one more activity that more to createcomprehension asof athe demonstration.reading material.

Tutor and student interactions

  • Group Discussion (Good sources of textures online, Teams channels)
  • One on one Q&A. (Make contact with each student) 
  • Group presentation and feedback. (learners present their findings/results from the examples they found) 
  • Software Demonstration. (Converting texture to bitmap for use in distressed type in indesign)
  • Presentation and discussion of typographic compositions.

 

<!DOCTYPE html>
<html class="flexbox">
<head>
    <title>Editing Page Student management | Chester Documentation</title>

    <!-- Meta -->
    <meta name="viewport" content="width=device-width">
    <meta name="token" content="7A0YQ09B1Nf9Fg3rEuuYuNfFY4l2CRPEGyYaM5NO">
    <meta name="base-url" content="https://bookstack.chesterwhitwell.co.nz">
    <meta charset="utf-8">

    <!-- Styles and Fonts -->
    <link rel="stylesheet" href="https://bookstack.chesterwhitwell.co.nz/dist/styles.css?version=v0.25.5">
    <link rel="stylesheet" media="print" href="https://bookstack.chesterwhitwell.co.nz/dist/print-styles.css?version=v0.25.5">

    <!-- Scripts -->
    <script src="https://bookstack.chesterwhitwell.co.nz/translations"></script>

        <script src="https://bookstack.chesterwhitwell.co.nz/libs/tinymce/tinymce.min.js?ver=4.6.6"></script>

    <style id="custom-styles" data-color="#3B5381" data-color-light="rgba(59,83,129,0.15)">
    header, [back-to-top], .primary-background {
        background-color: #3B5381 !important;
    }
    .faded-small, .primary-background-light {
        background-color: rgba(59,83,129,0.15);
    }
    .button-base, .button, input[type="button"], input[type="submit"] {
        background-color: #3B5381;
        border-color: #3B5381;
    }
    .button-base:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:focus {
        background-color: #3B5381;
    }
    .nav-tabs a.selected, .nav-tabs .tab-item.selected {
        border-bottom-color: #3B5381;
    }
    .text-primary, p.primary, p .primary, span.primary:hover, .text-primary:hover, a, a:hover, a:focus, .text-button, .text-button:hover, .text-button:focus {
        color: #3B5381;
        fill: #3B5381;
    }
</style>