Yung Siew Weng / 0339847
WEEK 1 @ INTRODUCTION TO PHOTOSHOP AND IMAGING
- 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
PRACTICAL
- Prepare printed materials for physical collage.
- Register in Pinterest. Share 3 photoshop works that you like
- Play Bezier Game.
Fig 1.1 The Bezier Game Screenshot
Fig 1.2 The Proof of completion
As a new user of Illustrator and Photoshop, this game was both fresh and challenging for me. The aim of the game is to help us develop a notion of how to use the pen tool. However, it is really interesting. It is a type of game, inspiring self-spirit to gain better or higher grades (nodes) as a proof that "I finally can control the pen tool!"
THE PINTEREST ARTWORK
When I first saw this piece of art, I was immediately attracted to it. The artwork appears to convey to the viewer some instructions or meaning about "life is a book; we record our journey, including success and failure, in the book."
I was surprised when I went to the website to check what the author's true meaning was. When I went to the website to investigate the author's genuine intention, I was startled. The photograph was offered as a caption for the audience to comment on. One commenter, Yerchaning, said, "Layer by layer, I discovered myself." I like the meaning that the words offer, which suggests that the author may discover more about herself by reading the books, page by page. One also mentioned, "My mind is full of stories to tell." "A few may know." an open book! You may turn pages or skip, read and comprehend, or drop when not interested! by Ren E. Lyn According to my perspective, the caption conveys the sense that she is a person who enjoys meeting new people. She is "open" to meeting new people who share her interests, but "close" to someone who does not share her interests.
As a new user of Illustrator and Photoshop, this game was both fresh and challenging for me. The aim of the game is to help us develop a notion of how to use the pen tool. However, it is really interesting. It is a type of game, inspiring self-spirit to gain better or higher grades (nodes) as a proof that "I finally can control the pen tool!"
More comments can be found at: https://themindsjournal.com/caption-this-wisepicks-21-may-2020/.
# ARTWORK 2 : 
Fig 1.4 "Pepper and Shoe" by Stephen McMennamy (week 1 / 31.03.2022)
The second artwork was created by Stephen McMennamy and is titled "Pepper and Shoe." Stephen McMennamy is an Atlanta, Georgia-based photographer and art director who likes to create funny photo collages. He skillfully combines images of everyday objects in order to turn them into something new. He named the artwork "Pepper and Shoe," with the caption, "What a hot and spicy heel, isn’t it?"
I really appreciated the idea of how he used pepper to convey the shoe. The artwork appears to be a "small chilli" in Chinese, which symbolises an attractive lady.
Stephn M.'s other works can be found at: https://weandthecolor.com/photo-collages-by-Stephen-Mcmennamy/75879
The last artwork that has been explored is the artwork by Chrissy H. From the artwork's perspective, it seems to show a sense of desperation. As for the pupils of the eyes, which might be illustrated as a moon, they also delivered a sense of loneliness and depression. In fact, when one is holding back tears and not sobbing, the pupils will rise. Despite how the world goes, the galaxy shines, or the ocean blows, we are lonely, as the author only created one sail box, or she might have delivered the message that "we must be brave to meet all the struggles in life."
Chrissy had also captioned her artwork, "Eyes speak the unsaid words." "You need to be a good observer to understand them." So, I agreed with her sense of her artwork, as her artistic details drew my attention and compelled me to think about it further.
WEEK 2 @ INTRODUCTION TO COMPOSITION
LECTURE
1. INTRODUCTION TO COMPOSITIONHow does the designer know their design will be accept or interested by others?- Focal Point
A key element to a good composition is a strong focal point, as it helps viewers’ eyes naturally settle on the important pieces of your design first.
- Scales & Hierarchy
Scale is often used to help communicate hierarchy by drawing attention toward
and away from certain elements, thus signifying their importance to the communication.
- Balance the elements
A good technique for mastering asymmetrical balance is to think of each element as having a ‘weight’ to it. Smaller objects might ‘weigh’ less than larger objects, and heavily textured elements might ‘weigh’ more than flatly coloured elements.
- White Space
White space is mostly known as "empty space" to balance up the main focus of a composition. White space can help boost design’s clarity and balancing out the more complicated parts of your composition with space that helps your design to breathe.
Fig 2.1 Sample of 'White space', lecture slide (week 2 / 07.04.2022)
2. RULE OF THIRDSThe Rule of Thirds is the process of dividing an image into thirds, using two horizontal and two vertical lines. When you position the most important elements of your image at these intersection points, you produce a much more natural image. The Rule of Thirds is a way to :- creatively use negative space- create conversation between the subject and background- Use composition techniques in line with what's naturally pleasing to the eye.
Fig 2.2 Sample of "rule of third", lecture slide (week 2 / 07.04.2022)
3. GOLDEN RATIOThe Golden Ratio is a mathematical ratio. It is commonly found in nature, and when used in a design, it fosters organic and natural-looking compositions that are aesthetically pleasing to the eye.
In design, the Golden Ratio creating and appreciating a sense of beauty through harmony and proportion. The Golden Ratio is a useful guideline for determining dimensions of the layout.
Dimensions = 1:1.618
Fig 2.3 The Golden Ratio, Lecture Slide (week 2 / 07.04.2022)
- Focal Point
A key element to a good composition is a strong focal point, as it helps viewers’ eyes naturally settle on the important pieces of your design first.
- Scales & Hierarchy
Scale is often used to help communicate hierarchy by drawing attention toward
and away from certain elements, thus signifying their importance to the communication.
- Balance the elements
A good technique for mastering asymmetrical balance is to think of each element as having a ‘weight’ to it. Smaller objects might ‘weigh’ less than larger objects, and heavily textured elements might ‘weigh’ more than flatly coloured elements.
- White Space
White space is mostly known as "empty space" to balance up the main focus of a composition. White space can help boost design’s clarity and balancing out the more complicated parts of your composition with space that helps your design to breathe.
PRACTICAL
For the practical session (week 2), we have been tasked with doing the pre-composition for our task 1, physical collage. We are required to compose 3 pre-compositions. As having limited materials, I use to cut out a girl or an artist who sitting on the ladder, discovering her arts.
Fig 2.4 the moment of progress (week 2 / 07.04.2022)
As having limitation in materials, so I use to create a girl drawing her design world with a caption, "How does design exist?" in order to show a sense that design is all around us.
Fig 2.5 Pre composition draft (week 2 / 07.04.2022)
Continued exploration was recorded in this section > PROJECT 1 : THE COLLAGE
WEEK 3 @ INTRODUCTION TO PHOTOSHOP
LECTURE
1. INTRODUCTION TO PHOTOSHOPa basic introduction to Lasso Tool, Pen Tool and Layering.- Tools Box
Photoshop provides several tool sets in the toolbox, and users can expand the tools sets to reveal additional tools.- Lasso Tool
The lasso tool allow user to draw and pinpoint specific areas of a document. There are 3 different tool options:
- Lasso
- Polygonal Lasso
- Magnetic Lasso
Fig 3.1 lasso tool in Photoshop (week3 / 14.04.2022)- Pen Tool
The pen tool is the most common option when it comes to creating a path from scratch.- Layering
Layers are different images stacked on top of each other. The advantage of using Layers is that you can save a Photoshop file with all the layers included. This means you can use layers for non-destructive editing. The adjustments in Photoshop will never destroy the original image.
- Tools Box
- Lasso Tool
The lasso tool allow user to draw and pinpoint specific areas of a document. There are 3 different tool options:
- Lasso
- Polygonal Lasso
- Magnetic Lasso
- Pen Tool
- Layering
Layers are different images stacked on top of each other. The advantage of using Layers is that you can save a Photoshop file with all the layers included. This means you can use layers for non-destructive editing. The adjustments in Photoshop will never destroy the original image.
TUTORIAL
Fig 3.2 masking the table (week 3 / 14.04.2022)
Fig 3.3 Screenshot of attempt in Photoshop (week 3 / 14.04.2022)
Fig 3.4 Final outcome of the exercise (week 3 / 14.04.2022)
PRACTICAL
At first, before the digital collage, we had been introduced to the Adobe photoshop. During the practical class on week 3, we are assigned to create 3 composition for the digital collage with the materials that provided.
Fig 3.5 materials (week 3 / 14.04.2022)
At first, I had no idea on how to digitalise the collage, and I random insert to make the collage.
Fig 3.6 progression (week 3 / 14.04.2022)
Fig 3.7 progression (week 3 / 14.04.2022)
After some discovery and exploration, I finally complete my 1st composition in which showing the nature of the environment, having the nature beings - human, plant and animal.
Fig 3.8 outcome, in class (week 3 / 16.04.2022)
Continued exploration was recorded in this section > PROJECT 1 : THE COLLAGE
WEEK 4 @ INTRODUCTION TO PHOTOSHOP 3 // ADJUSTMENT LAYER & FILTERS
LECTURE
1. ADJUSTMENT LAYERWhat is 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 image without permanently changing its pixels. With the adjustment layers, we can edit and discard the adjustment or restore the original image at anytime.Basic understanding of Adjustment Layer
When add an adjustment layer to your image, a new layer will appear over your image and a Properties panel specific to the type of adjustment you've selected will pop up.
- Brightness / Contrast
Fig 4.1 brightness/contrastBrightness / contrast makes adjustment 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.
- Level
Fig 4.2 adjustment on levelsLevel modify the tonal values in an image by adjusting the levels of the shadows, midtowns and highlights. It's one of the most used tools in the adjustment layer panel, and just a touch of levels will go a long way in correcting your images.
- Curves
Fig 4.3 adjustment on curvesCurves 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 a image.
- Exposure
Fig 4.4 adjustment on exposureExposure lets your adjust exposure levels with three sliders : Exposure, Offset and Gamma. Exposure will adjust only the highlights of the image; Offset adjust the mid tones; Gamma adjust the dark tones.
- Selective color
Fig 4.5 adjustment on selective colour
The selective color adjustment layer selectively modifies the amount of a primary colour without modifying the other primary colours in the image.
Basic understanding of Adjustment Layer
When add an adjustment layer to your image, a new layer will appear over your image and a Properties panel specific to the type of adjustment you've selected will pop up.
- Brightness / Contrast
Brightness / contrast makes adjustment 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.
- Level
Level modify the tonal values in an image by adjusting the levels of the shadows, midtowns and highlights. It's one of the most used tools in the adjustment layer panel, and just a touch of levels will go a long way in correcting your images.
- 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 a image.
- Exposure
Exposure lets your adjust exposure levels with three sliders : Exposure, Offset and Gamma. Exposure will adjust only the highlights of the image; Offset adjust the mid tones; Gamma adjust the dark tones.
- Selective color
2. FILTERSWhat is filters?Using filters to edit photos is an essential element of Adobe's graphics editor. There are filters to change colour, add blur or create completely new image effects. Photoshop offers a virtually unlimited variety of filters for this purpose.
TUTORIAL
In this week (week 4/21.04.2022), we had focused on the digital imaging exercise - The Hearst Mansion and My reflection.
At first, we been given some sources to be refer and Mr. Martin walked us through the exercise by using Shazam as an example. We had tasked to follow the quick tutorial that provided to understand how to use :- Quick selection tool
- Layer Mask
- Filters
- Color Correction
- Quick selection tool
- Layer Mask
- Filters
- Color Correction
THE HEARST MANSION
Fig 4.6 The Shazam (week 4 / 21.04.2022)
Fig 4.7 Final outcome of Shazam (week 4 / 21.04.2022)
Fig 4.8 Final outcome of Shazam in Hearst Mansion attempt #1 (week 4 / 21.04.2022)
Then, based on Shazam exercise, we are tasked to create the same steps but replaced the Shazam's layer by own photo. We are instructed to take a photo of ourselves using the right lighting techniques, apply the Shazam's exercise technique and apply the colour correction to finalise the work.
Full exploration was recorded in this section > PROJECT 2A : DIGITAL IMAGING EXERCISE
PRATICAL
On week 4, Mr. Martin disturbed a task on applying filter and layer adjustment on our selected digital collage :
Fig 4.9 digital collage #filtered (week 4 / 24.04.2022)
On my 1st attempt, I tried on the curves effect to more the image in a blue form. And I began my 2nd attempt which having a notion on filter it to show a sense of old.
Fig 4.10 layer adjustment and filter (week 4 / 24.04.2022)
The collage appears to be more alive and appealing once the filter and effects have been added. For example, after adjusting the curves, the purple mountain became the hue of earth. The addition of a blue backdrop as a representation of the sky made the photographs more fascinating and related. To provide a sense of the old, I used a noise effect to make the car and even the building blurrier, evoking a sense of the old technology
Fig 4.11 final outcome, digital collage (week 4 /24.04.2022)
Full exploration was recorded in this section > PROJECT 1 : THE COLLAGE
WEEK 5 @ DOUBLE EXPOSURE
LECTURE
1. DOUBLE EXPOSURE & IMAGE BLENDING MODEWhat is Double Exposure Photography?Double exposure photography refers to merging multiple images. The goal is to make them surreal, emotional or humorous. They usually feature silhouettes.The Function of Double Exposure Photography
- Using the Tilt-Shift Effect
Fig 5.1 tilt-shift effectPhotoshop has a great tilt-shift tool that will transform your photos into soft works of art. If you want to be extra creative, blur one of your photos instead of the entire image.
[Filter > Blur Gallery > Tilt-Shift]
- Create a fake reflection.
- Experiment with simple portraits and details that are textured.
- Convert your results to black and white.
- Work with a silhouette
- Pick two random photos.
- Make simple objects look fascinating.
- Use shadow
WEEK 5 @ DOUBLE EXPOSURE
LECTURE
The Function of Double Exposure Photography
- Using the Tilt-Shift Effect
Photoshop has a great tilt-shift tool that will transform your photos into soft works of art. If you want to be extra creative, blur one of your photos instead of the entire image.
[Filter > Blur Gallery > Tilt-Shift]
- Create a fake reflection.
- Experiment with simple portraits and details that are textured.
- Convert your results to black and white.
- Work with a silhouette
- Pick two random photos.
- Make simple objects look fascinating.
- Use shadow
PRATICAL
During the class (week 5), we were introduced to the project 2B - double exposure. At first, we are tasked to done the double exposure followed by the given tutorial video :
Fig 5.2 materials given (week 5 / 29.04.2022)Followed by the tutorial, I had cut out and mask the portrait :
Fig 5.3 masking the portrait (week 5 / 29.04.2022)
Fig 5.4 portrait with backdrop (week 5 / 29.04.2022)
Fig 5.5 Final outcome, portrait with backdrop (week 5 / 29.04.2022)
After the portrait been masked, I started the double exposure journey by adding the filters, adjustments on the layers according to the tutorial video given.
Fig 5.6 masking double exposure (week 5 /29.04.2022)
Fig 5.7 layer adjustments (week 5 /29.04.2022)
Fig 5.8 exploring the best composition, filter (week 5 /29.04.2022)
Fig 5.9 #final outcome of double exposure, followed by tutorial video (week 5 /29.04.2022)
During the class (week 5), we were introduced to the project 2B - double exposure. At first, we are tasked to done the double exposure followed by the given tutorial video :
Followed by the tutorial, I had cut out and mask the portrait :
FINAL OUTCOME IN PDF
Fig 5.10 #final outcome of double exposure, followed by tutorial video - PDF (week 5 /29.04.2022)
Full exploration was recorded in this section > EXERCISE : DOUBLE EXPOSURE
WEEK 6 @ HARI RAYA BREAK
WEEK 6 @ HARI RAYA BREAK
WEEK 7 @ RECOLOURING B&W
TUTORIAL
For the project 2B part 2, the objective is to recolour the black and white photo. At first, to color the B&W photo, we shall take a photo that with color. Select the coloured image with Marquee tool [M] to be as a reference for the B&W photo.
Fig 7.1 Marquee the skin (week 7 / 14.05.2022)
Fig 7.2 paste to the B&W portrait (week 7 / 14.05.2022)
Select the eyedropper tool [I], change the sample size to : 5 by 5 Average
Fig 7.3 sample size of eye dropper (week 7 / 14.05.2022)
Use the eyedropper tool [I] to pick up the color of the skin, paint on the top with Brush tool (size 35, hardness 100%). Repeat the process for the highlight, midtone, and shadow.
Fig 7.4 skin colour (week 7 / 14.05.2022)
By having the hair colour reference, I repeat the process on the alternative reference image that provided on picking up the color of highlight, mid-tone, shadow.
Fig 7.5 the reference image (week 7 / 14.05.2022)
Fig 7.6 Picking the hair colour (week 7 / 14.05.2022)
Then, I started to mask the portrait's hair, [select and mask] the layer mask to make the hair more detailed.
Fig 7.7 selection tool (week 7 / 14.05.2022)
In the section of layer mask, select and mask to detail the hair. Using the overlay features in view, and select the smart radius.
Fig 7.8 select and mask (week 7 / 14.05.2022)
Fig 7.9 Masking outcome, hair (week 7 / 14.05.2022)
Fig 7.10 Masking outcome, hair with portrait (week 7 / 14.05.2022)
After masking the hair of the portrait, fill the colour by create a new layer > solid color > use eyedropper tool to pick the hair colour.
Fig 7.11 Fill the hair colour (week 7 / 14.05.2022)
Fig 7.12 Outcome, after hair coloured (week 7 / 14.05.2022)
After filled in the coloured hair, I repeat the process on the face, feather, earrings, lips and also the teeth.
Fig 7.13 Masking the face (week 7 / 14.05.2022)
To differentiate the color of lip and eyes, select the select and mask in layer mask to refine the eyes and lip.
Fig 7.14 Select and Mask (week 7 / 14.05.2022)
Fig 7.15 Fill with colour (week 7 / 14.05.2022)
The background :
Fig 7.16 Select and mask (week 7 / 14.05.2022)
Fig 7.17 Filled with colour (week 7 / 14.05.2022)
The feather :
Fig 7.18 Select and mask (week 7 / 14.05.2022)
Fig 7.19 Filled with colour (week 7 / 14.05.2022)
The lips, teeth and earrings :
Fig 7.20 Select and mask (week 7 / 14.05.2022)
Fig 7.21 Filled with colour (week 7 / 14.05.2022)
FINAL OUTCOME OF DIGITAL IMAGING EXERCISE 02 - RECOLOURING B&W [follow tutorial]
Fig 7.22 Final outcome of digital imaging exercise 02 - recolouring b&w (week 7 / 14.05.2022)
Fig 7.23 Final outcome of digital imaging exercise 02 - recolouring b&w (week 7 / 14.05.2022)
Full exploration (including part B ; project 2B ) was recorded in this section > PROJECT 2B : PHOTO IMAGING EXERCISE 2
WEEK 7 @ RECOLOURING B&W
TUTORIAL
By having the hair colour reference, I repeat the process on the alternative reference image that provided on picking up the color of highlight, mid-tone, shadow.
 |
 Fig 7.7 selection tool (week 7 / 14.05.2022) |
