Digital Photography and Imaging / Project 2C - Conceptual Product Photoshoot

Week 8 - 10  (16.05.2022 - 05.06.2022)
Yung Siew Weng / 0339847
Digital Photography and Imaging / Bachelor of Design (Hons) in Creative Media
Project 2C / Conceptual Product Photoshoot

PROJECT 2C : Conceptual Product Photoshoot

MODULE INFORMATION

INSTRUCTION

Develop a good concept:
  1. Illusion that is created by a combination of 2 objects.
  2. Pinterest to view lots of photo manipulation works, pins them.
  3. Find objects in your surrounding that you can use for the project.
  4. Sketch your idea.

EXPLORATION

PROJECT 2C : CONCEPTUAL PRODUCT PHOTOSHOOT

At first, we are required to view lots of photo manipulation in Pinterest to gain an idea for forming and idea exploration.

Fig 1.1 Screenshot of pins (week 8 / 16.05.2022)

Then, I started to discover the objects that surrounded me to develop a form of creative. I get an avocado in my fridge and get around to figure what suit to make the creation within.

Fig 1.2 avocado (week 8 / 16.05.2022)

Just then, I noticed a shoe and felt that they can gain a sense of combination? and I start my sketches on idea exploration.

Fig 1.3 - 1.4 the shoe (week 8 / 16.05.2022)

I sketch the idea of the avocado in half, with and without its seeds.

Fig 1.5 avocado in half (week 8 / 18.05.2022)

The manipulation of avocado with seed and the shoe (sketch) :

Fig 1.6 avocado in half, with seed (week 8 / 18.05.2022)

Fig 1.7 sketch #1 (week 8 / 18.05.2022)

The manipulation of avocado without seed and the shoe (sketch) :

Fig 1.8 avocado in half, without seed (week 8 / 18.05.2022)

Fig 1.9 sketch #2 (week 8 / 18.05.2022)

To continued on more exploration, I tried one on the avocado and the onion.

Fig 1.10 - 1.11 avocado and onion (week 8 / 20.05.2022)

The manipulation of avocado and the onion (sketch) :

Fig 1.12 sketch #3 (week 8 / 20.05.2022)

After the two sketches, I tried on the combination within the bread and iPad.

Fig 1.13 - 1.14 bread and iPad (week 8 / 22.05.2022)

The manipulation of bread and iPad (sketch) :
Fig 1.15 sketch on bread and iPad (week 8 / 22.05.2022)

Fig 1.16 sketch #4 , "i-Bread" (week 8 / 22.05.2022)

The combination of outcomes (sketches) :

Fig 1.17 combination of outcome, sketch #1- 4 (week 8 / 22.05.2022)

FEEDBACK @ WEEK 9 / 26.05.2022
All these ideas would worked well in illustrator but in Photoshop would seems to be more difficult. Your idea is great but you need a very handy skill in Photoshop to achieve the effects such as the avocado + shoe, it looks simply but will be very difficult in Photoshop. For the avocado + onion, the idea might not so worked in this task as we can manually take out the avocado seed and replaced it with the small onion instead. Moreover, for the idea of iPad + bread, it is something that we can achieve without the Photoshop, so it might worked for this task. Mr. Martin suggested me to remain the shape of iPad with the texture of the bread. And, he did introduced the "displacement map" effects to me for achieving the displacement effects for my idea of i-bread.

After receiving the feedbacks, I start to explore the "displacement map". I take the YouTube video "how to comfort text to a surface using a displacement map in Photoshop" as a reference to start the journey. (I-bread)


Fig 1.18 screenshot of the video page (week 10 / 31.05.2022)

I created the I-bread according the tutorial video (fig 2.17) and my experience before. And, I documented the process in below (feel free to swipe down for a look :D)

First and foremost, drag and upload the selected images in Photoshop, using the selection tools to remove the image background.

Fig 1.19 before removing background (week 10 / 31.05.2022)

Fig 1.20 after removing background (week 10 / 31.05.2022)

Select [filter > blur >  Gaussian blur] to get rid of some of the details in iPad and continued by adjusting the hue/ saturation to make the images to be black and white. Then, save the B&W version of iPad, [file > save as photoshop file].

Fig 1.21 after adjustments (week 10 / 31.05.2022)

Then, reopen / drag the original image (fig 2.19) to Photoshop, and place the bread image. Before the displacement effect, I did the same steps [selection tool > add vector mask] to remove the unnecessary background of the bread.

Fig 1.22 selection tool, before removing background (week 10 / 31.05.2022)

