Today we will focus on

  • EVERYONE will have created an image with background, foreground, 2 text layers
  • Create an animated GIF

Image With Background, Foreground, 2 Text Layers

Based on last week’s photos that you took create a new Photoshop document:

  • create a background with one of the close-up images that you took last week
  • place the self portrait in front of that layer and use a selection tool (Quick Selection or Magic Wand) to get rid of the white background from your portrait.
  • Add two text layers with your name and the name of this class: Media III

Create an Animated GIF

The teacher will present how to create the animation in class. Please follow the presentation.

Good Morning! Photo: wallyir, from: morgueFile.com
Good Morning! Photo: wallyir, from: morgueFile.com

Today we will focus on

  • Taking digital photos of textures
  • Taking a portrait of each other
  • Editing the images in Photoshop

Photoshoot

Preparation: we will all go to the p.ic blog and read the Photography Tutorial.

Next we will team up and then see how many cameras we will have between each other. If you have a good quality mobile, you can use that to take the pictures. Otherwise you will be able to use a digital camera provided by the library.

Take 2 photos of each team member. The photos need to be taken in front of a white background.

Take 5 pictures of each type of texture (see p.ic tutorial)

Photoshop Work

We will next combine the texture with your photo in Photoshop and apply some of the skills, that you have learnt over the past weeks. Make sure to use your own photos that you took for this one.

Follow the instructions on this tutorial (that we used in the previous two classes): 3 Images

Save your final work on your USB as a PNG.

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Today’s Task
  • Feedback

Today’s Task

Good morning and welcome to our third class together! After completing a task this morning we will look at this tutorial/task. Combine 3 Images.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Photoshop CS6
    • Ways to open an image
    • Selection Tools
  • Use of Hue/Saturation function (Image adjustment)
  • Feedback

Photoshop

Good morning and welcome to our second class together! We will look at some beginner’s tasks in Photoshop, based on images with white backgrounds.

So, let us start with that!

Ways to open an image

First ensure that you use a good folder structure. Save your images from your USB onto the PC that you are working on into a folder with a short, yet descriptive name, eg images.

Select File>Open – find your images folder and select the image that you want to open. Photoshop will open the image at the image pixel size and at the resolution of the file.

Open the images folder and have Photoshop open and accessible. Now drag the image into the Photoshop window.

Create a New Document in Photoshop and choose File>Place. Next place the image into the document.

There are other options, such as dragging an image directly from a webpage into the Photoshop window or selecting File>Open As Smart Object. Photoshop is a very versatile software package. The most important is to know a way that keeps the resolution high.

Selection Tools

The Selection Tools in Photoshop are one of many strong points of this package. We will work with this slow loading instructions from the Teacherlink site: Selection Tool Instructions

Below is an screen shot of the Selection drop menu with annotations:

Source: The Graphic Designer's Digital Toolkit, Alan Wood, 5th Edition, 2011

Source: The Graphic Designer’s Digital Toolkit, Alan Wood, 5th Edition, 2011

  • The Rectangular Marquee Tool (Short cut M) – This tool draws square (with the help of Shift) and rectangular selections (freehand). It is important to understand that you are actually not drawing as such, you are simply creating a selection and will be able to do something to that selection only and only on the current layer. Drag the image below into your Photoshop workspace and select a rectangular shapes. Press Ctrl + U and change the colour settings – just play with it. Keep the file active.Image Source: www.photoshopessentials.com

    Image Source: http://www.photoshopessentials.com

    Open this excellent tutorial on PhotoshopEssentials.com: Rectangular Marquee Tutorial

  • The Elliptical Marquee Tool (Short cut M) – This tool draws circlular selections (with the help of Shift) and elliptical selections (freehand). You can draw the ellipse or circle commencing from the centre by holding Alt (option for Mac) while you draw your selection. Visit this tutorial on PhotoshopEssentials.com to see a good example on how to use the Elliptical Marquee Tool. For this class select the red cylinder and change the colour as per instruction above.
  • The Lasso Tool (Short cut L). Basically you draw your selection freehand. It is an early Photoshop tool and has some good uses still (like creating a quick shadow underneath a vehicle with the help of Gaussian Blur). It requires a high level of mouse skills. Try to select the handshake with the Lasso tool and change the colour. Visit this tutorial on PhotoshopEssentials.com to see one good use of the Lasso Tool.Image Source: www.photoshopessentials.com

    Image Source: http://www.photoshopessentials.com

  • Polygonal Lasso Tool (Short cut L). You draw your selection by dropping points. It is an advanced version of the basic Lasso tool and can be very useful. It requires practice. Try the tutorial from PhotoshopEssentials.com: Polygonal Lasso Tool.
  • Magnetic Lasso Tool (Short cut L). You draw your selection by clicking once to select the outline of your object and then you simply follow along the outline and the tool does the rest for you. If a mistake occurs use Backspace to go back one step. It requires practice. Try the tutorial from PhotoshopEssentials.com: Magnetic Lasso Tool.
  • Magic Wand Tool (Short cut W). You make your selection by clicking in the field of what you want to select (eg inside the suit). The Magic Wand selects pixels based on tone and colour. You can change your selection criteria, for example by increasing tolerance your selection will be wider and less affected by tonal variations in the picture. That will result in a larger selection. If you bring the tolerance down it will result in a smaller selection, which means that changes in tone or colour will affect your selection earlier. Try the tutorial from PhotoshopEssentials.com: Magic Wand Tool.
  • Quick Selection Tool (Short cut W). This tool is extremely useful as a selection tool. It is similar to the Magic Wand, but it is more advanced and user friendly. You make your selection by clicking in the field of what you want to select (eg inside the suit). The Quick Selection Tool selects pixels based on tone and colour, but it also has the ability to detect similar textures in an image. As a result it is better at detecting the edges of an object. You can change your selection criteria by changing the size of your brush tip: increasing it will widen your selection and decreasing it will narrow your selection. For a more in detail description please look at this informative tutorial at PhotoshopEssentials.com: Quick Selection Tool.
  • How to add to or subtract from a selection Hold the shift key to add to an existing selection. Hold the Alt key to subtract from a selection. You will need to hold the key while adding or subtracting.

