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 texturesintoPhotoshopaandpieceIllustratorof work
ResourcesReading
needed
Texture
Preparehttps://www.canva.com/learn/texture/
Pattern
https://99designs.com/blog/trends/pattern-design/
http://www.maori.org.nz/whakairo/default.php?pid=sp55&parent=52
Watching
CamerasLab withPhotoshopinstalledtutorialActivity:outline
procedure
Assign students in to groups.Give each group a subject to brainstorm different textures and patters from.NatureArchitecture Interior/ExteriorTransportFoodTechnology
Students in their groups go out and try to find and photograph the patterns and textures.Demonstrate use of pattern creator in Illustrator and PhotoshopDemonstrate the use of offset filter in PhotoshopHow to create seamlesstexturetextures
https://www.youtube.com/watch?v=FR3Z0zr1RaYGet studentsHow touseCreate 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 - Describe the
photoshowtheyyoutook.think the texture was applied (What tools, techniques were used?). UseWhy you think thetexturestextureaswasfillschosenin(Howadoeswordthethattheistextureappropriaterelate to thetexture.message, what additional meaning does it convey).
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:
Tutor notes
OffsetFollowing Filterone Filter>Other>Offset…of Usethe clonevideo stamp,tutorials, Create a texture or healpattern toolsand apply it to covera thetypographic hardcomposition.
- Use
thesomethingmiddlefrombeforeyourcreatingenvironmentthetopattern.asIllustratorsourceAmaterial. - The
brick pattern or honeycombtype can be anything you like. A word, agreatquote,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>