Fig 1.23 after removing background (week 10 / 31.05.2022)

After the background been removed, I place the bread in the file and select [convert to smart object]. It is because according to the tutorial YouTube video, displacement effect can only be done on smart objects.

Fig 1.24 converting smart object (week 10 / 31.05.2022)

Then, select [filter > distort > displace] to apply the displacement effect on the bread.

Fig 1.25 apply displacement effect (week 10 / 31.05.2022)

After, adjust the blending options. I did experiment on both overlay (fig 2.25) and multiply (fig 2.26) effect.

Fig 1.26 overlay blending option (week 10 / 31.05.2022)

Fig 1.27 multiply blending option (week 10 / 31.05.2022)

Add on a clipping mask to make the bread in the same size and shape of the iPad.

Fig 1.28 clipping mask (week 10 / 31.05.2022)

To make the iPad logo, words and cameras to be more detailed, I insert the B&W version onto the upper layer.

Fig 1.29 Insert B&W version (week 10 / 31.05.2022)

renamed it to 'iPad Copy', adjust the filter from normal to overlay, but remained the opacity.

Fig 1.30 adjust the layer 'iPad copy' (week 10 / 31.05.2022)

Then, fill the background in colour by clicking [solid colour > chose the suitable colour]. Adjust the curves level and apply the filter. At the moment, I compared the both filter, lighter colour (fig 2.30) and linear dodge (fig 2.31).

Fig 1.31 curves level, lighter colour (week 10 / 31.05.2022)

Fig 1.32 curves level, linear dodge (week 10 / 31.05.2022)

I felt that the effect of linear dodge is more detailed in the texture of bread, so I proceed with the effect on adjusting the opacity.

Fig 1.33 linear dodge, adjust opacity (week 10 / 31.05.2022)

Fig 1.34 outcome of photo manipulation, i-bread #attempt 1 (week 10 / 31.05.2022)

FEEDBACK @ WEEK 10 / 02.06.2022
The conclusion is unexpected, as the initial proposal. Mr. Martin suggested on having iPad to replace the bread instead of bread replaced the position of iPad. 

Then, I repeated the step, capturing a new image on the bread in without a contrast (lighting). And, the following image are the new materials of I-bread.

Fig 1.35 - 1.36 bread and iPad (week 10 / 02.06.2022)

I merged all the elements on the iPad to the bread by using selection tools and pen tools.

Fig 1.37 selection tool (week 10 / 02.06.2022)

Fig 1.38 outcome of camera (without background) (week 10 / 02.06.2022)

I did the same methods on merging the logos of apple and the other element that display on the iPad.
Fig 1.39 selection tool (week 10 / 02.06.2022)

Fig 1.40 outcome of apple logo (without background) (week 10 / 02.06.2022)

Then, I placed all the elements to the bread. Meanwhile, I faced difficulties on merging the serial number as the displaced words is too small and too similar to its background colour.

Fig 1.41 draft outcome #attempt 2 (week 10 / 02.06.2022

At the moment, I send a copies of my attempt to Mr. Martin and check on how should I proceed with. 

FEEDBACK @ WEEK 10 / 02.06.2022
Mr. Martin suggested that I shall use free transform mode to match the shape of the bread with the iPad, which making the bread to the iPad aspect ratio. He even suggested to use puppet wrap effect to achieve a most approachable outcome. 

Following by my attempt #3, I recaptured on my iPad with having more additional elements to create a sense on showing "this is an iPad."

I repeated the method on removing the background [selection tool > add vector mask]

Fig 1.42 iPad image (week 10 / 02.06.2022)

Fig 1.43 iPad image (without background) (week 10 / 02.06.2022)

Then, I continued my experiment on the puppet effect [edit > puppet warp] that introduced by Mr. Martin.

At first, I placed the bread at the upper layer of the iPad, using the free transform mode [command + T] to match the aspect ratio of the iPad. 

Fig 1.44 placing the bread on iPad (week 10 / 02.06.2022)

Fig 1.45 free transform (week 10 / 02.06.2022)

To make the puppet warp effect worked, I pinned many pins on the edge of the bread to "hide" the presence of the iPad. Then, I inserted the elements of iPad to my attempt #3 version :
Fig 1.46 puppet warp (week 10 / 02.06.2022)

Fig 1.47 puppet warp (week 10 / 02.06.2022)

Fig 1.48 outcome #attempt 3 (week 10 / 02.06.2022)

