lesson 3– objectives
DESCRIPTION
Lesson 3– Objectives. Understand how layers work Look at the term “opacity” Understand blending modes Using move / scale / rotate tools. How do layers work?. Each layer is a different part of a image. Layers can be manipulated individually which allows us to do more advanced techniques. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/1.jpg)
DiDA – Image manipulation
Lesson 3– Objectives
• Understand how layers work• Look at the term “opacity”• Understand blending modes• Using move / scale / rotate tools
![Page 2: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/2.jpg)
DiDA – Image manipulation
How do layers work?
Layer 4Layer 3Layer 2Layer 1
Each layer is a different part of a image. Layers can be manipulated individually which allows us to do more advanced techniques.
Layers are built up like a sandwich. They are built bottom up with the top layer hiding all layers underneath.
![Page 3: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/3.jpg)
DiDA – Image manipulation
Transparency and layers
• Top layers will hide anything underneath them.
• In order to “see” what is underneath a layer must contain transparent areas.
• GIMP shows transparency as a grey checkerboard pattern (see image to the right)
![Page 4: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/4.jpg)
DiDA – Image manipulation
How does it work
Without transparency the lotus flower covers all of the lower
layer.
![Page 5: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/5.jpg)
DiDA – Image manipulation
How does it work
With transparency the background is visible.
![Page 6: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/6.jpg)
DiDA – Image manipulation
Building images using layers
• You should always follow this golden rule• “If you add something, it should have it’s own
layer”• You will end up with a lot of layers but this is a
good thing! Honest!
![Page 7: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/7.jpg)
DiDA – Image manipulation
Using layers
• Task – Use the skills learnt to combine a image with a background you have created using the gradient tool.
• Watch out for artefacts!
![Page 8: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/8.jpg)
DiDA – Image manipulation
Adding a new layer
• Add new layer
• Deleted layer
• Duplicate layer
![Page 9: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/9.jpg)
DiDA – Image manipulation
Activity
Create two layers. One layer should have a gradient pattern.The second should have something else!
Advanced – Add a image with the background erased. You could use the image from a previous lesson.
![Page 10: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/10.jpg)
DiDA – Image manipulation
Blend modes
• The default blend mode is “normal”. This will hide anything underneath the layer which is not transparent.
• However there are lots of blend modes to try out!
![Page 11: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/11.jpg)
DiDA – Image manipulation
Changing mode
Changing the blend mode is easy! All you have to select a new mode from the layers dialogue.
The different modes can produce some very interesting effects so it is worth trying them all out!
![Page 12: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/12.jpg)
DiDA – Image manipulation
Activity
• We are going to try and create some fancy text by using the blend tools.
• Follow the steps on this powerpoint or the help video.
![Page 13: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/13.jpg)
DiDA – Image manipulation
Step 1 – Add some text
• The “A” tool will add text.• You can change the font type,
size and colour in the options underneath.
• Add your name to a blank image.
![Page 14: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/14.jpg)
DiDA – Image manipulation
Step 2 – Add a new layer
• Add a new layer and make sure it is above the text.
• Add a gradient pattern to the new layer. Make sure you select the correct layer!
![Page 15: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/15.jpg)
DiDA – Image manipulation
Step 3 – Changing blend mode
• Select the pattern layer you created and then change the blend mode.
• You should start to see your text appear with a pattern!
![Page 16: Lesson 3– Objectives](https://reader035.vdocuments.net/reader035/viewer/2022062501/568161ba550346895dd18f8c/html5/thumbnails/16.jpg)
DiDA – Image manipulation
Activity
• Find a image and remove the background.
• Blend a gradient background into it.
• Finally add the result to a second image.