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

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

        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 onDescribe 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
        inUse thesomething middlefrom beforeyour creatingenvironment theto pattern.as Illustratorsource Amaterial. simpleThe 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>

           

          Back to top