FEEDBACK @ WEEK 10 / 04.06.2022
The logo is seems like floating on the top, not like embedded into the surface, might need to work a bit on it. Make the element of iPad to be more realistic by using the blending options.

After the additional "tutorial" session that given by Mr. Martin regarding the methods on the improvements, I continued my journey on discover my final outcome.

At first, to make the iPad elements to be embedded on the surface of the bread, use the rectangular marquee tool to get the selection area, create a new layer (layer 1) and place under the element. Copy the selection area and paste into the new layer.

Fig 1.49 rectangular marquee tool (week 10 / 04.06.2022)

Fig 1.50 new layer (week 10 / 04.06.2022)

To make the selection (bread texture) to be same as the apple logo, go to the apple logo and use the selection tool to select the logo and create the clipping mask on layer 1(the bread texture layer).

Fig 1.51selection tool (week 10 / 04.06.2022)

Fig 1.52 create clipping mask (week 10 / 04.06.2022)

Then, use the blending option to make the apple logo be embedded on the surface of the bread.

Fig 1.53 blending option (week 10 / 04.06.2022)

Fig 1.54 blending option #outcome (week 10 / 04.06.2022)

Last, place the original apple logo and move the mask (layer 1) slightly left or right to create a sense of form.

Fig 1.55 adjustment on the mask (week 10 / 04.06.2022)

Then, I repeated the same step to form the other elements of the iPad. 

Fig 1.56 adjustment on camera (week 10 / 04.06.2022)

Fig 1.57 adjustment on camera #outcome (week 10 / 04.06.2022)

Fig 1.57 adjustment on iPad text #outcome (week 10 / 04.06.2022)

After completed all the blending, filters and masking towards the elements of the iPad, I finally created a new outcome. I export two version of I-bread, which one with pencil and cable whereas one only having the iPad model.

Fig 1.59 outcome of #attempt 3 (week 10 / 04.06.2022)

Last, Mr. Martin suggested to pick the one with cable and pencil and I did make some adjustments on the puppet warp too before the final outcome.

FINAL OUTCOME @ CONCEPTUAL PRODUCT PHOTOSHOP

Fig 1.60 Final Outcome, conceptual product photoshoot - I-bread (week 10 / 04.06.2022)

Fig 1.61 Final Outcome, 
conceptual product photoshoot - I-bread, PDF (week 10 / 04.06.2022)

FEEDBACK

WEEK 9 @ 26.05.2022
#THE SKETCHES
All these ideas would worked well in illustrator but in Photoshop would seems to be more difficult. Your idea is great but you need a very handy skill in Photoshop to achieve the effects such as the avocado + shoe, it looks simply but will be very difficult in Photoshop. For the avocado + onion, the idea might not so worked in this task as we can manually take out the avocado seed and replaced it with the small onion instead. Moreover, for the idea of iPad + bread, it is something that we can achieve without the Photoshop, so it might worked for this task. Mr. Martin suggested me to remain the shape of iPad with the texture of the bread. And, he did introduced the "displacement map" effects to me for achieving the displacement effects for my idea of i-bread.

WEEK 10 @ 02.06.2022
#ATTEMPT 1
The conclusion is unexpected, as the initial proposal. Mr. Martin suggested on having iPad to replace the bread instead of bread replaced the position of iPad. 

WEEK 10 @ 02.06.2022
#ATTEMPT 2
Mr. Martin suggested that I shall use free transform mode to match the shape of the bread with the iPad, which making the bread to the iPad aspect ratio. He even suggested to use puppet wrap effect to achieve a most approachable outcome.

WEEK 10 @ 04.06.2022
#ATTEMPT 3
The logo is seems like floating on the top, not like embedded into the surface, might need to work a bit on it. Make the element of iPad to be more realistic by using the blending options.

REFLECTION

Throughout the journey, I can sense a photo editor's anxiety as he or she strives for perfection. It can be said that there was always something to be improved towards the outcome to achieve more perfection. Overall, I gained lots of extra knowledge on how to construct or even create good photo manipulations through the application Adobe Photoshop, such as the puppet warp and the displacement map effects.  This exercise can be described as a mixture of the previous exercise's learning results. 

Furthermore, I noticed that we should utilize references to get a more comprehensible and credible result. It was not to plagiarise, but to use other people's work as a starting point to develop a more unique result. Aside from that, practise makes perfect. This application may take longer time to learn because it has a lot of useful abilities and knowledge to memorise. Overall, though, I had a fantastic experience "baking" my I-bread! 🍞 🥖 🥯 

Comments

Post a Comment