Fig 7.10 Masking outcome, hair with portrait (week 7 / 14.05.2022)
WEEK 8 @ PHOTO MANIPULATION
WEEK 8 @ PHOTO MANIPULATION
LECTURE
Fig 8.1 - 8.2 samples of photo manipulation (week 8 /16.05.2022)
DefinitionPhotograph manipulation involves the transformation or alteration of a photography using various methods and techniques to achieve desired results. Widely accepted as an art form, photo manipulation requires skill as well as an active imagination to create an illusion.
ObjectivesDevelop imaginative & creative idea.
PRATICAL
We are required to get some idea development during the week. This week, we are having a session of photo shooting in studio.
Full exploration (Project 2C ) was recorded in this section > PROJECT 2C : Conceptual Product Photoshop
WEEK 9 @ DIGITAL SURREALISM
LECTURE
REALISM VS. SURREALISM
RealismTakes subject matters of the ordinary and common world which we call "reality." It almost always takes a non-exotic and non-extraordinary subject matter and theme. There is no need to think outside of the box, as that is not "real."
SurrealismA twist on Realism. It explores the subconscious mind, with subject matters concentrating on dream-images and often aims to distort the ordinary and what we call reality.
Fig 9.1 samples of surrealism (week 9 / 26.05.2022)
Surrealism defies logic. Dreams and the workings of the subconscious mind inspire surrealistic art filled with strange images and bizarre juxtapositions.
Dadaism
Fig 9.2 samples of dadaism (week 9 / 26.05.2022)
What is Digital Surrealism?Surrealism is a cultural movement focused on type of arts to express about the artist’s idea themselves. In this digital era surrealism is one of the top digital art styles.
How to start create?
1. Dream-like scenes and symbolic images
2. Unexpected, illogical juxtaposition
3. Bizarre assemblages of ordinary objects
4. Primitive or child-like designs
How to start create?
1. Dream-like scenes and symbolic images
2. Unexpected, illogical juxtaposition
3. Bizarre assemblages of ordinary objects
4. Primitive or child-like designs
TUTORIAL
This week, our tutorial are focusing on the blending mode. I had experienced some blending mode based on the tutorial given by Mr. Martin.
Below are the exploration that followed by the tutorial given :
1. BLENDING OPTION #SCREEN
Fig 9.3 - 9.4 photo of girl with coffee and steam (week 9 / 26.05.2022)
At first, insert the image of girl with coffee and steam to photoshop.
Fig 9.5 photo of girl with coffee (week 9 / 26.05.2022)
Fig 9.6 insert image of steam (week 9 / 26.05.2022)
Create new adjustment layer, adjust the level to increase contrast. Then, create a new radial gradient [gradient > style > change to radial] and cut the opacity to 20%.
Fig 9.7 Radial gradient (week 9 / 26.05.2022)
To make the image to be realistic in steam, apply blending option [screen mode] on the steam.
Fig 9.8 Blending option - screen (week 9 / 26.05.2022)
This week, our tutorial are focusing on the blending mode. I had experienced some blending mode based on the tutorial given by Mr. Martin.
FINAL OUTCOME OF BLENDING OPTION #SCREEN
Fig 9.10 Final outcome # blending option - screen, PDF (week 9 / 26.05.2022)
2. BLENDING OPTION #MULTIPLY
Fig 9.11 - 9.12 photo of sea side and flock of flying birds (week 9 / 26.05.2022)
At the very first in this tutorial, insert the image to Photoshop. Select the birds with lasso tool. Copy the selection and paste the selection to the sea side image.
Fig 9.13 lasso tool (week 9 / 26.05.2022)
Fig 9.14 insert to the sea side image (week 9 / 26.05.2022)
Create one new adjustment layer, apply level and create clipping mask. Adjust the level from right to left (to create the white background) :
Fig 9.15 Level adjustment (week 9 / 26.05.2022)
Fig 9.16 Level adjustment (week 9 / 26.05.2022)
Last, apply the blending option - multiply :
Fig 9.17 Apply multiply mode (week 9 / 26.05.2022)
FINAL OUTCOME OF BLENDING OPTION #MULTIPLY
Fig 9.18 Final outcome # blending option - multiply (week 9 / 26.05.2022)
Fig 9.19 Final outcome # blending option - multiply (week 9 /26.05.2022)
3. BLENDING OPTION #SOFTLIGHTwhen we want to increase contrast, then can using the blending option#softlight. Blending mode only applied in the condition with two layer.
Material used :
Fig 9.20 image given (week 9 / 26.05.2022)
To increase the contrast of the image, duplicate the layer (image). Apply soft light mode to increase the contrast.
Fig 9.21 Soft-light blending mode (week 9 / 26.05.2022)
Create a radial gradient but this time "reverse" it and adjust the opacity. Apply the multiply blending mode to the gradient layer.
Fig 9.22 Radial gradient (week 9 / 26.05.2022)
Fig 9.23 After adjustments (week 9 /26.05.2022)
Fig 9.19 Final outcome # blending option - multiply (week 9 /26.05.2022)
FINAL OUTCOME OF BLENDING OPTION #SOFTLIGHT
Fig 9.24 Final outcome # blending option - softlight (week 9 / 26.05.2022)
Fig 9.25 Final outcome # blending option - softlight (week 9 /26.05.2022)
WEEK 10 @ INTRO TO AFTER EFFECTS
LECTURE
Fig 10.1 After effects, application (week 10 / 02.06.2022)
What is After Effects?Adobe After Effects is a 2.5D animation software used for animation, visual effects and motion picture compositing. After Effects is used in film, TV, and web video creation. This software is used in the post-production phase, and has hundreds of effects that can be used to manipulate imagery. This allows you to combine layers of video and images into the same scene.
Adobe After Effects takes a different approach for creating movement. Motion graphics animation works by manipulating vector and rasterized art to create and tell a story. You can integrate physical based media as well through photographs and videography.
TUTORIAL
In this week, we are advised to download the application, Adobe Aftereffects (AE).
At the very first, click [file> import].1. Change footage to composition, import as composition*if import in footage, it will convert in a single layer.
Fig 10.2 Replace footage to composition (week 10 / 02.06.2022)
2. Choose the [editable layer] instead to merge the layer so that the file would show a separate layer and we can make adjustments separately.
Fig 10.3 choose editable layer (week 10 / 02.06.2022)
3. Double click the folder and it will show at the bottom (how many layers contained there).
Fig 10.4 visible on the layer adjustments (week 10 / 02.06.2022)
4. In terms to edit the layer, click the [v] down menu (fig 1.4) and can see the anchor point, position, scale, rotate and opacity below the menu.
Fig 10.5 the > down menu (week 10 / 02.06.2022)
Anchor Point : the centre of the itemPosition : (X, Y) , (move it to the left and right, move it to the up and down)Scale : the size of the item ( <100 decrease the size, >100 increasing the size)Rotation : rotate the itemOpacity : transparency of the item
5. Before doing the animation, go [composition > composition settings], change the frame rate from 29.97 to 25 per frame. Change the duration from 30s to 4s.
Fig 10.6 composition settings (week 10 / 02.06.2022)
6. Start animated!
Fig 10.7 animated the layers (week 10 / 02.06.2022)
7. Apply Motion blur8. Then, export it! [composition > add to render queue > Best settings, High quality, select the destination folder > Render].
FINAL OUTCOME OF TUTORIAL WEEK 10
Fig 10.8 Final outcome, week 10, MOV (week 10 /02.06.2022)
In this week, we are advised to download the application, Adobe Aftereffects (AE).
WEEK 11 @ PHOTOSHOP TIMELINE
TUTORIAL
During this week of tutorial, we had introduced on how to animate in Adobe Photoshop (PS). At the very first, we had been instructed to download all the images in google drive for the tutorial session:
Fig 11.1 Downloaded images (week 11 / 09.06.2022)
1. 1ST ATTEMPT @ YOWAAt first, as usual in previous work, remove the background by using quick selection tool, select and mask.
Fig 11.2 Image, Yowa (week 11 / 09.06.2022)
Fig 11.3 quick selection tool (week 11 / 09.06.2022)
Fig 11.4 after, select and mask (week 11 / 09.06.2022)
To clean the background layer, click [command] on the mask for "yowa layer" to lock the selection or [select > load selection]. To expand the selection, [select > modify > expand 5 px]
To make the photoshop clean the object 'yowa', select [edit > fill > content-aware] to achieve the outcome (fig 2.5).
Fig 11.5 after the process, clean the background (week 11 / 09.06.2022)
As there were having some minor hair/ subject that not been cleaned in the background, use the spot healing brush tool to erase it.
Fig 11.6 spot healing brush tool (week 11 / 09.06.2022)
Fig 11.7 outcome, cleaned background (week 11 / 09.06.2022)
Before start the animation, convert both layers to smart object by clicking [convert to smart object]. Then, click [window > timeline] to create the timeline.
Fig 11.8 create video timeline (week 11 / 09.06.2022)
[option]. To make the object to be free transform in a same anchor point.To export the animation, render the video.
FINAL OUTCOME OF #1ST ATTEMPT YOWA
Fig 11.9 Final outcome, '1st attempt yowa' (week 11 /09.06.2022)
2. 2ND ATTEMPT @ YOWAAt first, as usual in previous work, remove the background by using quick selection tool, select and mask.
Fig 11.10 image selected, Yowa (week 11 / 09.06.2022)
Fig 11.11 after, select and mask (week 11 / 09.06.2022)
Repeat the step as #attempt1, from fig 2.5 - 2.7 :
Fig 11.12 outcome, cleaned background (week 11 / 09.06.2022)
To make the animation more interesting, separate the image to foreground (grass) and background (sky).
Fig 11.13 background, sky (week 11 / 09.06.2022)
Fig 11.14 foreground, grass (week 11 / 09.06.2022)
Then, continued it by [convert to smart object] and create the video frame timeline. FINAL OUTCOME OF #2ND ATTEMPT YOWA
Fig 11.15 Final outcome, '2nd attempt yowa' (week 11 / 09.06.2022)
3. 3RD ATTEMPT @ YOGAFor the 3rd attempt, the aim is to create a GIF by using the Adobe Photoshop frame timeline. I repeated the step from fig 2.2 remove the background to fig 2.7 cleaned the background.
Fig 11.16 select and mask (week 11 / 09.06.2022)
Fig 11.17 outcome, removed background (week 11 / 09.06.2022)
Fig 11.18 outcome, cleaned background (week 11 / 09.06.2022)
As this time was aimed on creating a GIFs, so duplicate the "yoga layer", create a frame timeline [window > timeline > create frame animation].
Fig 11.19 create frame animation (week 11 / 09.06.2022)
To make one of the frame animated, click [edit > puppet warp] to transform it. Pin the skeleton.
Fig 11.20 pin the skeleton, puppet warp (week 11 / 09.06.2022)
After the animation are created, save it by [export > save for web > GIF].
FINAL OUTCOME OF #3RD ATTEMPT YOGA
Fig 11.21 Final outcome, 3rd attempt, GIF (week 11 / 09.06.2022)
Comments
Post a Comment