Inspiration #3

Adobe Photoshop CC 3D

Introduction

I examined the 3D components of Photoshop and Illustrator to add 3D effects to a recent logo. I found Illustrator difficult to achieve a perfect shape without visible surface lines and had symbol transformation performance issues. Photoshop 3D allowed smart object editable text, a timeline for light, camera and mesh animation, and GPU performance was configerable. I completed a variety of tutorials to familiarise myself with the engine and modelling techniques. Models can be exported for use in InDesign as 3D PDF, as Flash FL3 or Wavefront OBJ files, the Adobe Flex Builder platform, and directly into Adobe After Effects. A more specific platform is required for complex modelling and I began research into programs such as Blender and Unity.

Results

Development

Basic Model	Basic Model with Panorama Scene
Masking Texture Opacity	Masking Texture Opacity with Panorama Scene
Applying Images to a Texture	Combining Illustrator / Photoshop 3D / Animator

Terrain 1

Rotating Tie Fighter

Camera Tracking Tie Fighter

Terrain 2

Depth Map	Initial Model	Animation
Road Construction
Final Perspectives

Terrain 3

Discussion

Development	-Basic Model
	Paths for wing, axel and hub, deco added, 3D extrude wings and axel and rotated, hub applied to a 3D sphere, reflection and lights positioned, timeline points added for mesh rotation.
	-Basic Models with Panorama Scene
	Paths for table, table top, glass and wine added, 3D extrude, rotated, material set and duplicated, cameras centered and elliptical panorama added, camera timeline points named.
	-Masking Texture Opacity
	Added text, saved copy as inverse, applied to 3D sphere, material set and opacity set to text inverse. 3D sphere added, grouped, scaled, material set, lights and camera positioned, timeline mesh rotations one forward / one backward, and filter glow added.
	-Masking Texture Opacity with Panorama Scene
	Created stand using paths for base, curve and fasteners, added map to ground opacity mask and added water sphere, added panorama and positioned camera.
	-Applying Images to a Texture
	Added soda can object, applied UV material and set position, added camera points and light source.
	-Combining Illustrator / Photoshop / Animator
	Added Illustrator step text into Photoshop 3D and set inflation material, rendered 3 views of car, rendered a sequence of shadows, drew paths for head lights and a vector mask to blur, imported to animator and used the perspective tool for final animation.
Terrain 1	-Rotating Tie Fighter
	Added 3D post cards for surface, background and environment. Generated pyramids and path for mountain profile, rotated and set UV texture. Added tie fighter and timeline mesh positions for movement.
	-Camera Tracking Tie Fighter
	Tracked object mesh position with camera.
Terrain 2	-Depth Map
	Black brush to draw channel edges, grey to draw in roads, black / white gradient to draw terrain from each corner, gaussian blur then posterize.
	-Initial Model
	Terrain and road combined, no material properties set since depth map can't be altered.
	-Road Construction
	Top view paths for road and bridge, and profile of bridge.
	-Final Perspectives
	Two perspective views to showcase the road, bridge, and terrain height variations.
	-Animation
	Walkthrough animation highlighting perspective, above water and under bridge components.
Terrain 3	-Initial Plan
	Set Photoshop grid and snap, created paths for required elements, exported outer island paths to Illustrator and made a blend to use as the Photoshop depth map.
	-Perspective
	Extruded 2D plan elements and merged together, adjusted materials and required UV or Opacity mask settings, positioned camera and lights.
	-Blender Animation
	Imported Photoshop 3D OBJ model, applied a track path constraint to the camera and set the path to the Photoshop SVG track, offset the car to turn before the camera, exported a top down / camera view into Photoshop video sequencer for a combined GIF.

Conclusion

I set out to learn the 3D components of Photoshop for logo presentation and learnt a variety of techniques. There are many additional options such as UV painting covered in tutorials for painting faces on 3D models. Complex scenes slow down system performance significantly and it is recommended to use other more specific 3D modelling software. Logo design websites require designs in Illustrator format, an exercise with the pen tool highlighted the usability of vector based path designs. I covered the required tutorials and special effect examples and found the working environment, layers and appearance panel user friendly. This inspired me to attempt the same in Photoshop with named paths and vector masks, and has made this endeavour into 3D modelling and controllable content much easier.

...Top

References

Turbo Squid Models
Seamless Textures
HDR Textures
Blender 3D
Blender 3D Design Course
Unity Free Personal Edition
3DS Max

D3 LA04 Positive and Negative Form

Summary

Part A of this activity explored the nature of negative space by visually interpreting three subjects. I selected Jaws, Ghost and Smoke, drew 4 thumbnails for each, then explained why the final choice was made. Part B involved sourcing examples of white space across a range of media and describing how this influenced the design.

Introduction

