CAD1!

Course Number:FD-0290-05Course Duration:45 hours (total)/4 hours per week

COURSE OUTLINE

- What is Adobe Illustrator and what can it do?!- How to make a RESUME/ CV with Adobe Illustrator- How to make Flatdrawings with Adobe Illustrator- What is Adobe Photoshop and what can it do?!- How to create a presentation with POWER POINT

First things first….

What is a Mac and what is a PC? What is Software and what is Hardware?

We call the technical parts of a computer the hardware, things like the processor chip, the graphic card, the sound card, hard drive and very important the memory chips…the Software are the programs and the operating system it’s an abstract term it can only exist while there is hardware to run the software, vice versa hardware can only function when there is software to control it.

Apple Macintosh and the PC are two different computer systems that developed simultaneously over the years, in the beginning the compatibility of them was quite low but nowadays with shared file formats you can easily switch between both systems. Mac’s are widely used in the graphic and design industry since all the programs like Photoshop, Illustrator etc. are developed on Macs for Macs and there fore run faster and more stable, later on they are rewritten for PCs. Mac systems have never been affected by viruses or Trojan horses and hardly ever break down. This luxury comes with a high price tag; Apple Macintosh is the only company to produce Macs and therefore holds the monopole for this product. They pay a lot of attention to the looks and design.Pc’s usually run on a Windows or sometimes Linux system, while Mac has Mac OS.This operating system is a huge program under which all the other programs run. Windows Vista is the latest version for Mac its OSX Snow leopard.PC are mostly used for Office applications and Games, a pc is rather cheap and can be customized in a million different ways, especially the desktop ones. Microsoft creates all its software for PC and usually later on rewrites them for Mac with a great delay. One reason why there is still no MSN messenger for Mac that supports a Webcam…..

1. ADOBE ILLUSTRATOR Introduction

Adobe Illustrator is the industry-standard illustration program for print, multimedia, and online graphics. Whether you’re a novice or an illustration expert, Adobe Illustrator offers you the tools you need to get professional-quality results.

As opposed to Photoshop Illustrator does not work with Pixels but with Vectors. Vectors are not made out of little dots but out of mathematical calculations. If you zoom into an illustrator file the quality will always stay the same, therefore you can blow it up or make it smaller as much as you like it without any loss.Adobe Illustrator excels as an art production tool, whether to designer or technical illustrator producing artwork for print publishing, an artist producing multimedia graphics, or a creator of Web pages or online content. The software provides an unmatched level of precision and control over your artwork and the flexibility to produce anything from small designs to large, complex projects. Adobe Illustrator also provides a consistent work environment with other Adobe applications including Adobe PhotoShop(R) and Adobe PageMaker(R).

1 Set up

To start Adobe Illustrator :Open Adobe Illustrator The Adobe Illustrator window appears, with a new file opened for you. You can now work with the new file or open a different file or artwork and start working.

2 Guide and GridTo help align text and graphic objects on the page, use background grids or create and display alignment outlines called guides. Grids normally appear as lines or dots behind the artwork, and they do not print. Use grids to lay out objects or elements symmetrically. Selected artwork and tools snap to the grid if Snap to Grid is turned on. Grid spacing, color, and style can be different for each file. Guides act as alignment tools. They also do not print. You can define any object as a guide to which you want to align artwork. Selected artwork and tools snap to guides when they are within tolerance of the guide. Guide color and style are the same for all files.

3 Tool/paint styleThe pen tool can create straight lines and smooth, flowing curves with great precision. For most users, it is the most powerful and flexible drawing tool in Illustrator, as it provides the best control and greatest accuracy for drawing.A color mode in Illustrator determines the color model used to display and print Illustrator files. Illustrator bases its color modes on established models

for describing and reproducing color. Common models include HSB (for hue, saturation, brightness); RGB (for red, green, blue); and CMYK (for cyan, magenta, yellow, black).Use the Color palette to apply color to an object’s fill and stroke, and also to edit and mix colors —either colors that created or selected from the Swatches palette, from an object, or from a color library.

