IMAGE SIZE AND RESOLUTION

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
1 Pertemuan 13 Producing Vector Graphics Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
More ICT studying!.
Adobe PageMaker 6.5 Intermediate Level Course. Master Pages Palette The Master Pages palette allows you to create and apply Master Pages to Publication.
Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
Designing for Web stuff you need to know before you start.
2.01 Understand Digital Raster Graphics
Introduction to Graphic Arts Technology PRINT Versus WEB.
Dr Jimmy Lam CAD for Fashion and Textiles
CIS 205—Web Design & Development Integration Chapter 1.
IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.
1 Pertemuan 12 Linking and Embedding, Saving and Exporting Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.
Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
1 Pertemuan 02 Setting Up Your Document Panels and Pages Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
1 ADVANCED MICROSOFT POWERPOINT Lesson 9 – Importing and Exporting Information Microsoft Office 2003: Advanced.
Task 3 Store and Present Your Digital Entry Guidance Notes.
PLACING AND LINKING GRAPHICS
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Chapter 12 Web Publishing. Goals Become an image optimization master Get a handle on Web file formats, including SVG and SWF Learn about Web image color.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
FIRST COURSE PowerPoint Tutorial 4 Integrating PowerPoint with Other Programs and Collaborating with Workgroups.
Chapter 13 Preparing Graphics for the Web. Creating Slices When you create graphics for the web, you will need to pay attention to different considerations.
Digigital Fundamentals! Week 2,. Adobe Photoshop CS3 Photoshop Tools.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
To play, start slide show and click on circle Lesson 4 Lesson 4 Lesson 5 Lesson 5 Lesson Lesson 6.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
2.01 Understand Digital Raster Graphics
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
HOW TO SAVE & USE FILES For Print & WEB.
Digital Illustration Chapter 6 File format.
Chapter 1 Editing a Photo
Getting Started with Adobe Photoshop CS6
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Getting Started with Adobe Photoshop CS5
2.01 Understand Digital Raster Graphics
Digital Images.
Introduction & Getting ready to work
Guide to Creating Mask Files
2.01 Understand Digital Raster Graphics
Working with images EIT, Author Gay Robertson, 2018.
Creating Images for the Web
Getting Started with Adobe Illustrator CS6
2.01 Understand Digital Raster Graphics
Introduction & Getting ready to work
Learning the Basics of Microsoft Word 2010 for Microsoft Windows
PRODUCTION PHASES CHANGES
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
The Web Collection Standard CS3 Revealed
Presentation transcript:

IMAGE SIZE AND RESOLUTION Digital Illustration Updated SP16

OUTPUT You can save Illustrator documents in a variety of graphic file formats for use in print publications and on the Web; you can print directly from Illustrator or place Illustrator graphics into other documents, such as InDesign layouts and Photoshop artwork.

OUTPUT Artwork can be handed off to other CC applications: Print documents: Copy and paste between Illustrator and InDesign or import Illustrator files into InDesign layouts. Web/digital publishing: Open Illustrator documents directly in Flash or export and open in Dreamweaver. Copy and paste or import Illustrator artwork into Photoshop. Artwork can also be handed off for use in other applications: Export to other formats Save as PDF or EPS and maintain AI file for future editing

CREATE DOCUMENT PROFILES Document Startup Profiles store the properties of a new document. Document Profiles control: Color mode Raster Effect resolution: 72 dpi for digital, 300 dpi for print Preview mode: Overprint Preview, Pixel Preview Create custom profiles: Specify custom settings in the New Document dialog box, and then save a blank Illustrator file (AI format). To use a document profile, choose Browse from the Profile menu in the New Document Profile dialog box, and then browse to and select the AI file.

PRINTING FROM ILLUSTRATOR Illustrator has a full-featured Print dialog box (File > Print). Use the options in the General section to manage most home or office printing functions. The other tabs are typically used by professional printshops. Specify the artboards you want to print in the preview window.

PRINT SELECTED LAYERS Visible & Printable Layers: Prints only visible and printable layers Visible Layers: Prints all visible layers All Layers: Prints all layers (including hidden)

PRINT SELECTED ARTBOARDS Choose Range in the Print dialog (General section). Select Skip Blank Artboards. Select Ignore Artboards. Select Orientation and Auto-Rotate.

SAVE AS PDF Many printers prefer to receive PDF documents from clients. You can also export PDF documents for use in other applications. Saving an Illustrator file as a PDF is a Save command: 1. Choose File > Save As, and in the resulting dialog box select Adobe PDF from the Format pop-up menu. 2. Check or uncheck the Preserve Illustrator Editing Capabilities option in the Save Adobe PDF dialog box: Yes: File can be opened and edited in Illustrator. No: File is much smaller in size but cannot be edited in Illustrator.

SAVE AS OTHER GRAPHIC FILE FORMATS EXPORT TO MICROSOFT OFFICE PNG format EXPORT TO TIFF Widely supported print raster format. EXPORT TO PHOTOSHOP (PSD) RGB or CMYK color models HAND OFF TO INDESIGN FOR PRINT PDF or AI file

SAVE FOR WEB DIALOG BOX The Save For Web dialog box (File > Save For Web) duplicates export options. Advantages vs. Export: 2-up previewing allows for trial and error. Many but not all web-useful options are available here. Resizing is available on export. Slice selection is supported. Disadvantages vs. Export: You cannot export selected artboards. Not all formats are available. Use File > Export where necessary.

WEB GRAPHIC FORMATS Web raster formats: JPEG (photos) PNG (transparency) GIF (type and plain colors)

SLICE FOR EXPORT In the early years of web design, pages were constructed with tables. Illustrator (and Photoshop) generated HTML pages with tables from slices. Today we use slicing to save selected artwork to raster formats. Select an object in a document and choose Object > Slice > Create from Selection.

SELECT SLICES FOR EXPORT Once you have defined slices in a document, use one of these two methods to select some slices: Use the Slice Selection tool in the Tools panel. Use the Slice Selection tool in the Save For Web dialog box.

EXPORT SELECTED SLICES Once slices are selected, use one of these methods to export them: In a document, choose File > Save Selected Slices to export selected slices to raster formats. In the Save For Web dialog box, select to include all slices, or just selected slices. Exported files will automatically be named based on the Illustrator document information, and they can have different export settings.

WORKING WITH ADOBE BRIDGE Adobe Bridge is for file management and for browsing images that are in your computer, server, or any device that is actively connected to your computer.

PRINT OUTPUT ESSENTIALS Color mode is critical for output: You will almost always use CMYK or Spot Color mode for professional printing. Regarding file format, some printers accept AI files, but more often printers ask for PDFs. AI files are more often placed into InDesign to prepare for publishing. Export raster images as native Photoshop files (PSD) or TIFF files.

SAVE, EXPORT, AND PRINT To hand off for print: Save to editable files as native Illustrator format (AI), or as more widely supported formats such as editable PDF file format. To export to non-editable raster formats: Use PSD or TIFF for high-resolution printing. To export raster-based files for the web: Use the Save For Web dialog box, which provides a preview. Slices can be saved as separate raster-based files. Use the Export dialog box: Provides some settings unavailable in the Save For Web dialog box Saves to web vector formats (SWF and SVG) Allows artboard selection