Positive and negative space are powerful and engaging design principles. They are vital tools in a designer's toolbox instrumental in the success of the design. White space is extravagance, less content and more space. High class publications are clear and uncluttered, modern trends shifting newspapers. Negative space can alter the focal point of a design and introduce suggestive meaning. It can have a huge impact on the composition and how the work is received.

• Positive space is the absence of artwork providing no further meaning. It focuses the viewer's attention at the expense of content and is a valuable tool that can make a design prominent.
• Negative space is the area surrounding a shape bound by the framal reference and characterised by the absence of artwork. It offers a further level of artistic meaning and intrigue to a design.
• Rubin's figure–ground distinction highlights feature recognition is overridden by a higher level brain function called shaping. This occurs when the lines between background and image are blurred.
• An afterimage is a result of the environment. It is positive when the eyes are closed, the same colour, and for less than a second. Negative when over stimulated, for much longer, and opponent colours.

Part A : Positive versus Negative Space

Instructions

Choose 3 subjects from the supplied list and develop a range of thumbnails on the template. Select the most effective and briefly discuss why they were chosen. Only the surrounding negative space should be drawn, and cropping and tension points should be considered.

Process

1. Selected 3 subjects from supplied list.
2. Searched Google Images for samples of subjects.
3. Drew 4 thumbnails for each subject in visual diary.
4. Scanned diary and redrew images.
5. Selected best 2 thumbnails for template.
6. Chose best thumbnail for larger box.

Results

Thumbnails	Template

Discussion

Jaws	The first image focussed on the fin, the next two the shark, and the final the jaws. The two shark bodies were more specific to the separation of space and the forth was ambivalent. They made use of framal reference and cropping, the first attempting to create force in the water. I selected the larger image which combined the impact of the jaws with the descriptive body, using proportion to add upwards tension to the scene.
Ghost	The first image used cropping to create presence with less depth between image and frame. The second negative space effectively but the style over rid the subject. The third a figured sheet added lower tension and grounding. The forth a coffin focused attention on an expanding ghost, relying too heavily on white space. I selected the first image due to the large eyes using negative space to reinforce the illusion of depth.
Smoke	The first image focussed on plumes of smoke from a pipe, the next three on a series, using a camp fire, a cigarette and a chimney. The camp fire and cigarette were chosen due to the emphasis of scene and movement, the pipe containing less of the subject and the chimney cropping too prominent. I selected the camp fire because it clearly represented the subject using proportion, illusion of space and upwards force.

Part B : Whitespace

Instructions

Find examples where whitespace has been used effectively in:

• Print-publishing (magazines/ newspapers)
• Street advertising (billboards/ shop-frontage)
• Websites
• Your choice

Process

1. Searched Google Images for examples on each form of media.
2. Chose the most unique for each category.
3. Considered a prominent own choice and selected packaging.
4. Defined the affect white space had on each design.

Results / Discussion

Print-Publishing

This layout appears uncluttered due to the abundance of white space surrounding an ordered flow of elements. The contrasts of text angle draw the viewer's attention and a minimal amount of information is delivered clearly.

Street Advertising

This advertisement uses white space to focus the message. The prominent robot bleeds of the frame adding depth, drawing the viewer to the body of text. This is centred in white space, clear, distinct and readable.

Websites

This layout uses blue white space drawing attention towards the title and purpose. The horizontal image adds meaning flowing across options above and below. Layered clouds create depth and encase animated navigation.

Packaging

This design includes negative components to deliver a product with impact. The upper white space increases the title readability, and negative space reinforces the title and model. The back is spaced to avoid tension points.

Conclusion

The ASM defines space as the distance between shapes where a shape is the external outline of a form. Applied to design it is understood in terms of positive and negative space, the classical yin and yang integrating the two in harmony. This activity reinforced the previous design principles and explored new techniques to apply in logo and layout design. The thumbnails in part A were critically examined for focal points, meaning, dynamics, framal reference, cropping and tension points. With correct placement it was shown to introduce dramatic visual effect to the final composition.

The images in part B provided an insight into the usage of white space in modern design. These images were selected due to their uniqueness and then the principles involved were examined. The packaging example was more effective as a container, the white sides emphasising the positive space. I learnt a process that structures design so fewer thumbnails quickly approach, and more effectively resemble a subject. Successfully distinguishing the subject is vital and fundamental to applying the principles of positive and negative space.

A link to this activity is available here

...Top

References

Positive Space Wiki White Space White Space Negative Space Wiki Negative Space Understanding Negative Space Negative Space Logo Design Image Recognition Wiki Rubin Vase Wiki After Image

Logos 30 Clever Logos with Hidden Meanings 55 Creative Logo Designs with Negative Space Print Publishing White Space in Magazine Design Street Advertising White Space in Street Billboards Websites Culture Code