To edit the fill or stroke color using the Color palette: 1 Select an object using any selection tool.2 Choose Window > Show Color. 3 select the Fill box or Stroke box in the Color palette or in the toolbox.4 do one of the following:

• Position the pointer over the color bar (the pointer turns into the eyedropper), and click.• Choose an RGB, HSB, CMYK, or Grayscale color model from the pop-up menu, and use the sliders to change the color values.

4 Layer

Layers act like individual, clear sheets containing one or more objects (same as in Photoshop) . Where there are no overlapping filled objects, you can see through any layer to the layer below.You can create and modify objects on any layer without affecting the artwork on any other layer. You can also display, print, lock, and reorder layers as distinct units.

Every Adobe Illustrator file contains at least one layer. Creating multiple layers in artwork provides better control over how artwork is printed, organized, displayed, and edited.Layers work in various ways, such as duplicating, reordering, merging, flattening …You can even create template layers, which you can use to trace artwork. In addition, you can import layers from PhotoShop. The following rules affect how objects appear in layers:• With-in each layer, objects are stacked according to their stacking order. • Grouped objects are on the same layer; if you group objects from different layers, all objects are placed on the front most layer of the group, directly behind the front most object in the group.• When you mask objects on different layers, objects on intermediate layers become part of the masked artwork

5 Type

Among the most powerful aspects of Adobe Illustrator are the type features. You can quickly change type size, shape, and scale; you can flow type precisely into virtually any shape of object; and you can flow type horizontally or vertically along differently shaped pathways. The range of type tools in Illustrator make it easy to place type along a path in your artwork, such as along a circle or irregular path that you create. To enhance your designs, you can also paint type with colors and patterns, or transform type into entirely new shapes. No matter which language version you are using, Adobe Illustrator provides a wide range of multinational language features—from spell-checking and hyphenation support for numerous European languages to advanced typography features for Chinese, Japanese, and Korean (CJK) text.

6 Pen tool

The pen tool lets you create straight lines and smooth, flowing curves with great precision. For most users, it is the most powerful and flexible drawing tool in Illustrator, as it provides the best control and greatest accuracy for drawing.

7 Path

A path is any line or shape that you create using the Adobe Illustrator drawing tools. A single straight line, a rectangle, and the outline of a map are all typical examples of paths.A path consists of one or more segments. Anchor points, which define where each segment of a path starts and ends, affix the path in place. By moving anchor points, you modify path segments and change the shape of a path.A path can be either open or closed. A closed path is a path that is continuous and has no beginning or end; a circle is an example of a closed path. An open path has distinct endpoints; a wavy line, for example, is an open path.The first and last anchor points on an open path are called the endpoints. If you fill an open path, the program draws an imaginary line between the two endpoints and fills the path.

8 Path editing

You can modify the shape of a path by moving one or more of its segments or by moving the path’s anchor points. To adjust a curved segment, you move the segment between the points anchoring it or you move one or more of its anchor or direction points. You can also adjust a path by converting smooth points to corner points and vice versa.To adjust a path globally, keeping each point along the path in scale, use the reshape tool. This tool lets you pick points along a path and adjust all of the segments along the path by dragging a single point. You can also adjust a portion of a path by using the pencil tool, smooth tool, or erase tool.

9 Shape

You can create many objects in Adobe Illustrator by starting with basic shapes. The tools in Illustrator let you easily create rectangles, ellipses, polygons, spirals, and stars.

10 Shape modification

The Pathfinder commands in the Pathfinder palette combine, isolate, and subdivide objects, and they build new objects formed by the intersections of objects.To use the Pathfinder palette, you click a button in the palette that corresponds to the action you want to do. Most Pathfinder commands create compound paths. A compound path is a group of two or more paths that are painted so that overlapping paths can appear transparent. Except where noted, the objects created by all Pathfinder commands are assigned the same paint style as the top object in the current layer’s stack.

11 Blending

The Adobe Illustrator blend tool and the Make Blend command let you create a series of intermediate objects and colors between two or more selected objects. You can blend between two open paths (such as two different lines), between two closed paths (such as a circle and a square), between gradients, or between other blends. Depending on the way you paint the objects you are blending, you can produce airbrush effects such as complex shading, highlighting, and contouring. The Blend filters can also be used to blend colors between filled objects.You can edit blends that you created by moving, resizing, deleting, or adding objects. After you make editing changes, the artwork is automatically reblended.

