Photoshop Clipping Mask Tutorial: Making a Banner for your blog

1: Clipping Masks for Typography

Step One: Create a new document in Photoshop. If your document is going to be used on the web, I recommend setting the resolution to “72.” Next, type out your Name. I chose “HELLO” to keep things simple, but you could also use this tutorial for blog headers, as text to lay on top of photos in posts, etc! For a banner, you create the document as a custom size 1000 x 300 pixels at 72 resolution. Long and skinny. 

Make your text BIG and BOLD. Use the option menu on the top of the page to set your font style, size, boldness...

Step Two: 
Find an image on Pexel. Select an image that you like and save the image to your folder. Open the image in Photoshop. Select All (or CTR A). Then Copy (or CTR C) and Paste (or CTR V) the image onto your file into the new layer. Then, when you create a clipping mask, your words will take on the effect of the image you’re using, which makes my words look gold!

OR

Create a new layer ON TOP OF your text layer. You can create a new layer either by going to Layer >> New >> Layer (in the top menu) OR by clicking the thing that looks like a piece of paper next to the trash can in the bottom right of your layers panel. Your new layer will be blank (white). If you can't see the Layer panel, then click f7 on your keyboard.

Step Two A: You can draw whatever you want in that new layer. I chose to draw some colorful scribbles using the brush tool.

Step Three: Make sure your new layer is highlighted in the layers panel (like mine is). Then, go to Layer >> Create Clipping Mask. A shortcut is to hover between your two layers (in the layers panel) with your cursor while holding down the option key (on a Mac). You’ll see a little arrow pop up and when you click, it will create a clipping mask.

Step Four: Admire your work.

Example of a photo instead of scribble:

Step Five: Post your heading to your blog: find the LAYOUT tab- click on HEADER- and then EDIT- Then remove heading insert instead of Blog title and description. Browse for your image. SAVE.

Tutorial Credit: http://www.melyssagriffin.com/create-clipping-mask-photoshop-great-bloggers/

1st Post "About Me"

Who are you?
Write a post about yourself

• 1st Paragraph- Your family, where you are from? Describe your home...
• 2nd Paragraph- Your interests, what do you like to do? Play? Go? See? Read? Eat? If you could be an animal, what animal would you be?
• 3rd Paragraph- What do you want to learn in this class (Computer Arts)?
• Post a image of you or something you are interested in...

Computer Arts 2- Term Check List

Computer Arts 2
Self- Directed Team

The Plan

1. Brainstorm- post inspiring examples/visual ideas and post to your blog.
2. Select your favorite idea- Identify what you are going to try.
3. Project Plan- Write a proposal about what you are hoping to learn and achieve throughout this project. Note how challenging you think it is for you (maybe on a scale from 1 to 10).
4. Research ways to do the project. Find a tutorial or steps to try.
5. Post tutorial web address(es), rate the tutorial. How was it useful for you? 

 /25

The Process

1. Describe your process- write notes while you are learning the program/how to do or teach others. Post an update of your progress each class. Post reflections, what have your learned? Post images. Consider goals of what's next... how are you challenging yourself?

 /25
  
The Results

1. Post your work in progress and finished work. 
2. Reflect on your process- Did you achieve your anticipated results? how well did you do? Give your self a mark and explain why you are giving it to yourself.

/25

Finally... Semester Review
Write a reflection on your process for the term:
What have your learned?
What have you struggled with?
Any additional comments?

Computer Arts1 Term 2 Project Check List

Computer Arts 1
Post these to your blog:

Photoshop

• 9 portraits each with 5 colour changes
• Andy Warhol Portrait Grid
• Animated GIF portrait

Animation:
Animate Tutorials (make sure you have 3 of the tutorials posted below) 5 MARKS EACH: 

• Basic Tween
• Frame by Frame Animation
• Shape Tween
• Colour/Alpha Tween

Animation Short. Final Circle Animation

• Character development
• Background
• Narrative- action, conflict, consequence.

Finally... Semester Review
Write a reflection on your process for the semester:
What have your learned?
What have you struggled with?
What project was your favorite and why?
What do you want to learn? What do you wish you had learned?
Any additional comments?