lim jia sheng,

.Digital Photo & Imaging

lecture: Conceptual PSA Poster

In this live lecture, we were strung through the basics of designing a high fidelity poster, as well as briefed briefly on project[2]


Posters convey information to the target audience in a clear and non-confusing way. The information could be for brand awareness, advertising, PSA's, etc.

Public Service Announcement (PSA)

It's a piece of information inline with public interest, often disseminated without charge, to raise awareness of a specific social issue. (This is also the type of poster we'll need to create for project[2].

Ideating a PSA

    1. Study and gather all related information about the topic chosen
    2. Write a summary about the topic chosen
    3. Highlight the key points of the summary
    4. Define the Title
    5. Define the Slogan
    6. Define the Details
    7. Define the Call For Action

Defining a PSA

    1. Create a section for each contents (Title, Slogan, Details & Call for Action) 
    2. Sketch your mock up poster
    3. Fill in with details

Prototyping a PSA

    1. Draft the digital poster based on your sketch 
    2. Develop the composition techniques using Digital Photography & Graphic Design.
    3. Apply color, typography, textures & effects
    4. Finalize your design with color correction

Figure 1.1.1, My favourite example of PSA posters from the lecture, 26/4/2021

Anatomy of a Creative Poster

    • Striking imagery
    • Meaningful information
    • Proper use of text, graphics, titles, & white space, via the composition's layout, flow, & colour


Text that acts as a  descriptive indicator of the contents of the poster, which length shouldn't exceed 2 lines.


Text that clearly (but in a non-nuanced way) describes the message behind the poster.


Images (>=300dpi) that is inline with the context of the main texts.

White Space

Less busy parts of the poster that creates """breathing room""". Helps to not overwhelm viewers with the other design subjects.


The overall descriptor of the design subjects as well as the composition. "Graphics-centred layout" is recommended for this poster.


Describes the literal movement of the viewer's eyes when scanning through the poster.


Yes. Is also used in compositions to draw viewers eyes (pun intended).


Questions to Determine Design Impact

    • What is the purpose of my poster design?
    • Am I clearly depicting the idea of my poster design?
    • Does my poster convey its message meaningfully and beautifully?


tutorial/practical: Hearst Mansion

Our hands were held via a recorded tutorial by Mr. Martin's recorded tutorial, as well as Mr. Fauzi live demo, as they demonstrated the process of imposing Shazam into the mansion.

Things started by us being shown around Photoshop, with the shortcuts, layer names, & what not. Then, we started selecting & cutting out Shazam from his original frame using the "Quick Selection Tool".

Figure 2.1.1, Isolated Shazam, 24/4/2021

After that, even though Shazam was technically in the image, it still looked out of place. We had to fix this by messing with his colours, leading us to the "Match Colour" adjustment.

Figure 2.1.2, Interface of "Match Colour", 24/4/2021

Now this is a weird adjustment, since it's not an adjustment layer; acting more like a filter as it applied as a property of a layer. On top of that, there seems to be no "smart" variant of this adjustment as well, being unavailable to Smart Objects without rasterizing.

Continuing on from slider hell with that dialog box, was creating the reflections. This was done by flipping Shazam & using a mask via Pen Tool shenanigans. More adjustments (contrast, blur, etc) were layered onto the flipped & masked reflection to blend it into the scene.

Another tidbit added on during the live tutorial was to use the "Wave" filter on the reflection to not have it look as static as it normally does.

Figure 2.1.3, Superimposed Shazam, 26/4/2021

Figure 2.1.4, Screenshots from my version of the superimposing, 26/4/2021

If you have a keen eye, you might notice I used adjustment layers to substitute filters. This is just personal preference as I think adjustment layers are faster to work with, while providing the same functionality described in the tutorial.

Figure 2.1.5, Superimposed me, 26/4/2021