Inspiration #2

Adobe Flash CS6 / Animator

Introduction

I created a flash game using the table from the previous workplace communications exercise. I tested the 3D motion panel in Animator, the found the complier to be very strict. I watched tutorials on simple AS3 class games enclosing AS2 utility classes in package, and javascript notation (appendNode, childNodes), perhaps needing a class to set a depth per object plus sort the display stack. Motion paths can be altered with blur filters for expanding / contracting, also available in the properties panel. They use shape tweens via scripts also included in inDesign such as spiral 3D. Animator has by default a Tween class, which implements penners easing equations. Bounce and elastic are difficult to control, although time can be returned via callbacks or event management to achieve custom tweening.

Results

• This simple game refreshed my class based knowledge a necessity for Animator AS3
• A recent project's stage had the lights removed and glow added using noise median.
• An old 3 shelved bookcase, had a shelf removed using content removal, warp, and patch healing.
• There is no high score table or information display implemented.
• I added state machine elements in an initial attempt to simplify it.
• The Event Manager, Interval, Timeout, Tweener, Filter and Sound Manager classes need development.
• Auditing for class interaction would simplfy the code into class Head and Player.
• The fair use of content for study and / or satirical purposes is an exception under copyright law.

Discussion

Model View Controller patterns are part of the Unified Modelling Language and programs like ArgoUML export to a variety of languages. A state machine diagram can organise the sequence of events and code to its simplest form. It can model the situation rather than programming it. The code below is written in object based AS2 using events where possible, button event management is not supported. The system allows bubbling via dispatch, and a Manager class extends Interval and Timeout classes, adding instances to the Event Manager. The Event Manager class is a singleton and can be globally accessed to control sets of intervals, timeouts, and listeners, although listeners are not implemented. The tweener is custom built for multiple mcs, easing, and benchmarking via the interval class.

Some of the fundamentals behind this tweener class are debatable, the need to store a copy of begin, change and end for each movieclip in the targets array. This could achieve more control and interesting animation effects when adding and removing objects, although it is primarily a single mc tweener since tween instances can be created. I need a set of property sets, all stacked, properties within a set are currently stacked, and add a Tweener directory of classes with static moveTo glowTo that create a tweener instance and pass it back to add call backs or events.

I included returning args and propArgs, stacked properties, benchmarked and managed intervals, multiple mcs, although motion change on an mc could handle a set, and the ability to add new functionality. Dispatching events with arguments, and applying arguments to the string literal of the event at once. For instance when myTweener = newTweener(). addProp(). start() is called, I can add myTweener.propertyComplete = fadeOutComplete, or myTweener.addEventListener(Tweener.PROPERTY_COMPLETE, fadeOutComplete). The event system requires the listener to be removed while the call back system doesn't, however modern systems follow UML standards featuring Event / Trigger relationships.

Custom linear algebra could be written to add surface blurs or other photoshop effects, since Animator only supports gaussian blur. The classes I have seems to work well for now and are certainly refinable. The Filter helper class implements the blur and glow filters, with plans to create a XML file storing custom presets for all 9 filters. The FPS Control view event system works well to update displays and class listeners are updated when the controller event is fired. Developing and distributing an AS2, AS3, and JavaScript package with a yearly licence could provide a framework to cover the Adobe subscription.

Action Script CS6 Code
Tweener Class V1
Tweener Class V2

Conclusion

The AS3 Tween class provides this functionality with event listeners, although AS2 doesn't require events or the need to manage them. The inbuilt simplicity could be copied using a call back for looping, rewind, complete, on motion change and complete events. AS3 allows a single tween to be re constructed with multiple properties. It is a large research area and many open source alternatives have refined the easing equations for performance and functionality. Simple commands like glowTo(mc, value) can quicken design generation and refined forms of penners equations run significantly faster, the standard set returns NaN for a duration of 0 rather than the ending value. Many AS3 scripts are freely available for event management.

For a while i've used self contained objects to implement material design and caused many hard lessons while developing. These object systems are unplanned and lead to jumping from object to object. Further event interaction could be added, but it's better to initially create a model. It's a Java technique to create grading software that runs on one command, creating an instance of program. For the next project, I will start with a game class, and the final code will be just new Game() and list the classes. Java is about simulations and using Animator to produce products should be viewed as such, although positives and negatives and black square design should have priority.

The ASM states a graphic designer delivers a communications object which may include animation. It could be used for gifs, currently legacy in photoshop, or interactivity with wow factors to win a contract during initial client presentation. Modern media platforms allow animated text and images in two and three dimensions. Audiences thrive on interaction and require meaningful communication strategies. Designers are encouraged to expand their vision, skills and attributes to responds to the rapid technological growth in this industry.

...Top

References

