Use photoshop to create a photo montage image like the one below.
Search for specific technique: Photomontage
Artform that became extremely popular in the early 20th Century. Particularly popular in German Expressionism and Dadaism. Click the images for links to the original images or sites:
Photomontage: Amir Ebrahim Photography
Massive Attack – The Essential Mix
Create the Image in Photoshop
Create a similar photomontage to the one above by Amir Ebrahim Photography. Find a photo to base it on and copy and paste layers and change the image colour and tone.
Make sure to apply the meta data to the final product before saving it as a JPEG and PSD.
Email the JPEG
Email the JPEG to me.
Student Examples
Below are examples by students:
to be posted
Feedback
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!
Assessment 1 is a planning assessment. Your focus will be on creating an interactive PDF for an event of your choice. Assessment 2 will then focus on the creation of the interactive PDF. We will go through the steps of creating the interactive PDF in the next 2 weeks.
Assessment 1 requires of you to plan an interactive PDF for an event of your choice. Assessment 1 will not require for you to create this interactive PDF, you will just plan for it.
Just to clarify, the idea with this experience planner is to have a more detailed look at the actual experience of a customer or user. This will give you the ability to focus on fixing negative experiences and planning for a positive experience with a product or service.
Discuss Assessment 1
Assessment 1 requires of you to plan an interactive PDF for an event of your choice. Assessment 1 will not require for you to create this interactive PDF, you will just plan for it.
Interactive PDFs and apps are good ways to promote events. We will focus on the creation of an interactive PDF in this class. Events can be promoted with style in this format. It allows for the promotion of the event and sponsors. Links to websites, addresses, phone numbers, embedded videos, there are a lot of options to include hypermedia elements in a PDF.
Film Festivals (MIFF, French Film Festival, German Film Festival, Italian Film Festival, …)
Food Festivals (Melbourne Food and Wine Festival, Festivale, Tasting Australia, Great Barrier Feast, …)
Music Festivals (Stereosonic, Summadayze, Big Day Out, Soundwave, …)
Sport Events (Skateboard Event, Football World Cup 2014 in Brazil, Olympics, Melbourne Cup, …)
Health Events
Holiday Resorts (for tourists)
Fashion Week
Cultural Festival (Phil Fest)
Ideas for the Style, Look and Feel
To set yourself apart from the rest it is important to create work that is visually inspiring and in a style that appeals to the right target audience, but that is also within the spirit of time or contemporary. Be careful not to create the same old and to do something that you were inspired to by a software tutorial. The result would be most likely boring.
Look at contemporary design ideas and influences. Start your search in my links: Links to Inspire You (at the right side of this blog) include links to sites such as:
Other ways to find inspirational designs and contemporary graphics
Look for the works of contemporary graphic artists and designers:
Jamie McKelvie
Jamie has a comic artist and illustrator. His works are interesting plays on figure/ground relationship (or positive and negative space).
If you look at the illustration below, her body is very abstract and basically just made up of a number of diagonal lines. Her shoulder and upper body are shown in shape, but towards the lower end of the shirt the lines are just left unfinished. I find this an interesting treatment and the illustration appeals.
The star in the top right is a cutout of the the diagonal lines, which are already very dynamic. The title has been highly stylised. The texture has an aged, scratched finish and the arrangement of the type is very interesting, it looks like display type used in a shop front.
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
Illustration: Jamie McKelvie – Art Brut Record – Found at McKelvie’s Flickr account (click image)
Children’s Book Illustrations
There are many different styles of children’s book illustrations. One thing they all have in common is their target audience: children. That is what makes them so unique and often you can sense a desire in the illustrator to add a lot of story telling qualities and depth to the characters.
The interesting thing about children’s books as a source of inspiration is that you can search by designer or era.
You might be surprised that iconic graphic designer Saul Bass illustrated a children’s book. ‘Henri’s Walk to Paris’ was published in 1962 and if you look at the pages you will recognise the style of Bass. I strongly believe that children should be exposed to good graphic design ideas. I don’t mean the theory, but the children’s book should be inspiring. Below are some pages from ‘Henri’s Walk to Paris’.
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
The Street Art of Jef Aerosol
A Beautiful Piece by Aerosol found on his Facebook
Look at GUI Design Trends:
There is a clear move towards touch interfaces, due to tablets and other mobile trends. This can be seen in the Windows 8 Metro interface and latest trends in the Xbox 360 interface.
Artform that became extremely popular in the early 20th Century. Particularly popular in German Expressionism and Dadaism. Click the images for links to the original images or sites:
Photomontage: Amir Ebrahim Photography
Massive Attack – The Essential Mix
Homework for Assessment 1
Please complete the tasks below for next class:
Pick an Event
Find 10+ images for a style/feel that you like for the interactive PDF
Write down events + locations for the event (relevant to your event)
eg: Skateboard Week
events
shops
cafes
parks
map
Feedback
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!
Please open your assessment 1 – Student Diary Cover; I will walk around and look at everyone’s progress. Please open up anything you have done.
I would like to see some ideas and concepts at this stage, a description of the target audience and possibly you might have started on the project in Photoshop, Illustrator or InDesign. I will spend approximately 20 mins on this.
Inspirations for Assessment 1 – Student Diary
Swiss International Style – an iconic style of graphic design from the 1950s, strongly influenced by the ideals of the German Bauhaus – Click the image for a Google search on Swiss Style:
Swiss International Style
Constructivism – The immensely graphic art and propaganda style of Communist Russia, or to be more precise, of the Soviet Union. Early 1920s – 1940s. Click the image for a Google search on Constructivism:
Constructivism
Vietnamese Propaganda Posters – this is a particular style popular in Communist Vietnam. Visually very flat with the use of rich patterns and stunning in colour scheme. I feel very attracted to this style. Vietnam particularly in 1960s and 1970s. Click the image for a Google search on Vietnamese Propaganda Poster:
Vietnamese Propaganda Poster
Photomontage – Artform that became extremely popular in the early 20th Century. Particularly popular in German Expressionism and Dadaism. Click the images for links to the original images or sites:
Photomontage: Amir Ebrahim PhotographyMassive Attack – The Essential MixCouple found at http://frenchbydesign.blogspot.com.auruthworkx -http://ruthworkx.files.wordpress.comMosaic of Sofia Coppola – by Maurizio Galimberti – http://www.mauriziogalimberti.itPhoto Montage by SGlider12 on Webdesign.org – Click image for great Gimp tutorial
Assessment 2 – Design a GUI
This assessment covers this class for these units: Create Visual Design Components and Analyse Information and Assign Meta-Tags and Create A User Interface.
Due Date: in July
Design a Graphic User Interface. You can choose to design for a Website or App.
First: think about a project. What do you want the GUI to be for? Think about a client scenario, who is your client and what is the purpose of the site or app? What do you want the user to do after visiting it?
Develop sketches and refine your design in Photoshop.
You will need 4 pages (example Website: home, about us, portfolio, …)
Make sure to include:
Platform consideration – basically decide on the output platform and write it down
Dimensions – at what size will the user view your GUI?
Target Audience – Visit class 3 for ‘Visual Design Components’ for ideas on how to develop your target audience.
Influences – ‘screenshot after screenshot’, capture screenshots of influences, look up sites that influenced you.
UCD considerations, design your GUI around User Centred Design considerations
Follow a step by step approach for your design process – Visit class 2 for ‘Visual Design Components’ for examples of a design process
You will need to supply original photos taken by you! Each photo needs meta-data assigned to it. Include photographer details, tags, image title, copyright statement. Include a folder with the edited images with meta-data.
Uncle Sam Wants You, WWI Propaganda Poster for US Army recruits, Design by James Montgomery Flagg, 1916, image found at: Live Auctioneers
Massive Attack – The Essential Mix
Fruity Design – This is great for a menu, very appetizing thumbnails – found at: WeddingPhotography.com
Illustration by Jessie Ford, found on DzineBlog.com
Work by Justin Anderson
Some of us have there most enjoyable moments in nature at the beach, Photo by rivediamoci on morgueFiles
Examples of Output and Display for web-content. Image: live.surveyshack.com
Work by Jo W
Photo by Seemann on morgueFile.com
A Beautiful Piece by Aerosol found on his Facebook
Setting the grid up.
Illustration by Kate Miller, found on DzineBlog.com
Photo by omdur on morgueFile
Lines and Gradients- Courtesy of: psdtuts+
The swirls in the image are made up of numerous lines. Courtesy of: www.openprocessing.org
The gentle curve of the river and the light green tones of the grass give this image a calming feel. The montains and the clouds have a less calming effect. Image: courtesy of Icon Photography School – http://www.photographyicon.com/line/
Courtesy of The Art of Mass Effect Universe’, 2012
Text and Shapes – This design lends itself to an interactive use – found at: Klafferty.com
Multimedia Production Cycle – This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com
Contemporary design in style of Construcitvism by Teo Brito found at LauraGreen92 – click image for more information and link to her blog
Britons, Lord Kitchener Wants You! Propaganda poster design from WWI by Alfred Leere. Image: courtesy of WorldWarEra.com
Courtesy of The Art of Mass Effect Universe’, 2012
Milk Poster – Swiss International Style Reference – by Annabel Stephen Salip
Swiss travel poster from 1934 by Herbert Matter – Source: http://swisstype.wordpress.com/work/
Table of Content from Textbook – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Photo by matthewbridges on morgueFile.com
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Constructivism Reference – by Lylah Livingston
Photo by mconnors on morgueFile
Jenga, photo courtesy of: Design-Crit.com
Light Streaks – Courtesy of: PhotoshopEssentials
Grassy Rabbits
Italian movie poster found on Abduzeedo.com
Swiss International Style – Joseph Müller-Brockmann – Beethoven – found at www.designhistory.com
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Illustrator unknown – found at: Ephemera – World of Rare Books
Image Source: www.photoshopessentials.com
ruthworkx -http://ruthworkx.files.wordpress.com
Good Morning! Photo: wallyir, from: morgueFile.com
Photo by DTL on morgueFiles
Layers in Photoshop are like a Collage of images stuck on top of each other…
This is a template for a business website found at TemplateMonster. It is interesting in the sense that it breaks up the main image as part of the navigation. The sound it comes with is annoying.
Photo by hotblack on morgueFile.com
Leonardo’s St. John the Baptist, Louvre, Paris, Image: courtesy of A World History of Art – www.all-art.org
The Glossy Reflection is transparent on top and gets whiter towards the bottom.
Couple found at http://frenchbydesign.blogspot.com.au
Example of applied changes
Screenshot – 82 Everyone is a Marketer by Seth Godin from What’s Your Story by Joyce Hostyn
Outlined text changed in size and colours dropped into the individual letters with Eyedropper tool using LMB + Alt
Work by Egon Schiele, found at Mom.org
Steel Curves, Image: courtesy of flickr.com, photographer: Margeois.
Geese in Ameland, Photo by Frans Schouwenburg
Your Lipstick Needs You, an entertaining take by Digital Media Artist Samantha Cain. Courtesy of: Samantha Cain, http://www.behance.net/samanthacain
Close-up at Fed Square, Federico Viola 2013
Based on photo by dhester from morgueFile.com
Illustration by Gary Neill found on P.A.P.-Blog – http://garyneill.com/ http://garyneill.tumblr.com/
Photo by frenchbyte on morgueFile
Illustration: Tavis Coburn – Illustration for for an article predicting trends in Apple’s mobile strategy. Found on: TavisCoburn.com
The grass layer has been turned into a clipping mask with the shape of the rabbit below.
The concept was used on the German side as well with this ‘Auch du sollst beitreten zur Reichswehr’ [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss
Illustration: Jamie McKelvie – Art Brut Record
Poppies – Vector art Federico Viola based on photo by hotblack from morgueFile
Photo by mcconnors on morgueFile
Vista Lighting Effect – Courtesy of: Tutorial9
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Typographic with Colours and Photos – The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com
Illustration by Tavis Coburn found on DzineBlog.com
Based on a photo by delboysafa from morgueFile.com
The Face by drfranken found on ChromoArt.de
I Want You – Emily Strange, The lovable Emily Strange came to life in 1991, designed by Nathan Carrico for Santa Cruz Skateboards. She is referred to as a counterculture icon. I would just call her a sceptic. Image found at: Kollectable Kaos
Screenshot of Endless Alphabet 2, courtesy of AppsPlayground.com
Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.com
Based on photo by xandert found on morgueFile
Text and Shapes – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Mosaic of Sofia Coppola – by Maurizio Galimberti – www.mauriziogalimberti.it
Photo by ariadna on morgueFile
Photo Montage by SGlider12 on Webdesign.org – Click image for great Gimp tutorial
Only practice will help you learn! Photo by BreonWarwick on morgueFile
Illustration by Jessie Ford, found on DzineBlog.com
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
Text-based Table of Content – Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)
He loves OHS! – Photo by Karpati Gabor on morgueFile
Colours, Numbers and Boxes – very happy and alive, personally I do not like the distortion of the word content – found at: Flickr
Pink Ribbon Day – Swiss International Style Reference – by Hwan Rochanabuddhi
What Time is it Now? by King_Bobbles
“Step into my office” Source: The Age, click image for link
Source: morgueFile, Photo by matei
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
‘For Great Road Trips: Switzerland’ Poster by Herbert Matter in (Swiss) International Style – Source: http://swisstype.wordpress.com/work/
Image from morgueFile by lemai13
The calming effect of horizontal lines, image: courtesy of flickr.com, Photographer: jaikdean
Based on image by hotblack on morgueFile.com – F.Viola
Found at Inc.com
Photo by dharder on morgueFiles.com
Experimental Photomontage by Robert Heinecken
Screenshot from What’s Your Story by Joyce Hostyn
Finding the Right Candidate for a Job… – Photo AdamRiley from www.projectnoah.org
Based on photo by hotblack from morgueFile.com
Using the Reflect tool (o) to reflect the i downwards as if it has collapsed in front.
Vertical lines of a dark fence, image courtesy of p.ic – Photo Internet Collection – www.photoic.wordpress.com, photographer: Federico Viola
Michael Pointing in GTA V – Courtesy of Rockstar
Illustration by Gary Neill found on Dzineblog.com – http://garyneill.com/ http://garyneill.tumblr.com/
Concept for Gallery Screnshot
Luminescent Lines – Courtesy of: PSDLearning
Peace- Swiss International Style Reference – by Maryam Chananeh