Today we will look at a lollybag that Photoshop comes with: (tataaaaaaaaaaa) the Layer Blending Modes! Exciting, I know…
I hope to see Benan, Lucine, Michael, Vlad, Adam and all the other happy faces in front of me for class. What? I did not forget about (what’s his name) Rabeeh…
This is what we will cover today:
Examples of CC: Photo Pin, FlickR, Google
Layer Blending Modes
Gradient Tool and Layer Mask
We will focus the majority of today’s time on you practicing Photoshop. After the completion of your tasks I will expect you to stay and practice more. Class time is the time when I will be able to assist and the time for you to experiment with the software.
So, today we will have fun and afterwards will have some more fun until the imaginary bell rings to announce the end of class.
Creative Commons or the Creative Commons License relates to a way to distribute content, such as photos and other images for free.
Creative Commons are generally used for non-commercial and educational purpose. If someone makes a profit with a product they should pay for the image they use.
Generally, the author, creator or owner of the content needs to be mentioned. So, in short, when using images from Creative Commons sources ensure that you mention the source of your image.
This can be done in various ways. One would be to place a tag underneath the image with the source as you see it done in this blog.
This photo was used in last week’s Photoshop Class 3.
There are different forms of Creative Commons and it pays to read the details beforehand. To the right is another example from FlickR:
Examples of Creative Commons Resources
Les us have a look at FlickR, Photo Pin and let us do a Google search on Creative Commons.
First start a new Photoshop document. Place one of your new photos into it. Place your second photo as well.
The Layer Blending Mode can be accessed through the Layers panel. A small button (Mac) or Text box (Win) with the word Normal indicate the Layer Blending Mode box.
Look at your layer blending mode with the top layer active. Try the layer blending modes below and see how amazingly easy Photoshop lets you change the appearance by creating a blend between two images.
Now click on this link and access the tutorial on Layers TV Episode 105 about how to use the Layer Blending Mode.
If you completely watched the tutorial in the link above, you will already know how to create a layer mask and can proceed to the task for today.
Last week we looked at clipping masks and today we look at a layer mask. The process is very similar. Make a selection on your active layer and click on the Layer Mask button (add a layer mask) beneath the Layers panel. Your selection is still visible and the rest has disappeared.
You can also create a layer mask from a selection by going to the main menu: Layer>Layer Mask>Reveal Selection. (see image)
Alternatively (press Ctrl+Z or Cmd+Z) you can hide what you have selected: if you use the Layer Mask button press Alt at the same time to hide your selection with the Mask. You can do the same from the main menu: Layer>Layer Mask>Hide Selection.
While the layer mask is selected you will be in the mask mode. You can use the brush to add or take away from your layer mask. If you use the brush (while in mask mode) you can make parts disappear by drawing with black as foreground colour. You can equally make things reappear by drawing with white as foreground colour.
Using Gradient Tool with Layer Mask
A good tool to use is the gradient tool with the layer mask. You can create a gradient mask that way, which means the image will gradually become invisible. See image below.
You can see the gradient used on the right part of the image. This is how you do it:
Create a new document (use dimensions below)
Place an image and change size as you see fit (press Enter)
Create a layer mask (click the layer mask button)
Activate the gradient and drag from one part to another within the imageIf white is your foreground colour the image will become invisible in the direction of your dragging.
If black was your foreground colour the image will be invisible on your first point and become visible in your dragging direction.
Create a banner for a website using two images that blend into each other (use Layer Blending Modes and Layer masks).
The images must suit the themes:
Dimensions of banner: 980px(width) x 174px (height) 72ppi (resolution)
Add a title to the banner, that preferably also blends with the background images. Save the file as a PNG file. Keep a copy of this file and the 2 images that you have used. Upload your work onto MyKangan.
Britons, Lord Kitchener Wants You! Propaganda poster design from WWI by Alfred Leere. Image: courtesy of WorldWarEra.com
Photo by clarita on morgueFile
Massive Attack – The Essential Mix
Pink Ribbon Day – Swiss International Style Reference – by Hwan Rochanabuddhi
Photo Montage by SGlider12 on Webdesign.org – Click image for great Gimp tutorial
The concept was used on the German side as well with this ‘Auch du sollst beitreten zur Reichswehr’ [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss
Courtesy of The Art of Mass Effect Universe’, 2012
Photo by mconnors on morgueFile
Swiss travel poster from 1934 by Herbert Matter – Source: http://swisstype.wordpress.com/work/
Photo by matthewbridges on morgueFile.com
Photo by Seemann on morgueFile.com
Based on photo by dhester from morgueFile.com
Courtesy of The Art of Mass Effect Universe’, 2012
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Illustration by Jessie Ford, found on DzineBlog.com
Jenga, photo courtesy of: Design-Crit.com
Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.com
Photo by agathabrown on morgueFile
Contemporary design in style of Construcitvism by Teo Brito found at LauraGreen92 – click image for more information and link to her blog
Only practice will help you learn! Photo by BreonWarwick on morgueFile
Photo by ariadna on morgueFile
The gentle curve of the river and the light green tones of the grass give this image a calming feel. The montains and the clouds have a less calming effect. Image: courtesy of Icon Photography School – http://www.photographyicon.com/line/
Work by Justin Anderson
Finding the Right Candidate for a Job… – Photo AdamRiley from www.projectnoah.org
Photo by mcconnors on morgueFile
Lines and Gradients- Courtesy of: psdtuts+
Some of us have there most enjoyable moments in nature at the beach, Photo by rivediamoci on morgueFiles
Setting the grid up.
Work by Egon Schiele, found at Mom.org
The Face by drfranken found on ChromoArt.de
Photo by frenchbyte on morgueFile
Illustrator unknown – found at: Ephemera – World of Rare Books
Peace- Swiss International Style Reference – by Maryam Chananeh
Photo by hotblack on morgueFile.com
Light Streaks – Courtesy of: PhotoshopEssentials
Based on a photo by delboysafa from morgueFile.com
Illustration by Gary Neill found on Dzineblog.com – http://garyneill.com/ http://garyneill.tumblr.com/
Layers in Photoshop are like a Collage of images stuck on top of each other…
The grass layer has been turned into a clipping mask with the shape of the rabbit below.
I Want You – Emily Strange, The lovable Emily Strange came to life in 1991, designed by Nathan Carrico for Santa Cruz Skateboards. She is referred to as a counterculture icon. I would just call her a sceptic. Image found at: Kollectable Kaos
Work by Jo W
Geese in Ameland, Photo by Frans Schouwenburg
Good Morning! Photo: wallyir, from: morgueFile.com