Digital Photography and Imaging-Project 1A
23/4/2024--(Week1-Week4)
JING KEYAO/0370732/Bachelor of Design (Honours) in Creative Media
Digital Photography and Imaging
Project 1A
Table of Content:
Module Brief:
<iframe src="https://drive.google.com/file/d/1FsPUaxu6YSQHpzCflz4SSXkWbxAA4Cpy/preview" width="640" height="480" allow="autoplay"></iframe>
LECTURES:
-Week1 (23/4/2024)
·Introduction to photography & imaging
Why need to learn Photoshop?
Adobe Photoshop is a user-friendly software program and also supplies great deals of one-of-a-kind tools that assist you to release your imagination.
The importance of Photoshop for the Graphic Designer：
- Express your creativity
- Create graphic design
- Restoration of old images
- Integrate graphics with text artistically
- Make use of brushes
- Change photo color
- Rectify mistakes in photographs
What Is Digital Imaging?
Fig.1a.01
Top 10 Tips of Successful Graphic Designer：
- Follow The Tutorials
- Experiment
- Memorize All Keyboard Shortcuts
- Try to Replicate Others Work
- Do Participate in Design Competitions
- Subscribe to Online Galleries
- Smart Objects for Smart Designers
- Scaling Artworks and Proportions
- Use Actions to Personalize Work
- Organize the Files Properly
-Week2 (30/4/2024)
·Introduction to composition
1. Introduction to basic composition.
2. Rules of Third.
It suggests dividing an image into nine equal parts with two equally spaced horizontal and vertical lines, and positioning key elements along these lines or at their intersections to create a more balanced and visually appealing composition.
The Rule of Thirds is a way to:
·Use composition techniques that are in line with what’s naturally pleasing to the eye.
·Creatively use negative space.
·Create conversation between the subject and background.
3. Golden Ratio.
The Golden Ratio is a mathematical ratio. Its application primarily involves Aesthetic Appeal, Balance and Symmetry, Guiding Attention, Dynamism and Fluidity.
4. Composition framing & cropping.
Framing refers to how elements are placed within the boundaries of the image, while cropping involves trimming or adjusting the size and position of elements within the frame.
-Week3 (07/5/2024)
·Introduction to Photoshop 2
Tool box
Fig.1c.01
1.Lasso Tool
The Lasso Tool allow you to draw and pinpoint specific areas of a document. The Lasso Tool is great to use with a graphic tablet because it is similar to a pencil. Unlike a mouse or trackpad, a graphic tablet can give a better flow when drawing and making selections.
Lasso
Polygonal Lasso
Magnetic Lasso
Fig.1c.02
2.Pen Tool
The pen tool is the way that you add these points and the way you drag the tool as you create the points determines how they will look.
The fewer points, the smoother a path will be.
Fig.1c.03
Lasso VS Pen tool
The pen tool is a versatile tool in Photoshop that can be used to create extremely precise shapes and paths, using manually placed anchor points.
Although commonly used to make selections, the pen tool was not natively made as a “selection tool”.
3.Layering
Layers are different images stacked on top of each other. Each layer without affecting another one to make adjustments. Together they form one final image. It could look something like this in real life.
Fig.1c.04
-Week4 (14/5/2024)
·Introduction to Photoshop 3
1.Adjustment Layer
The Adjustment Layers in Photoshop are a group of a super useful, non-destructive image editing tools that add color and tonal adjustments to your image without permanently changing its pixels. With the adjustment layers, it can edit and discard your adjustments or restore your original image at any time. This will make your workflow in Photoshop more flexible and efficient, and is an absolute must-know.
Fig.1d.01
- BRIGHTNESS / CONTRAST
Brightness / Contrast makes adjustments to the tonal range of your image. The brightness slider is for adjusting the highlights in your image and the Contrast slider is for adjusting the shadows in your image.
Fig.1d.02
- LEVEL
Levels modify the tonal values in an image by adjusting the levels of the shadows, midtones, and highlights. It’s one of the most used tools in the adjustment layer panel, and using just a touch of levels will go a long way in correcting your images.
Fig.1d.03
- CURVES
Curves let you adjust as many points as you want throughout the entire tonal range of your image, and is the most powerful and precise tool for editing the tones in an image.
Fig.1d.04
- EXPOSURE
Exposure lets you adjust exposure levels with three sliders: Exposure, Offset and Gamma.
Exposure will adjust only the highlights of the image, Offset adjusts the mid tones and Gamma will adjust the dark tones only.
Fig.1d.05
- SELECTIVE COLOR
The Selective Color adjustment layer selectively modifies the amount of a primary color without modifying the other primary colors in your image.
Fig.1d.06
2.Filters
Using filters to edit photos is an essential element of Adobe’s graphics editor.
There are filters to change color, add blur or create completely new image effects. Photoshop offers a virtually unlimited variety of filters for this purpose.
Fig.1d.07
TUTORIAL:
Week 1 (Folder system & E-portfoil)
·Subject outline & expectations Introduction to composition
We started the online course and Mr.Fauzi introduced us to the overall framework and course introduction of the whole semester.
After that, We have our first week's exercise:
1. Create your E-Portfolio blog.
2. Register Pinterest.
3. List down 3 favorite graphic design composition work from Pinterest. And explain it on my own E-portfolio blog, why do I like the designs?
4. Prepare collage's design elements for Week 2 exercise.
5. Watch the video about how to create a collage design.
Week 2 (Basic composition exercise)
Today's lecture was an introduction to basic composition, such as scaling, hierarchy of scale in the subjects of the artwork, and the balance of elements. The lecturer gave many visual examples to further enhance our understanding, such as examples to the rule of thirds and the Golden Ratio.
After the lecture, as we were supposed to work on our digital collages, Mr.Fauzi demonstrated how to go about the digital compositions by creating a simple digital collage himself.
Week 3 (Paths, Masking, Layering)
Week 4
PRATICAL:
Week 1: Evaluate favorite works
-Register Pinterest and list down your 3 favorite graphic design composition work from Pinterest. Explain it on your E-portfolio blog, why do you like the designs?
-Pinterest Board: https://pin.it/645EAIjTy
👇 Here are 3 graphic design composition work i chosen:
Design #1: Design by Bo-Wei Wang
Date: 2018
Description:
1. The overall design of this poster gives me an abstract and artistic feeling.
2. The design mainly adopts the design of point, line and plane, through which the overlooking shape of the piano is re-composed, which not only has the characteristics of the piano, but also has the artistic design.
3. For the text part, the overall contrast is not high, the arrangement is more orderly, to balance the over-active elements above, so that the whole poster becomes unity.
4.The color adopts the traditional black, white and gray tone. It conveys a sense of modernity, professionalism, and elegance.
This Poster expressed:
1.This is a poster design for a piano concert.
2.The different forms of the piano and the strong contrast between curves and straight lines bring a sense of conflict to the picture. The strong contrast and conflict form a sense of ups and downs and different rhythms, reflecting the feeling of the concert scene.
Design #2: Design by Kirill Serebrennikov
Date: 2021
Description:
1. This movie poster stands out as one of the most exceptional designs of 2021, captivating me with its masterful use of perspective and depth.
2. The design keeps copying the outline of a character repeatedly, while also shrinking the character's outline, creating a visual movement that guides the viewer's gaze towards the central character and emphasizes the film's focal point.
3. The downward alignment of the text imparts a sense of formality and gravity, enhancing the poster's overall sophistication and solemnity.
Design #3: Design by Roman Postovoy
Date: 2020
Description:
1.The design showcases a visually striking effect, and the use of color (red&black) is simple yet powerful.
2. For the test part, there are other words and subjects in the picture to form a front-and-back overlapping effect, adding a sense of spatial hierarchy to the picture, and the text of the characters is fluid, so that the text part of the picture does not look rigid.
3.The designer cleverly adopted a symmetrical layout, and although the text on the right side is small and blank, it makes the whole picture more harmonious and highlights the key elements of the characters.
Week 2: Physical Collage
-Compose a physical collage using cutouts from magazines or the like.
-Process
I first looked for magazines that I can use for my physical collage. I ended up choosing two magazines about women.
Then I cut out what I found most interesting and starting arranging the material I had into different compositions.
Fig.3b.01_Material
When I showed the layout to my teacher, he told me that I could use a note or something to highlight the characters in the middle.
After that, I always felt that something was missing, and after asking a friend for advice, I chose to switch the background because it had a border and the color matched the layout.
Fig.3b.02_Pre-composition
-Final
Fig.3b.03_Final composition
Explanation: For the final composition, I chose women as my subject because it's a hot topic at the moment. My idea is that we women should not fear anxiety and examine freedom. Boosting confidence is the best way, just like the picture in the middle, a smile can heal everything, including yourself. The flowers and vegetables and fruits around us also want to express that we should pay attention to good health, only in good health can we better become ourselves, and strive to bloom the most brilliant smile.
Week 3: Digital Collage
In this week, we need to start to make 3 digital collages by using Photoshop. So I first downloaded the images provided and then started playing around with the compositions.
Week 4: Digital Collage (Adjustment layer & Filters)
I ended up choosing this image as an adjustment because the layout has symmetry.
Fig.3d.01_Digital Collage (Original)
-Process
Fig.3d.02&03&04_Process
-Final
.jpg)
Fig.3d.05_Digital Collage (Final)
//First, I unified the color of the background. Under the original left and right symmetry of the work, I added the upper and lower symmetry brought by the color (gradient change). //Then I adjusted the color of the elements (hue/saturation, natural saturation) in turn, which made the color of the work very bright and harmonious, compared to the original dull color, now full of vitality. //Finally, I used filters (motion blur, halo) to express the nothingness of the upper floor, the track and speed of the people below, and the light of the green leaves in the middle
REFLECTION:
Experience:
For me, making collages is a task that tests my creativity and patience. Whether it is manual or electronic, it requires me to first select and collect suitable materials from numerous resources, and then lay out and arrange elements to achieve the best visual effect. All these require the flexibility of my mind.
Observations:
In the process of production, I met a lot of problems, such as how to clarify the part I want to cut, because most of the time, the back of the magazine I want to cut also has the elements I want, but I can only keep one, and in the layout, how to make different elements consistent, and how to decorate the imperfect part, and so on, I need to fully consider these problems.
Findings:
Through the completion of the manual and electronic collage work, I realized that I should first conceive the overall arrangement, write it down in my mind or draw it on the tablet, and then proceed with the production. At the same time, in the process of using ps, I also learned how to balance the color, and the reasonable use of filters.
Comments
Post a Comment