Ocean travel without a boat

Journal of Peter Greenwell

Month: May 2018

The festival poster project

This is for a visual design assignment I did for university. The finished design is included. Couldn’t get that text how I wanted it.


Introduction

The second project was a poster for a festival, which stressed a family-friendly music and cultural experience where camping and food was available, and transport to the venue was also provided. This project was also to be created in Photoshop CC or earlier, at A4 size, 300 dpi with a CMYK colour format designed for printing. With this, I chose a psychedelic theme, which emphasised the happy and carefree nature of the festival.

Aims

As well as the tutorials for image manipulation provided by the university for this course, I used several I found on the internet, particularly for the creation of the poster which implemented Photoshop’s Smart Object feature (Blue Lightning TV 2014). The festival poster required a different approach. Here, there was an emphasis on the cultural and carnival nature of the festival, with a stress on it being a family-friendly event. I went with a psychedelic approach, framing a central character, a public domain photo of entertainer, the Big Bopper (Wikimedia Commons 2015), with bubbly text, tinted with a rainbow gradient. The top half of the poster listed the musical acts that would be in attendance where the bottom half listed the details of the festivals such as amenities, the cost and the location. The font used was Bell Bottom Laser, also sourced from www.dafont.com, which loaned the text an appropriate psychedelic feel.

Methods used

This was a lot more challenging to create as it involved smart objects, clipping and grouping layers.
• Selecting canvas size, dpi scale, CMYK colour space and bit depth.
• Changing the background to a background layer using the layer’s context tool.
• Applying a gradient theme to a layer.
• Adding a ripple effect border to that layer.
• Using the magic wand tool to separate the Big Bopper from its background, using the default settings of the tool. The magic wand tool was the most effective to use on this occasion as the Big Bopper stood out from the background.
• Importing the Big Bopper as a png file with alpha transparency so the background blends in with the poster image.
• Using the move tool and the transform tool to place and size the Big Bopper onto the poster image, as a new layer.
• Using the Desaturate function (Ctrl-Shift-U) to make the Big Bopper greyscale.
• Using the Solarize function with a setting of 3 to add a solarising effect to the Big Bopper.
• Applying a gradient to the Big Bopper using the layer’s context menu with gradient fill.
• Adding a clipping feature to the Big Bopper layer so the applied gradient and visual effects would apply to that layer and no other.
• Adding text using the Bell Bottom Laser font.
• Moving and resizing text with the move and transform tools.
• Converting each text layer to a raster using the rasterize layer context menu option. This was to enable effects to applied to the text.
• Selecting all of the text using Control-Click and added them to a new layer group.
• Using the gradient fill context menu option to add a gradient to the text.
• Using an outer glow context menu option to add a border to the text to properly separate it from the background layer, and aid in avoiding eye strain.
• Using the move tool to position the grouped text layer.
• Using the transform tool and warp tool to select the grouped text and apply a deformation to the grouped layer. By grouping all of the text, it made deforming the text around the Big Bopper easier.

The festival poster

The festival poster

The funky frog project

This is for a visual design assignment I did for university. The finished design is included.


Introduction

In assignment 1, we were required to create two screen layouts. The first of these was a web page mockup using either Funky Frog or Down Under Reef Holidays as the basis for the design. I chose to use Funky Frog as I felt it would be a more stimulating project to create. The mockup was to be designed in Adobe Photoshop CC or earlier, at 1024×768, at 96 dpi, and in 8-bit RGB colour format.

Aims

The aims for the web site mockup was to present an eye-catching site that demonstrated visual flair, ease of navigation, and to leave a visitor in no doubt as to what the theme of the site was. The colour most associated with frogs is green, and the mockup makes liberal use of the colour. The logo banner is is written in the Weltron Special Power font, which was obtained from the font repository www.dafont.com (2018). This font has a suitably “funky” appearance which does not trade style for legibility. The remainder of the site’s text is in the Verdana font, created by Microsoft for excellent screen legibility (Microsoft 2017). There is also an image of a frog, manipulated in Photoshop, that blends in well with the funky theme. The frog image was sourced from a wallpaper website (firsthdwallpapers.com 2013).

Methods used

Adobe Photoshop CS6 on Windows 7 was used. Withal, I found using Photoshop a challenge, as most of my image manipulation has been done with the open source GIMP program, Although the two share many common features, they are different enough in implementation to cause some confusion. When adding text to the image, I encountered a punctuation positioning bug that required searching for a solution, which I found (Digital Hippies 2013). In conclusion, the creation of these two graphics was certainly an educational process.

• Selecting canvas size, dpi, colour mode and bit depth from Photoshop’s new image dialogue.
• Working with layers, how to rename layers, hide them, duplicate them, and move them up and down the layer view.
• Changing the background to a background layer using the layer’s context tool.
• Using the blending mode context option, selecting gradient fill from the options, selecting gradient colours and orientation, placing a gradient onto a layer.
• Using the colour selection dialogue to change colours. Entering HTML hexadecimal codes for the colours, e.g #ffffff for white.
• Adding text using the text tool, changing font type, size, colour fill
• Positioning text using the move tool, resizing text using the transform tool, adding drop shadow effects to the text.
• Using the shape tool to draw rectangles, with both sharp and rounded edges. These were used for the navigation bar, the example drop down menu, and the black vertical dividers.
• Using the lasso tool to remove the frog image from its background. I attempted to use the quick selection and magic wand tools, but could not find the right tolerance to separate the image from the background effectively. I ensured that anti-aliasing was set to remove any jagged edges.
• Using the eraser tool to clean up the edges around the separated image of the frog, ensuring that anti-aliasing was set for this tool as well.
• Importing the frog image as a png file with alpha transparency, allowing it to blend in with the gradient theme of the background. Positioning the image using the move tool, and the transform tool to resize it to suit the overall web page.
• Using the shape tool to create the three panels: the main body panel, the sidebar panel and the sale panel at the upper right. Using the fill tool to give colour to these panels. Using the layer’s context menu to add drop shadows to each of the panels.
• Using the layer list to place the main body text panel underneath the drop down menu.
• Using copy and paste techniques to add illustrative graphics to the image, such as the Facebook image, the treble clef, and the mobile phone graphics.
• Using the move tool and the transform tool to position and size these graphics.
• Using the text tool to place other text, such as the phone number, the copyright, and the panel text. Using the move and transform tools to position and size the text.

funky frog

The funky frog website mockup