AS2 Tween Tutorial
AS3 Tween Tutorial
AS3 Tween Class
Robert Penners Easing Equations

D3 LA03 Black Squares

Summary

This activity demonstrated the power of positioning visual elements using black squares. Basic arrangements were used to convey the meanings of words to assist in an understanding of depth, space and dimension in layout design. The squares were used as a design technique representing elements such as images, text or letterforms to emphasise the power of special relationship. Two dimensional design principles included:

• Framal reference - relationship to frame;
• Touching - shapes touching;
• Overlapping - shape overlapping;
• Cropping - shape bleeding of frame;
• Illusion of Space - creation of depth;
• Contrast of shapes - size, direction, space and position;
• Dynamics and stability - creation of movement / at rest / ready to move;
• Positive and negative space - white shapes created from the black shapes;

Part A

Instructions

Using the supplied template, draw up to four black squares to express the meaning of six words in the thumbnail boxes provided. Select the most effective design and copy this image into the larger square.

• Order
• Increase
• Bold
• Congested
• Tension
• Playful

Process

1. Researched black square theory.
2. Searched Google Images for keywords.
3. Drew thumbnails in Visual Diary.
4. Selected 4 thumbnails for each word on template.
5. Selected final thumbnail for each word.
6. Drew thumbnails on template.
7. Documented results.

Results

Thumbnails

Template

Discussion

Order	This accentuated framal reference, wasn't too bold, and was effective in conveying the meaning. It used cropping and to a lesser extent dynamics of movement
Increase	This used positive and negative space with four squares. Its bold appearance overlapped with the bold series, but for diversity and the formation of stability this was chosen.
Bold	This embraced the meaning of bold. Other thumbnails looked better small, but this large version emphasised contrast of position and the illusion of depth.
Congested	I liked the third thumbnail, but chose this to its effectiveness. It used framal reference, cropping, dynamics of movement and contracts of size to achieve a good result.
Tension	This featured framal reference through proportion, touching at the point of tension, stability in the surrounding structure, and conveyed the meaning effectively.
Playful	Chosen over the fourth thumbnail although the first most accurate. This used dynamics of stability, overlapping, cropping, framal reference though proportion and depth .

Part B

Instructions

Find magazine advertisements or business cards that demonstrate each of the six word categories in part A.

Process

1. Searched Google Images for keywords.
2. Selected business card / logo images.
3. Selected magazine layout images.
4. Chose best image for each category.
5. Documented results.

Results / Discussion

Order
	I initially chose a pattern of 2D photo frames and two business cards with pixelated images. This image demonstrated proportions, the book size large enough as singular and many to form the perspective, and used framal reference, cropping and the illusion of space.
Increase
	I initially chose two business cards, one with growing figure, and one with spiralling flower. This image was relevant, with contrasts of size and position overlapping to form a growing arrangement surrounded by text. Dynamics of stability were achieved with a butterfly at the top.
Bold
	I initially chose a face with spray painted text and two layouts using positive and negative space. This image was technology related featuring the illusion of space using touching and overlapping shapes. The perspective added dynamics of movement to suggest loud bold words.
Congested
	I initially chose an overlapping social media advertisement and a cross word formation of bold text. This image was relevant to my background and used negative space to surround dynamic movement of a car to an obstruction. Text and images were overlapped to create the layout.
Tension
	I initially chose an explosion made of squares and a layout featuring a woman pulled apart into cubes. This image was relevant to my interests and used overlapping to create an illusion of space and depth. The title text used positive and negative space and the hand added tension.
Playful
	I initially chose two layouts, both featuring an array of titled text and images. This image was relevant to my interests and used framal reference to set perspective proportions. Overlapping images and text along shapes added dynamics and the title used positive space.

Conclusion

Part A of this activity involved using black squares to convey the meaning of words. After reading relevant material and sourcing examples of keywords I drew 48 thumbnails, 8 for each category. I experimented with two dimensional design principles attempting to create diversity. I chose 4 images to transfer to the template and then the best from each category. Spatial relationship is an important factor in layout or logo design and this exercise has given me insight into the possibilities. The principles of design add depth and dimension and black boxes can form an impressive layout. Part B involved sourcing an image from a magazine or business card to represent each of the categories. I selected the best examples of layouts and business cards / logos for each category and listed the design principles used. I found this activity interesting demonstrating methods to achieve power in positioning visual elements. This will assist inDesign tasks with techniques to apply to text and image boxes.

A link to this assignment is available here.

...Top

References

Images Black Squares Black Squares - Order Black Squares - Increase Black Squares - Bold Black Squares - Congested Black Squares - Tension Black Squares - Playful Magazine Layouts Layout Layout - Order Layout - Increase Layout - Bold Layout - Congested Layout - Tension Layout - Playful

Business Cards Design Design - Order Design - Increase Design - Bold Design - Congested Design - Tension Design - Playful Design Principles Black Square Problem Black Square Principles Black Square Design Black Square Resources

I3 Workplace AT01-04

Summary

This assessment task contained four parts covering communicating in a work environment, sourcing and using information, writing documents and collecting reports from colleagues. This involved a supervisor completing a testimonial, completing a print order form using supplied details, outlining this form in an email, and analysing appropriate methods of greeting someone.

AT01 - Workplace Testimonial

Instructions

This activity involved completing the supplied workplace testimonial, filled out and signed by a supervisor.

Results

The testimonial was completed by my relative, a former vice principle who has coordinated four graphic design projects with clients. She had the capacity to judge my interactions with clients, problem solving ability and follow-up procedures during formal correspondence.

AT02 - Print Order Form

Instructions

This activity involved completing the supplied print order form using the following information:

• 3000 trifold DL brochures, colour on both sides.
• The program used is InDesign with 3mm bleed and embedded TIFF files at 300dpi.
• Font is Century Gothic. File name is tribrochure_131.
• Credit card number is 5550 1247 8743 0100 with an expiry date of 30-11-16.
• Email sarah.markland@TasTAFE.tas.edu.au
• Sign and date (make up date required by)
• Delivery address: 54a Alanvale Road, Newnham TAS 7248

Results

Discussion

The print order form details were completed as above. I researched the definition of terms DL, flat size and finished size. DL is a size of 100 mm x 210 mm, flat size is after printing and trimming, and finished size is after folding. This is a tri-fold job, and at 100 mm it is therefore a finished size.

AT03 - Email Etiquette

Instructions

This activity involved sending an email outlining the information on the print order form.

Results

Discussion

I generated the printed email using outlook live and printing to the Adobe PDF reader. Other methods included Microsoft OneNote however I preferred the PDF output.

AT04 - Greeting Someone

Instructions

This activity involved examples of how to greet, address and identify yourself in the following situations:

• In a business meeting with an important client.
• Meeting someone new at the pub.

Results

Meeting a Client

• Approach with a straight posture holding eye contact and raising hand.
• Shake hand firmly showing warmth and sincerity.
• Speak first and identify yourself using your full name on the first meeting.
  “Good Morning / Afternoon, my name’s Craig McKercher.”
• Clearly brief the client with your role.
  “I work in the graphic design department and will be handling your account.”
• Conclude with a positive attitude connecting the client to the project.
  “I firmly believe your input will benefit the project. I look forward to our next meeting.”

Meeting someone at a Pub

• Approach with a relaxed posture holding eye contact.
• Shake hand firmly showing friendship.
• Allow others to speak first to suit the informal situation.
• Identify yourself using your christian name.
  “Hi, my name’s is Craig.”
• Generally follow by a link to your connection.
  “I’m Matthew’s brother, he told me he went to school with you.”
• Conclude with warm friendly attitude commenting on your next meeting.
  “It’s been great talking with you. I hope to catch up with you next time.”

Discussion

The basic constituents of sincerity do not vary greatly between a business client and someone at the pub. The initial approach is more formal in a business meeting, walking with a straight posture and holding hand out with a firm hand shake. Both situations require holding eye contact to show interest throughout the approach and during the conversation. It is often important to show confidence, especially in a client meeting, and identifying yourself and your position before a reply. In an informal situation at the pub, it is often preferred to blend in and allow others in inebriated conditions to express themselves first. Both greetings show respect at all times, show interest in the conversation and leave in a warm friendly manner. It is also good to conclude with a connection to a future meeting in both cases.

Conclusion

This task involved organising completion of the testimonial by an appropriate representative. The information for the print order form was collected, and research performed to fill out this form correctly. These tasks involved printing and scanning the assets and converting the final products to A4 72 DPI. I specified a DL finished size as it refers to 100 mm after tri-folding. An exercise in email etiquette involved sending an email outlining the supplied information and attaching the completed order form. The outlook live email was printed to the adobe reader as a PDF file. Finally methods of formal and informal interactions were analysed for clients in business meetings and friends at the pub. It was shown how these situations vary the methods of greeting, addressing, and identifying with appropriate reasoning.

A link to this assignment is available here.

...Top

References

DL Size
Flat vs Finished Size
Printing Glossary - Flat Size
Understanding Flat Size

I3 Workplace LA01-06

Summary

This component of Industry 3 included 6 Learning Activities which induce effective communication in the workplace. After completion the Workplace Assessment Task will be undertaken.

LA01 - Workplace

Instructions

This activity involved reading 'Welcome to the Workplace, a Work Health and Safety Guide for New Workers', and answering 10 questions concerning the material in sentence format.

Question 1

Briefly describe ‘workplace induction’ when you start a new job.

An induction introduces an employee to a company or to a new role within a company and is usually followed by on-going training. Initially a welcome chat or formal meeting to familiarize the company, the industry, the position, and the customers, introducing the supervisor, levels of supervision, co-workers, manager, safety and union representatives. Subjects include conditions of employment, training and equipment requirements, health and safety procedures for hazards, risks, accidents and illness, location of emergency equipment and exits, and internal structure office, workshop, cafeteria, toilets and first aid rooms.

Question 2

What is a ‘Position Description’?

A position description is an often documented method of listing an employee’s conditions of employment including pay rate, type (full / part-time / casual), award or registered agreement, grade or classification, and union membership. It also covers key tasks, the skills and experience required, additional training and safety requirements, and how progress will be monitored.

Question 3

Name two issues that Workplace and Health and Safety laws cover.

Workplace health and safety as applied to the graphic design industry covers incidents that cover an employee that is injured at work, and the training requirements for both employees and employers in the workplace to ensure if issues occur a planned response is organised.

Question 4

What are the 7 health and safety responsibilities at your employer’s workplace.

An employer has a responsibility to maintain workplace health and safety. They should provide a safe working environment identifying hazards such as unguarded machines or inadequate lighting, provide procedures outlining safe work practices, ensure equipment and substances are used and stored safely, offer task related information including details of hazards, employee training, supervision, and personal protective equipment.

Question 5

Name the 5 key points that as a worker you have the right to.

An employee has the right to work in a safe workplace, to work in a safe manner and to ask questions and raise concerns about health and safety matters. They also have the right to obtain work practice information, supervision and training, and be actively involved in health and safety.

Question 6

Name 2 safety issues for your supervisor or Employee’s Safety Representative.

Two safety issues that can be raised with an employee’s supervisor or safety representative / committee is correctly asking for assistance to complete a task correctly and safely, and that they do not feel safe using the equipment by themselves due to lack of experience.

Refer to Safety Coordination – Code of Practice

Question 7

Name two ways you can be injured in a workplace.

Two ways an employee can be injured in a workplace are through misuse of tools, equipment or machinery. Incorrect use, storage or maintenance of machinery can lead to serious physical injury. A workplace environment can also be a primary factor in incidents such as a messy or wet floor causing a broken leg or related injury.

Question 8

What does the acronym S.A.F.E. stand for?

The acronym SAFE stands for Spot the hazard, Access the situation, Fix the problem and Evaluate the results. A hazard is a task with the potential to cause injury involving the employee in identifying which tasks are difficult or dangerous. A risk is the likelihood of this hazard resulting in injury leading to the employee looking for ways to reduce the hazard to an acceptable level. Finally results are evaluated with the employee so that additional hazards are not introduced, the problem is fixed, and how it affects current work place practices.

Question 9

Briefly describe ‘Workplace Stress’?

Workplace stress leads to fatigue, limiting the ability to react quickly and is the underlying cause of workplace incidents. It is a reaction to an employee placed in a situation beyond their ability, experienced physically through raised blood pressure and headaches, emotionally through depression and nerves, or behaviourally through alcohol and bullying. Causes include high levels of pubic contact, work overload, inadequate interpersonal skills or a hazardous environment. Low levels of stress can form ready to work attitudes but relief from stress will avoid long term physical or emotional health damage. A planned response is the coordination of employer using the SAFE steps and discussions with supervisor, health and safety representatives, co-workers and councillors.

Question 10

Name two websites that you can get further information.

1. http://www.workcover.tas.gov.au
   A Government body responsible for managing OH&S and workers compensation.
2. http://www.safeworkaustralia.gov.au
   An independent agency responsible for improving OH&S and workers compensation in Australia.

LA02 - Communication Research

Instructions

This activity involved understanding the communication skills required to function effectively in the workplace. A communication slideshow was supplied and we were asked to visually interpret between two and ten slides using line drawings, from magazines or the internet using one slide per A4 sheet.

Results

I developed a total of six images from the communication slideshow. All of these images, or parts of, were sourced from the internet using Google Images. Slides A and B were downloaded, colourised and resized, slides C to F involved some Photoshop work as detailed in the concluding table.

Slide A Active Listening and Asking Questions	Slide B Non-Verbal Communication
Slide C Barriers in Communication	Slide D Body Language Slide 1
Slide E Body Language Slide 2	Slide F Using Appropriate Language

Discussion

Slide A	Active Listening and Asking Questions The image was sourced from the internet. The girl listening with her head to one side and touching her chin expressed thinking, while the question marks above her head re-enforce the concept active listening. The image text was appropriate and touched up.
Slide B	Non-Verbal Communication The image was sourced from the internet. The range of seven smiley faces expressing forms of non-verbal expression was appropriate. The image was touched up and text added. The word verbal used a large font to accentuate the concept.
Slide C	Barriers to Communication The images of a brick wall, office workers and background were sourced from the internet. The brick wall provides a barrier between the two groups of people highlighting the concept. The final components were colour balanced and shadows added for realism.
Slide D	Body Language 1 The image of action talk with hand was sourced from the internet. The letter S, a white board, and the text ‘louder than words’ were added to build on the concept. The final text layout drawing viewer’s eyes from left to right then downward worked well.
Slide E	Body Language 2 The images of a laptop, whirl pool, shaking hands and desk were sourced from the internet. The laptops and desk build on the workplace concept while the golden glow and shaking hands provide a link to body gesture and movement communication.
Slide F	Using Appropriate Language The images of office workers and megaphone, red slash and background were sourced from the internet. The megaphone and text with red slash adds to the inappropriate concept, while the background scene places the workers in an office for realism.

LA03 - Effective Communication

Instructions

An image of a square was supplied and we were asked to practice effective communication and outline why it may not look right ad how it could be improved.

Supplied Image

Process

1. Initial Greeting
2. Artistic Relevance
3. Definition of Square
4. Thumbnail Process
5. Software Recommendation
6. Line Style / Seamless Design
7. Positive Sign-off

Response

Good Morning,

Thank you for supplying the image of a square. I do not know the details of the project but must initially comment on its artistic attributes. If intended for a clipart, low quality branding or satirical exercise I believe it may be more than adequate. However, as stated a square was intended, and I must therefore refer you to the definition itself. The links below describe an image with four equal sides and four 90 degree right angles.

To ensure a reasonably close approximation to this definition is achieved by hand, may I recommend a thumbnail process with light table. Technical drawing implements such as protractors, set squares or straight edges could also prove beneficial. If you prefer a software approach and use Adobe Photoshop, Illustrator or InDesign I advise holding the shift key to ensure a right angle is maintained on each of the four corners. As a graphic artist, whether using a pen tablet, software, or pen and pencil, the weight and thickness of a line is important as well as the seamless flow of the overall shape. It was noted that the line weight varied and the corners of the image did not meet. This may not be ideal for either an artistic rendition or a perfect square and will increase the appeal of the final product.

Good luck in your future artistic endeavours

Regards
Craig

Wiki Sqaure
"A square is a regular quadrilateral, which means that it has four equal sides and four equal angles (90-degree angles, or right angles)."

Basic Geometric Shapes: Square, Circle, Rectangle, and Triangle.
"A square is a four sided figure created by connecting four line segments. All of the line segments are of the same length and they come together to form four right angles."

LA04 - Client Interaction

Instructions

This activity involved reading the supplied document concerning uploading files to a printer then conducting research into creating a graphic pre-press operator checklist.

Results

Graphic Pre-Press Operator Checklist
Client
	Contact details / timeframe / budget
	History of branding and marketing
	Preferred wording, fonts and images
	Specifications for size, colour, substrate and quality
	Ideas for fonts, colour, layout and imagery
	Brief containing project’s purpose, target audience and intended outcome
Printer
	Method of contact (store / email / website)
	Substrate cost and availability
	Bleed, trim, registration and fold mark requirements
	Preferred file formats (PDF, PSD, JPEG, PNG, TIF)
	Preferred colour mode (RGB, CMYK process, PMS spot colour)
	Preferred resolution for colour modes
Pre-Flight
	Text is proof-read and layout conforms to requirements
	Fonts are licensed, in their true form and rasterised in final submission
	Colour has a consistent colour space for separations - Colour CMYK colour mode, 300 DPI - Greyscale Greyscale colour mode, 300 DPI - Lineart Bitmap 2 colour mode, 1200 DPI - Vector Process CMYK colours
	Pantone (PMS) colours have been converted to CMYK spot colours
	Black text is 100% black, and large solids are given a rich mix
	Original image size’s are at least as large as output
	Image bleed, trim, registration and fold marks conform to requirements
	Vector images have been converted to paths
	Preview PDF has been generated
	Project has been exported as a package with assets correctly linked

LA05 - Forms of Communication

Introduction

Complete the following 6 exercises in grammar and spelling.

(A) Prefixes

A prefix is an affix, placed before the stem of a word changing it into a new word. Choose the correct answers for the following prefixes.

Question		Answer
Number	Prefix	a	b	c	d
1.	inter	move	cover	operative	state
2.	pre	move	cover	vent	part
3.	dis	wake	move	cover	vent
4.	re	move	part	see	warn
5.	non	move	party	essential	clude
6.	mis	take	move	cover	party
7.	pro	noun	move	lead	cover

(B) Suffixes

A suffix often called postfix or ending is an affix placed after the stem of a word. Examples are case endings; indicating nouns or verbs, and verb endings, forming the conjugation of verbs. Correct the following words.

Question		Answer	Question		Answer
1.	aufull	awful	7.	acreage
2.	careful	carefull	8.	mileage
3.	abuseive	abusive	9.	tamest
4.	scarey	scary	10.	natural
5.	gracefull	graceful	11.	wideth	width
6.	noticeable

(C) How to make Nouns Plural

A plural denotes more than one of something and also fractional, zero or negative amounts. Correct the following words.

Question		Answer	Question		Answer
1.	dresess	dresses	6.	women
2.	exites	exits	7.	man	men
3.	familys	families	8.	sheep
4.	clothes		9.	oxen
5.	illnesses

(D) Apostrophes

An apostrophe or punctuation mark marks the omission of one or more letters, a possessive case as in the eagle’s feathers, or the marking of plural items as in P’s and Q’s. Correct the following words then write the words that these represent.

Question		Answer	Question		Answer
1.	it's	it is	6.	isn’t	is not
2.	can't	can not	7.	haven’t	have not
3.	won't	will not	8.	we're	we are
4.	i'll	i will	9.	they’ve	they have
5.	we'll	we will

(E) Changing Nouns to Plurals

Change the following words into plurals.

Question		Answer	Question		Answer
1.	dog	dogs	12.	girl	girls
2.	animals		13.	mouse	mice
3.	toys		14.	scarf	scarves
4.	books		15.	sheep
5.	puppys	puppies	16.	tooth	teeth
6.	potato	potatoes	17.	foot	feet
7.	baby	babies	18.	deer
8.	child	children	19.	dwarf	dwarves
9.	woman	women	20.	cactus	cacti
10.	horse	horses	21.	hippopotamus	hippopotamuses
11.	man	men	22.	fish

(F) Correct Words

Circle the correct word in the following sentences.

Question	Answer
1.	The girls thought they had left earlier enough to / too catch the bus, but they were to / too late.
2.	The boys were playing over their / there when they lost there / their ball.
3.	I am not sure weather / whether the whether / weather will be hot enough to swim today.
4.	While the train was stationary / stationery, I went to the newsagent to buy stationary / stationery for the office.
5.	A councillor / counsellor was needed to advise / advice the couple on their personal / personnel options.
6.	I brought / bought the cake from the shop when I could have brought / bought one from home.

LA06 - Discretion and Confidentiality

Instructions

This activity involved reading the website on Intellectual Property IP Australia and answering the following questions.

Describe what is intellectual property?

Intellectual Property (IP) created in developing new and original content is a critical asset needing protection and strategic management. Some forms such as patents, trademarks and designs require formal registration, while others are automatic and governed by the Attorney-General's department.

What is a confidentiality agreement?

A confidentiality agreement is a written obligation of confidence to protect the owner’s content from any use outside the terms of the agreement. Disclosure of this material by any person covered under this contract can be enforced by law.

How does all this relate to Graphic Design Industry?

Australia's IP law provides a framework to protect a graphic designer’s artistic content from misuse. Essentially a reward system for innovation and creativity, the main asset in the task of producing unique shapes, configurations, patterns and ornamentations. A graphic designer needs exclusive rights to use, control and profit from their work. When designs are created they have automatic copyright IP, if intended for commercial use, they can be further protected via registration under the copyright, designs and trademark legislation.

Conclusion

This activity suggested submission using the Adobe InDesign platform. This was achieved by inserting an A4 size text box onto each page, connecting each, then placing the word document into the first page. It was noted the text box margins must be set to match the original word document rather that adjusting the master page. I focused on enhancing my photoshop skills in the communication exercise rather than line based ideas using my visual diary. An approach similar to the name plate exercise would have overcome design restrictions with a limited range of relevant clip art. The pre-press operator check list gave me insight in the colour process requirements within the graphic design industry and the pre-flight phase ensures a product conforms to design and printer specifications.

A link to this assignment is available here.

...Top

Reference

Comic - Design Hell LA01 - Workplace New Employee Health and Safety Guide Safety Consultation Code Workcover Tasmania Safe Work Australia LA02 - Communication Research Communication Effective Communication Workplace Communication LA03 - Effective Communication Wiki Sqaure Basic Geometric Shapes LA04 - Client Interaction Oxford Dictionary

Wikipedia Prefix Wikipedia Suffix Wikipedia English Plurals Oxford Dictionary Plurals of Nouns Wikipedia Apostrophe LA05 - Forms of Communication Pre-Press Training Network Printing - Pre-Press Checklist Creative Latitude - Pre-Press Checklist Inkd - Pre-Press Checklist Guidelines LA06 - Discretion and Confidentiality IPAustralia What is IP IPAustralia Confidentiality IPAustralia Designs IPAustralia Designers