Use of Hue/Saturation function (Image adjustment)

This is a very quick intro to this function: Press Ctrl + U. 3 sliders allow you to change either the hue (the exact colour), the saturation (the amount of colour) and the lightness (the tone, lightness and darkness). You can also tick colorize to get a nice retro effect, it makes your selection monochromatic.

Layer overview

We will cover this in more detail in the next class. We basically will just have a look at the layers to get a broad understanding in class.

 

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Link to all Classes     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Introductions
  • Introduction to Delivery Format
    • Looking at RAE
    • Following Instructions on the White Board
    • Ask Questions
  • Introduction to the Content
  • In-class Task

Introductions

Good morning and welcome to our first class! I hope you are relaxed to start our journey together and excited enough to get into the new topic. I will introduce myself to you and I would like to get to know you a bit as well. It is nice to be able to link a person’s name and face to a story.

So, let us start with that!

Introduction to Delivery Format

Thanks!

This class will be delivered in 4 hour schedules every Friday. You will find every class posted here on RAE (Research and Exploration) or just COF (Class of Federico). This blog isaccessible from anywhere as long as you have internet access. At the beginning of class check this blog to see what we are going to do for the class.

I will present tutorials and tasks in class and you can follow the tutorials on the white board. Please make sure to look at the white board when I present a tutorial. Afterwards I will ask you to repeat it on your computer.

Don’t worry though, we will do this at a good paste, so that you have time to do it yourself.

Ask Questions!

It is important to ask questions when learning a new topic. You cannot know everything, so I am happy for you to ask questions. I actually want you to ask.

Assessments:

Important: You need to submit all your assessments on MyKangan. It is your responsibility to follow up due dates and access to MyKangan.

  1. Day 1 Task – this task is a simple comprehension task to establish student participation. (due: after the first class)
  2. Assessment 1 – Create a 3D image in Photoshop
  3. Assessment 2 – Create a basic 3D animation

Introduction to Content

Over the first weeks of the class you will get and introduction to Photoshop CS6. We will have an overall look at the package. You will learn how to find your way around it, how to type text, how to place photos, how to add images and how to create 3D content.

Next, you will learn how to create a basic 3D animation. If time allows I might be able to show you some basic 3D modelling, which can be a lot of fun.

In-class Task

Please follow the in-class instruction. Create a basic image in Photoshop and save the image as a JPEG. E-mail the image to me.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Good morning Aylin, Blaine, Adrian, Lewis, Rached, Timothy, Tyler, Jordan, Jennifer, Daniel, Luke, Liam, Sue and Michelle!!!

I am sorry about the bad news, but this will be our last class together.

Today we will focus on

  • Reflections Photoshop Tutorial

Tutorial9 - Glossy Reflection

Tutorial9 – Glossy Reflection

Glossy Reflection Tutorial

Follow the in-class presentation of this tutorial The 5 Essential Photoshop Reflections or complete it yourself.

Good Morning! Photo: wallyir, from: morgueFile.com
Good Morning! Photo: wallyir, from: morgueFile.com

Good morning Aylin, Blaine, Adrian, Lewis, Tom, Rached, Timothy, Dean, Tyler, Jordan, Jennifer, Daniel and Luke.

And a big welcome back to Liam, Esma, Robert, Sue and Michelle!!! It is nice to have you back…

Today we will focus on

  • Taking digital photos of textures
  • Taking a portrait of each other
  • Editing the images in Photoshop

Photoshoot

Preparation: we will all go to the p.ic blog and read the Photography Tutorial.

Next we willteam up and then see how many cameras we will have between each other. If you have a good quality mobile, you can use that to take the pictures. Otherwise you will be able to use a digital camera provided by the library.

Take 2 photos of each team member.

Take 5 pictures of each type of texture (see p.ic tutorial)

Photoshop Work

We will next combine the texture with your photo in Photoshop and apply some of the skills, that you have learnt over the past weeks.

Save your final work on your USB as a PNG.