12 Pattern tiles

To create a pattern, you create artwork you want to use as a pattern and then drag the artwork to the Swatches palette or use the Edit > Define Pattern command. You can use paths, compound paths, or text with solid fills (or no fill) for a pattern, or you can design a pattern from scratch with any of the tools in the Adobe Illustrator program. (However, you cannot use patterns, gradients, blends, brushstrokes, gradient meshes, bitmap images, graphs, placed files, or masks in a pattern.) You can customize any pattern by resizing the pattern, moving or transforming it, or coloring its objects. And don’t forget to make notes of what you do, so you can look it up at a later point.

2.Your Resume/CV in Illustrator

Your CV is in many cases the first impression that people will get from you. Make sure that it is easy to understand, clear and to the point!

It should contain your address, educational details, the work experience you already have and possibly some career related achievements, such as competitions, awards or other impressive stages of your life.Always mention the languages you can speak/write and your level of expertise (mother tongue, fluent, experienced, good, beginner) if you have any certificates don’t forget to mention them.Put your computer knowledge in there too, this programs, etc.

Usually it is advised to mention the latest first and the oldest last , say u start with the study your busy with now ( Raffles) and you go back on the timeline until you reach your high school, no need to go further back, but always mention the dates as well.

Last but not least but a good and professional Picture of yourself onto the same page.

Since we are in the fashion industry, and depending on what position u wish to apply for you can think of some creative ways to present your CV/Resume.You can print it onto fabric and make a Scarf out of it or you can have it embroidered or you can wear it as a T-shirt etc. It is always advised to stand out of the crowd.

3. Flat drawings in Illustrator

There are 3 different ways of creating flat- or technical drawings of your garments or accessories:

In many fashion houses it is still common to do 100% handmade drawings, using a standard body as your base, others do a technical sketch by hand and than later on scan it and clean it up by redrawing the lines with illustrator paths. The third way is to do your drawing 100% in the computer.It’s up to you if you want to do a hand sketch first and than redraw it again with the computer or if you want to do it straight away in Illustrator. The latter is recommended as it saves a lot of time with a little bit of practice. You should scan a prefabricated or maybe handmade sketch of a sample body that you can use as your base. It should be symmetric and indicate the bust, hip, etc lines to make the job easier for you, especially a line that divides it into a left and right part are vital.

The usual way to work is to draw only one side of your (symmetric) garment and then use (objecttransform reflect) to make a mirrored copy of that. Even for asymmetric designs this can be useful.

And don’t forget to make notes of what you do, so you can look it up at a later point.

4. ADOBE PHOTOSHOP Introduction

Photoshop is a program designed for photo retouch and the creation of pixel based artwork…..What are pixels?

Your file in Photoshop consists of little dots….like a TV or like a real photo, these are called pixels. If you want to know how many you have in your file u can go to the settings and check how many dpi (dots per inch) your file has (A pixel is basically a dot). Averages for internet use are 72 dpi, printers are fine with about 150 dpi but for professional use and better quality I recommend 200 or better 300 dpi. It gives a better image and there for a larger file size.

(In real Photos we talk about the grain usually indicated by the ISO value which tells you how big and how many; the bigger they are the easier they are affected by light)

If you zoom in deep enough you will be able to see the pixels, they look like little mosaic tiles.

Let’s get stated:

Open Photoshop and create a new file or open one that already exists (FILE OPEN: FILENEW)

Or you can scan an image or drawing:(FILEIMPORT specific scanner) and the scan window will appear

1. Place image over the flatbed with center alignment.2. Select preview to location the image.3. Set scans area, resolution and other adjustment.4. Select scan to proceed.

Changing the pixel dimensions of an image:

1. Image Image Size.

2. Make sure that Resample Image is selected, and choose an interpolation method.

3. To maintain the current proportions of pixel width to pixel height select Constrain Proportions. This option automatically updates the width as you change the height, and vice versa.

