Digital Asset & File Supply

(1)

01 SMALL STUDIO

Digital Asset

& File Supply

02 SUPPLY OF CREATIVE BRIEFS & TEXT ASSETS 03 SUPPLY OF HIRES IMAGE ASSETS

04 SUPPLY OF LORES IMAGE ASSETS

05 RULE OF THUMB GUIDE FOR IMAGE SIZES

06 SUPPLY OF VECTOR, LOGO AND KNIFELINE FINES 07 SUPPLY OF DATA, CHARTS OR GRAPHS

08 TRACKING CHANGES AND SUPPLYING GREAT FEEDBACK 09 FILE NAMING PROTOCOLS

10 GOOD FOLDER ORGANIZATION 11 PRINT SIZE GUIDE

12 DEVICE SIZE GUIDE – RESPONSIVE DESIGN 13 IMAGE SIZE GUIDE – ASPECT RATIO

(2)

SMALL STUDIO

Digital Asset

& File Supply

Text

02 Supply of Creative Briefs & Text Assets

Overview

• Write a Background that outlines your Problem, strategically

• Write Clear Objectives and Aims that you are seeking

• Include any Key Dates that need to be adhered to.

IDEAL PRACTICE

Supply as shared Google Drive ‘Document’ or ‘Sheets’ file.

NEXT BEST

Supply as Microsoft Word (.doc, .docx) or Text Edit (.txt, .rtf) file.

AVOID

Unstructured typing directly into an email program with copies and replies from other stakeholders forwarded with your email.

(3)

SMALL STUDIO

Digital Asset

& File Supply

Images

03 Supply of HiRes Image Assets

Overview

• DPI of the image needs to be 300dpi or higher

• The definition of a printed image will be given in DPI (dots per inch) or PPI (pixel per inch).

• This point number means that a printer can print so many points per inch (=2.54cm). The higher the value, the finer the print.

• Acceptable file types are (.tif, .psd) and in some cases, but not all, (.jpg, .eps)

IDEAL PRACTICE

Check each image in Photoshop by opening the image and navigating to Image > Image Size in the top tool bar.

NEXT BEST

If you do not have access to Photoshop, you can obtain other image asset tools like Exif Tool (http://www.sno. phy.queensu.ca/~phil/exiftool/) or Gimp (http://download.cnet.com/GIMP/3000-2192_4-10073935.html)

AVOID

(4)

SMALL STUDIO

Digital Asset

& File Supply

Images

04 Supply of LoRes Image Assets

Overview

• Typically lower DPI than a HiRes image, but should be at least 72dpi, preferably higher

• Usually the file type will be RGB, which is ideal for use on screen/for the web

• Acceptable file types are (.gif, .png, .jpg)

IDEAL PRACTICE

Check each image in Photoshop by opening the image and navigating to Image > Image Size in the top tool bar.

NEXT BEST

If you do not have access to Photoshop, you can obtain other image asset tools like Exif Tool (http://www.sno. phy.queensu.ca/~phil/exiftool/) or Gimp (http://download.cnet.com/GIMP/3000-2192_4-10073935.html)

(5)

SMALL STUDIO

Digital Asset

& File Supply

Images

05 Rule of Thumb Guide for Image Sizes

Overview

• If the JPEG is less than 250kb, it will only be suitable for use on screen.

• 250kb – 500kb might be usable as a small thumbnail • 500kb – 1mb usable up to A7 (one eighth of an A4 sheet) • 1mb – 1.5mb up to A6 (one quarter of A4)

• 1.5mb – 2mb up to A5 (half A4) • 3.5mb up to A4

• 6mb+ A3 or over

(6)

SMALL STUDIO

Digital Asset

& File Supply

Vectors

06 Supply of Vector, Logo and Knifeline files

Overview

• These should be generated from a vector based program

• These files are scaleable to any size, therefore are preferred when supplying important logo files for brand identities

• Acceptable file types are (.ai) and in some cases, but not all, (.pdf, .eps)

• Knifeline files for packaging should be based on lines made from a ‘Stroke’ as opposed to a ‘Fill’. See this link for information on the difference between them (https://helpx.adobe.com/illustrator/how-to/illustrator-working-with-fill-stroke.html)

IDEAL PRACTICE

Supply a vector-based image that is saved directly from Adobe Illustrator.

NEXT BEST

(7)

SMALL STUDIO

Digital Asset

& File Supply

Graphs

07 Supply of Data, Charts or Graphs

Overview

• High quality and carefully prepared assets will get the best results with printing or replication.

IDEAL PRACTICE

Supply as a HiRes image that can be inserted directly into a document. If the Chart/Graph is to be redesigned, having this as a HiRes image will aid in the accuracy of the update.

NEXT BEST

On some occasions these can be supplied successfully as a Powerpoint file (.ppt).

AVOID

Graphics that are inserted into Microsoft Word (.doc, .docx) and LoRes images downloaded from the web .

(8)

SMALL STUDIO

Digital Asset

& File Supply

Feedback

08 Tracking Changes and Supplying Great Feedback

Overview

• Providing great feedback on creative work can be made into a very simple and logical process. It’s important to be clear and specific.

• Add dates to the end of each file name for tracking versions of edits eg. MyDesign_CHANGES_jan12_requested.docx

eg. MyDesign_CHANGES_jan13_made.docx

• When giving notes back to Small Studio, be very specific about changes. Cite specific examples of what you need completed, eg. change ‘Word X’ on Line 1, Paragraph 2 of Page 8 in My Document.

IDEAL PRACTICE

Supply your changes with Comments/Markup on an Acrobat PDF file. This allows you to place and highlight edits directly where they need to occur.

NEXT BEST

If you are more comfortable with an analogue process, simply print out the document and write your notes very neatly and send back to Small Studio via a HiRes scan.

AVOID

(9)

SMALL STUDIO

Digital Asset

& File Supply

File Naming

09 File Naming Protocols

Overview

• Use logical and smart language when making file names.

• Avoid long and vague file names. Remedy this by adding wording to the file that describes exactly what it is, eg. MyCompany_CEO_profile_photo.jpg

eg. MyCompany_LOGO_full_colour.eps

eg. MyCompany_REPORT_jan2015_draft_1.0.pdf

• Don’t use spaces in your file names.

• Don’t use symbols, spaces or punctuation marks other than a dash ( – ) or underscore ( _ ) in your file name. Read more about this here (http://support.apple.com/en-is/HT202808)

(10)

SMALL STUDIO

Digital Asset

& File Supply

Folder Setup

Download Folder

(.ZIP FILE)

10 Good Folder Organization

Overview

• We have created a .zip file that you can download which contains a File Folder Set that fits seamlessly with the way that Small Studio works. This mirrors the file hierarchy that we use. Here is an overview of what each of these sub-folders relates to:

ASSETS

Save all images, logos, charts/graphs for use in your design or document here.

BRIEFS

If you are using Google Drive, save a link to your document here OR Add all Microsoft Word (.doc, .docx) or Text Edit (.txt, .rtf) files here.

CONCEPTS

Save all concept designs that you receive from Small Studio here. These are usually the initial or exploratory design ideas.

DESIGN DEVELOPMENT

These are the files that are more refined versions of the work, based on rounds of feedback between you and the Studio.

FINISHED ARTWORK

These files are the final print-ready versions of your creative work. This folder could contain final Logo Files to Report Documents to Apparel Design. The only items that should be kept here are the absolute final files for printing or distribution to other

stakeholders in your Company or Network. A sub-folder named Links may be present here if there are other image, fonts or logo assets that accompany the final art files..

WEBSITE

This folder should contain any relevant files that are used to create your website project with Small Studio. This may include images for slideshows, portions of code or multimedia files (video or music). Prior to a website design and build you will provide. Wireframes and/or Functional Spec which outline the architecture of your website project with us.

(11)

SMALL STUDIO

Digital Asset

& File Supply

Print Sizes

11 Print Size Guide

Overview

Understanding paper size can help when it comes to organizing print work with your brand assets.

A1

Large Street Poster

(59.4cm wide x 84.1cm tall)

A2

Street Poster

A3

Cafe Poster

A4

Documents & Reports

A5

Flyer

A6

Postcard or Small Flyer

A1

A2

A3

A4

A5

A6

(12)

Mobile

Portrait

(320 pixels wide)

SMALL STUDIO

Digital Asset

& File Supply

Device Sizes

12 Device Size Guide – Responsive Design

Overview

It’s a common practice to showcase images on websites in slideshows, often full screen. To make sure your images look their best on a number of devices it pays to take screen proportions into account. Though by no means comprehensive to all devices on the market, the most popular screen resolutions at the time of writing are below. On the next page you will see how these proportions work across different devices.

Tablet

Portrait & Landscape

(768 pixels wide)

Notebook

Landscape

(960 pixels wide)

Desktop

Landscape

(1280 pixels wide)

320px

960px

1280px

(13)

SMALL STUDIO

Digital Asset

& File Supply

Aspect Ratio

13 Image Size Guide – Aspect Ratio

Overview

Below are some examples of how different popular image aspect ratios (based on the measurements from the previous page) can appear on different devices.

5:4 ratio

Landscape

16:9 ratio

Landscape

2:3 ratio

Portrait

(14)

14

Enjoy!

Digital and Print Design Adventurers Shop 8, Hardwick Building

459 Sydney Rd, Brunswick, Vic 3056 (03) 9381 0996

0425 719 404 smallstudio.com.au smallstudio.tumblr.com