Embedded Files
Design Principles, Graphics & Photography
Design Principles, Graphics & Photography
Foundations of Media Arts
Learn photography basics, Creative Cloud tools/software, and the design principles.
Projects: Colour Scheme Poster, Hybrid Self-Portrait, Typo/Graphic Poster
What is Design Thinking?
What is Design Thinking?
Empathize, Discover, Ideate, Prototype, Production, Launch
Raster Graphics (bitmap)
Raster Graphics (bitmap)
Advantages
• Made of pixels
• Represents and edits photo and photo-like elements better than vector programs with the use of continuous tones. The use of different color pixels allows for smooth blends of colors.
Disadvantages
• Is bound by the number of pixels in the image.
It cannot be scaled up without losing quality.
•Large dimensions & detailed images equal large file size.
• Some service providers like engravers, stencil-cut signs, etc, must have vector art.
• It is more difficult to print raster images using a limited amount of spot colors.
• Depending on the complexity of the image, conversion to vector may be time consuming.
Vector Graphics (bitmap)
Vector Graphics (bitmap)
Advantages
• Made of mathematical calculations that form objects and lines.
• Can be scaled to any size without losing quality.
• Resolution-independent: Can be printed at any size/resolution.
• Number of colors can be easily increased or reduced to adjust printing budget.
• A large dimension vector graphic can maintain a small file size.
• Vector art is required by many service providers.
• Can be easily converted to raster
Disadvantages
• It is not the best format for photographs or photo-like elements with blends of color.
Photoshop - Colouring Mike
Photoshop - Colouring Mike
Using various colouring tools like brushes, gradients and fills you will colour in Mike.
Use your selection tools and create a layer for each element you are colouring on the image.
Name each new layer and keep things organized.
Put a background (sky) and foreground (grass) into the colouring sheet.
Submit a properly named file ex: Name_MonstersUniversity.PSD
*Remember to name your layers. Ask questions if you can't do something, forget shortcuts or need help.
Photoshop - VEGGIE HEAD
Photoshop - VEGGIE HEAD
We will learn how to select areas of an image using various selection tools. Using these tools we will use Photoshop layers and build face or character out of veggies and fruits.
Submit a properly named file ex: Name_VeggieHead.PSD
*Remember to name your layers. Ask questions if you can't do something, forget shortcuts or need help.
VEGGIE HEAD.jpgfruitsveggies.jpg
Part 3 - * If you are donw trhe other two.
Part 3 - * If you are donw trhe other two.
Using various selection, stamp, and tools remove the beta fish from the fishbowl.
Fix the broken glass.
Add in two new goldfish and make it look realistic by blending the colours.
Finally crop out any white and useless background things.
*Remember to name your layers and save as a .PSD file.
- Brighten the levels of the glass bowl, crop out any unneeded background.
- Using fill & selection tools remove the existing fish from the fishbowl.
- Remove the cracks in the fish bowl using stamp tools.
- Add one or more goldfish to the fish bowl and place them realistically behind the seaweed using layers.
- Add other elements like transparent bubbles or extra seaweed to enhance the realism of the image if you would like.
What is Colour Theory?
What is Colour Theory?
Color theory encompasses a multitude of definitions, concepts and design applications - enough to fill several encyclopedias. However, there are three basic categories of colour theory that are logical and useful :
The colour wheel, colour harmony, and the context of how colours are used.
Colour theories create a logical structure for colour. For example, if we have an assortment of fruits and vegetables, we can organize them by colour and place them on a circle that shows the colours in relation to each other.
The Colour Wheel
The Colour Wheel
The colour wheel is considered a tool for artists. However, there’s a common misconception that it is a tool for finding colour combinations—that’s rarely the case.
The theory behind the colour wheel is the relationship between primary, secondary and tertiary colours. Therefore, the wheel is a tool for determining the relationship of the colours we want to choose.
Developed by Sir Isaac Newton around the early 17th century he concluded that light is made of different colours, and those colours are arranged in a particular way for a reason.
Color Harmony
Color Harmony
Harmony can be defined as a pleasing arrangement of parts, whether it be music, poetry, color, or even an ice cream sundae.
In visual experiences, harmony is something that is pleasing to the eye.
It engages the viewer and it creates an inner sense of order, a balance in the visual experience.
When something is not harmonious, it's either boring or chaotic.
The human brain rejects what it cannot organize, what it cannot understand.
Color harmony delivers visual interest and a sense of order. See some formulas below.
1. A colour scheme based on analogous colours
Analogous colours are any three colours which are side by side on a 12-part colour wheel, such as yellow-green, yellow, and yellow-orange.
2. A colour scheme based on complementary colours
Complementary colours are any two colours which are directly opposite each other, such as red and green and red-purple and yellow-green.
3. A colour scheme based on nature
Nature provides a perfect departure point for colour harmony. In the image, red yellow and green create a harmonious design, regardless of whether this combination fits into a technical formula for colour harmony.
Colour Context
Colour Context
How color behaves in relation to other colours and shapes is a complex area of color theory. Compare the contrast effects of different colour backgrounds for the same red square.
Red appears more brilliant against a black background and somewhat duller against the white background.
In contrast with orange, the red appears lifeless; in contrast with blue-green, it exhibits brilliance.
Notice that the red square appears larger on black than on other background colours.
The top 10 rules of composition include placing subjects on power points (like the rule of thirds) to create visual interest, using leading lines to direct the viewer's eye, employing framing to add depth, utilizing balance to arrange elements, repeating elements for rhythm and unity, using patterns to add visual structure, incorporating negative space to emphasize subjects, using contrast to create emphasis, creating depth with foreground interest and layers, and considering the use of symmetry for harmony or a centered composition to focus attention
1. Rule of Thirds:
Imagine your frame divided into a 3x3 grid. Placing your main subject along these lines or at their intersection points can create a more balanced and engaging composition.
2. Leading Lines:
Use natural or man-made lines, such as roads or paths, to guide the viewer's eye through the scene and toward your subject.
3. Framing:
Incorporate natural frames like doorways, arches, or tree branches to create depth and draw the eye to the main subject.
4. Balance:
Arrange elements within the frame to create a sense of stability or tension. You can balance a large subject with negative space or a smaller, complementary object.
5. Repetition and Patterns:
Repeating elements or patterns can create a strong visual rhythm, while breaking a pattern can add focus and interest.
6. Negative Space:
Give your subject "breathing room" by leaving empty space around it, which helps to simplify the image and emphasizes the subject.
7. Contrast:
Use contrast in colors, tones, or textures to make a subject stand out from its surroundings and add visual excitement.
8. Depth:
Add layers to your composition by including elements in the foreground, middle ground, and background to create a sense of three-dimensionality.
9. Symmetry:
Centering a subject or creating a perfectly symmetrical image can convey a feeling of harmony, calm, and visual excitement.
10. Fill the Frame:
Get close to your subject to eliminate distractions and draw the viewer's attention directly to it.
Page updated
Report abuse