4. Under Pixel Dimensions enter values for Width and Height. To enter values as percentages of the current dimensions, choose Percent as the unit of measurement.

The new file size for the image appears at the top of the Image Size dialog box with the old file size in parentheses.

5. Click OK to change the pixel dimensions and resample the image.For best results in producing a smaller image, resample down and apply the Unship Mask filter. To produce a larger image, rescan the image at a higher resolution.

Color Mode

A color mode in PhotoShop determines the color model used to display and print PhotoShop documents. PhotoShop bases its color modes on established models for describing and reproducing color. Common models include HSB (for hue, saturation, brightness); RGB (for red, green, blue); CMYK (for cyan, magenta, yellow, black); and CIE lab.

PhotoShop also includes modes for specialized color output such as indexed color and duotones.

The transition between converting an image from one mode to another permanently change color values in the image. For example, when you convert an RGB image to CMYK mode, RGB color values outside the CMYK gamut are adjusted to fall within the CMYK gamut. Consequently, Before converting images, it’s best to do the following:

• Do as much editing as possible in the image’s original mode (usually RGB from most scanners or CMYK from traditional drum scanners or if imported from Adobe Illustrator).

• Save a backup copy before converting. Be sure to save a copy of your image that includes all layers in order to edit the original version of the image after the conversion.

• Flatten the file before converting it. The interaction of colors between layer blending modes will change when the mode changes.

To convert an image to another mode:Choose (Image Mode) and the mode you want from the submenu. Modes not available for the active image appear dimmed in the menu.

HOW to save a file?

To save a file in its current format:Choose (File Save).

To save a file in a different file format:

1. Choose (File Save As).

2. For Save As (Windows) or Format (Mac OS), choose a format. Unavailable formats are not visible (Windows) or dimmed (Mac OS).

Important: Only the PhotoShop format is available for layered files. In addition, many formats do not support files in certain color modes or files with alpha channels (see about file formats). If you do not see the format you want, flatten the image or use the Save a Copy command. If the format still does not appear, install the format’s plug-in module following the instructions in using plug-in modules.

3. Type a filename, and choose a location for the file.Click Save.

Now that we have scanned, created a new file or opened up an existing image we can have a look around in Photoshop…

On the left hand side u can see all the different tools provided. Most of the time further variations of each tool are available and u can see them by clicking and holding down on each little icon. By simply placing your mouse over each icon u can read it’s name and get a first idea of what it’s good for. On the right side of your screen you will find several info boxes, some are visible some are hidden. As usual u have your main menu on the upper

edge of the screen, here you can find for example the filter menu, the layer menu, etc.Have a look around and get familiar with the workspace.

In Photoshop we work with layers, think of them like a stack of transparent sheets. You can change the layers to be transparent or opaque or to mix with each other.

One layer can contain your sketch and another one is a background and another one on top is for the color and yet another one has some little details or text on it.

And don’t forget to make notes of what you do, so you can look it up at a later point. 5. Welcome to POWER POINT

What is PowerPoint and why do we need it?! PP is a great program that is part of MS Office. Basically it is a tool to create Presentations. It enables you to create slides containing whatever you like (Text, pictures, video, sound, diagrams). All over the world people present their work with PowerPoint, it is easy to use and learn.

Let’s have a look inside, the basics:

On the left side u have your slide overview, in the middle the slide you’re working on. If you want to add a new slide, right click on the left side and select add new ‘slide’.

Have a good look around, you will find familiar icons from word or other programs. Since it’s an office application the functions are the same.

Now a new menu pops up on the right giving you several options for the layout of you new slide, you can either choose a prefabricated layout or you take a blank one if you want to make your own.Now you can type or drag and drop your pictures into the slides.

That is the basic principle of creating a slide show. PowerPoint also contains some tools to customize your slide show, by right clicking onto your working area of your slide you will see a menu point called ‘slide transitions’, now it shows you a selection of possible transition methods, meaning the way one slide changes into the next. If you right click on a picture or text you will see ‘custom animations’ in the menu which enables you to add effects, play a bit around and see what happens….

And don’t forget to make notes of what you do, so you can look it up at a later point.

Notes: