Wednesday, 30 September 2015

14. Custom Brush/Swatch

In illustrator, create a custom swatch and a custom brush! (Just like in the fruit bowl tutorial)
You may only use basic shapes, and the pen/pencil tools.
When you have created your swatch & brush:
  1. Create a square and fill it with your custom swatch.
  2. Write your name with your brush.
  3. Upload the .jpg to your blog.


Monday, 28 September 2015

13. Fruit Bowl




You will use Adobe Illustrator to complete this project!

Create a fruit bowl like the ones bellow. For today you need to create one bowl with three apples in it.

Directions:

Written instructions: http://ndesign-studio.com/tutorials/3d-fruit-bowl
Videos: https://www.youtube.com/watch?v=KkRV20abTNw&safety_mode=true&safe=active
https://www.youtube.com/watch?v=jXxdXWTvHqI&safety_mode=true&safe=active


You may create the bowl any color but create real life colored fruit! Have fun!

Extra: Video on using the pen tool in illustrator https://www.youtube.com/watch?v=z1tpmY0V9xw

UPDATE:
Now it's time to add some more fruit.
I will show you how to make some grapes, then you can experiment on your own.
Follow the written instructions to finish your bowl.

To Save - Control ALT SHIFT S
Or File save as use for web

Friday, 25 September 2015

12. Vector and Raster Images

Create a google presentation comparing vector and raster images.

Explain:
-What they are
-Advantages
-Disadvantages
-When you should use one over the other
-What applications we use to create them

Have a title slide, 3 slides for vector and 3 slides for raster

Some help/information to use in your presentation:

https://youtu.be/2eM7uH4qNrw

https://www.youtube.com/watch?v=fy9Pby0Gzsc&safety_mode=true&safe=active




Embed the presentation into your blogger!

https://www.youtube.com/watch?v=vWq8mlBYGmc

Thursday, 24 September 2015

11. Basic Competencies / Fireworks Tool



11. Basic Competencies / Fireworks Tool

Go to the link below. Please answer honestly and send the response back to me. You are only allowed to submit once.


https://docs.google.com/a/epsb.ca/forms/d/1rXdfcsl3vVZxq0JmF--bb5uM6wwk06mXC4g8uxS9kqY/viewform?usp=send_form


Fireworks Tools

Explore firework - Try different tools

Create an image using at least 4 different tools

Here are some tips and an example:



Examples:










Create two different edits!!! Have fun!! Be Creative!!

Identify the tools you used like the example!

Tuesday, 22 September 2015

10. B&W Masks

This video will help you learn another technique to colorize a b&w image. This is called photo restoration.

We will watch the video with sound at the front. Then you can use the video as a reference as you try your own. 

You must:
  1. Use a picture of a person 
  2. Use at least 5 different colors
  3. Upload your final image and print screen image of your photoshop window (so I can see your layers)
ps. You may b&w an image if you find a color one that you like.

Monday, 21 September 2015

9. Typography: The Basics

Typography  - Song Lyrics

The Basics of Typography

What Is Typography?
From a descriptive and simplistic point-of-view, typography is the arrangement of type.
Your choice of typefaces and your technique of setting type give your composition its character, pace and style.
A simple illustration of how influential typography can be is to look at the same text with different typefaces.
Notice how typography can define and alter the message:



Lines
A line of characters has at least five lines that it can be aligned to. These horizontal lines are guides for capital letters, ascenders, lowercase and descenders (we’ll discuss these terms shortly).
Here are the five lines:

Baseline: The one you might be most familiar with is the baseline. This is the line that the text sits on.
Cap height (or cap line): This marks the top of capital letters.
Ascender height (or topline): This line shows where the top of letters such as kand h touch. Strangely, in a lot of cases, this line is slightly higher than the capital line. It took me a while to get this into my head because, intuitively, you would think that capital letters would be the tallest characters.
X-height (or midline): This shows the height of lowercase letters (excluding ascenders and descenders). It is typically measured using the height of the letterx.
Descender height (or beardline): Descenders are the parts of characters that go below the baseline (such as the letters p and y). This line shows where the bottoms of the decenders are.



















Serif Fonts
Serif fonts are recognizable by the small lines at the ends of the various strokes of a character. As these lines make a typeface easier to read by guiding the eye from letter to letter and word to word, serif fonts are often used for large blocks of text, such as in a book. Times New Roman is an example of a common serif font.


Sans Serif Fonts
Serifs are small lines at the ends of character strokes. Sans serif, or without serif, refers to typefaces without these lines. Sans serif fonts are often used when a large typeface is necessary, such as in a magazine headline. Helvetica is a popular sans serif typeface. Sans serif fonts are also common for website text, as they can be easier to read on screen. Arial is a sans serif typeface that was designed specifically for on-screen use.



Baseline: The baseline is the invisible line on which characters sit. While the baseline may differ from typeface to typeface, it is consistent within a typeface. Rounded letters such as "e" will extend slightly below the baseline.


Intro to Adobe Fireworks
http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-01-understanding-fireworks/


Assignment:
Follow along with my instructions to create a cool typography image.



Friday, 18 September 2015

Flex Friday!

Today is a catch up/tutorial day!


Make sure you have 8 assignments posted to your blog.


If you are totally and completely finished EVERYTHING, pick another tutorial from this site: http://www.photoshopessentials.com/photo-effects/


WAHOO! FRIDAY!

Thursday, 17 September 2015

8. Photoshop: Where's Waldo!

Take Waldo here and use Photoshop to hide him in various places within the scene. Feel free to hide other characters (or versions of waldo and his friends) in the scene as well! (minimum of THREE hidden characters)


Make sure you get rid of the white background behind Waldo, use Transform to change his size and orientation, and use Layers to layer him into the background like you did with the NYC assignment.

Use google to find a Where's Waldo background, or use the one below.







Tuesday, 15 September 2015

7. File Formats



You will be using the internet and this video to guide you in your research today.

On your blog, write the shortened version and the full version of each of the following formats.
  1. JPEG
  2. GIF
  3. BMP
  4. PNG
  5. EPS
Then explain at least 1 advantage and 1 disadvantage of each format.

When you are done, your next step is to create a poster about the 5 file formats (you can use photoshop, easel.ly, piktochart.com or powerpoint). Once you are happy with the poster you've made, follow these steps:
  1. Create a new folder inside your digital arts folder and name it "File Formats"
  2. Save your poster to your new File Formats folder
  3. Open your poster in photoshop (Omit step one and two if you made your poster in photoshop...)
  4. Save your poster (File...Save as...) as each different format (Total of 5 posters saved) (LOOK CAREFULLY... I will not show you where they are)
  5. Screenshot your folder to show that you have saved your poster a total of 5 times. 
  6. Post the .jpeg poster and your screenshot image to your blog
Hint: This is what your folder should look like.


Tips Tools :: Understanding File Types :: Saffron Avenue:

Monday, 14 September 2015

6. Photoshop: Monsters invade NYC!

BREAKING NEWS

Monsters are invading NYC!

Well.... not really, but let's mock up some images and trick everyone!

Follow my tutorial to learn how to place and blend the monsters into the background.

1. Save this original image to your desktop and open it in Photoshop.


2. Follow my Tutorial 

3. You must include at least 3 monsters in your image.

4. Submit two different Monsters invade  NYC photos!



Thursday, 10 September 2015

5. The Boy with the Banana







Using Photoshop, insert little Carter into a scene of your choice.

Follow my tutorial before you get started.

You can also add some MEME text if you like.



Upload two Carter photos to your blog AND one other creation of your choice. (Pick a new image to insert onto a new scene.) That's 3 images total.

Happy Photoshopping!



http://i.imgur.com/rXv7juQ.jpg

http://ak-hdl.buzzfed.com/static/2014-05/enhanced/webdr02/12/21/enhanced-buzz-11839-1399945819-8.jpg

Tuesday, 8 September 2015

4. Elements & Principles of Design

Hey Ya'll,

Read this Article! 

Need more info? Head over to this page for some more examples!

Then go on over to the project page to find out what we're doing today. You will have two classes to complete this assignment.

Don't forget to label your post 4. Elements & Principles of Design





REMEMBER NEATNESS AND PRESENTATION ARE BOTH IMPORTANT!

Examples:

Color:


Contrast:


Lines:


Friday, 4 September 2015

Digital Art's 10 - SERVICE ANNOUCEMENT



I interrupt your daily Digital Art's program to inform you of a few important notes.

To be successful and organized in this class you need to...

1. Label your posts THE EXACT SAME AS MINE

2. Create a folder in your drive (the blue folder on your task bar) labeled Digital Arts 10
  • Any time you save something you must first save to your desktop then MOVE them to your Digital Arts folder. 
  • Save your images as .jpg's (JPEG)
If you don't see your blue folder on the task bar, let me know and I will find it for you!

Remember - Organization is key! I cannot mark what I cannot find.

That is all.

3. Photoshop Phriday! : D.I.Y. MEMEs




Happy Friday!

Let's make some memes!! Follow the instructions carefully...

1. Find a funny picture. Kittens are always a good choice!
2. Open it up in Photoshop
3. Follow these instructions
  1. Select the TYPE TOOL and create your text. (I used the Impact font, All Caps and white colored text). Position it with the Move tool 
  2. Use the CTRL KEY on the type layer (click on the T). This creates a select around the type. 
  3. Click LAYER, NEW LAYER 
  4. Go to EDIT > STROKE 
  5. Set the width to the desired amount. (I used 3px) 
  6. Set the color to Black 
  7. Set the location to Outside 
  8. Click Ok (Ctrl-D will Deselect the text) 






Thursday, 3 September 2015

2. Photoshop Colorizing a B&W



Here's a real easy photoshop technique for you to try!

  1. Find a color image and open it in photoshop 
  2. Duplicate the image and turn it Black and White. (Image...Adjustments...B&W) 
  3. Using the eraser tool on the B&W layer, adjust the brush and turn the opacity to 50% 
  4. Start erasing the parts of the image you want to "colorize"! 
Your turn!

Try two images and post the before and afters (4 images total) to your blog.

** Remember to title your post the same as mine.
** Save your photoshop image as a JPEG (.jpg) ... Under format