IMPROVING TECHNICAL DRAWING SOFTWARE SKILLS OF VET TEACHERS IN TURKEY

EDUCATIONAL PROGRAMME

FEBRUARY, 2016

CONTENTS

EDUCATIONAL PROGRAMME TIMETABLE.....................................................1DAY 1: INTRODUCTION TO TECHNICAL DRAWING WITH COMPUTER.....2

2.1. File Types Used in Computer.............................................................................2

2.2. Types and Characteristics of Files Used in Computer Drawings and Pictures..........................................................................................................................2

2.3. Characteristics of Pixel-Based Graphic (Raster Image) and Vector- Based Graphic.....................................................................................................4

DAY 2: ADOBE ILLUSTRATOR INTERFACE....................................................63.1. Programme Interface.............................................................................................6

3.2. New, Save, Save as Functions..........................................................................7

3.3. Organizing Workspace...........................................................................................8

3.4. Place and Export Functions................................................................................8

3.5. Workspace and Layer Logic............................................................................10

3.6. View Menu and Forming Raster in Workspace......................................12

DAY 3: BASIC DRAWING TOOLS.................................................................144.1. Basic Drawing Tools..............................................................................................14

4.2. Dash, Quad, Polygon, Circle, Ellipse Drawings and Changing the Charcteristics of The Drawing...................................................................................14

4.3. Free Drawing and Working with Paths......................................................15

DAY 4: GROUPING OBJECTS and INTERSECTION, CONJUNCTION and ROTATION in OBJECTS..................................................................................19

5.1. Grouping Objects and Changing Characteristics.................................19

5.2. The Method of Getting New Graphic with Intersection and Conjunction of Objects..................................................................................................20

DAY 5: 3D DRAWINGS AND EVALUATION.................................................226.1. Creating 3 Dimentional Graphic with Spinning Method...................22

6.2. Evaluation...................................................................................................................22

1EDUCATIONAL PROGRAMME TIMETABLE

Improving Technical Draing Software Skills of VET Teachers Training will be held between 29th February 2016 and 4th March 2016 according to the timetable in the following table.

Table 1. Education Program Days and Hours

29th February 20161. Lesson: 08:30-09:20

Giving Information about Educational Programme to Participants

2. Lesson: 09:30-10:20 File Types used in Computer3. Lesson: 10:30-11:204. Lesson: 11:30-12:20

Types and Charactersitics of Files used in Technical Drawing

Lunch Time5. Lesson: 13:00-13:50 Characteristics of Pixel-Based Graphic (Raster Image) and

Vector-Based Graphic 6. Lesson: 14:00-14:50

1st March 20161. Lesson: 08:30-09:20

Programme Interface2. Lesson: 09:30-10:20 New, Save, Save as Functions3. Lesson: 10:30-11:20

Organizing Workspace4. Lesson: 11:30-12:20

Place and Export FunctionsLunch Time

5. Lesson: 13:00-13:50 Workspace and Layer Logic6. Lesson: 14:00-14:50

View Menu and Forming Raster in Workspace2nd March 2016

1. Lesson: 08:30-09:20

Basic Drawing Tools2. Lesson: 09:30-10:20

Dash, Quad, Polygon, Circle, Ellipse Drawings and Changing the Charcteristics of The Drawing

3. Lesson: 10:30-11:204. Lesson: 11:30-12:20

Lunch Time5. Lesson: 13:00-13:50 Free Drawing and Working with Paths6. Lesson: 14:00-14:50

1

3rd March 20161. Lesson: 08:30-09:20

Grouping Objects and Changing Characteristics2. Lesson: 09:30-10:203. Lesson: 10:30-11:204. Lesson: 11:30-12:20

The Method of Getting New Graphic with Intersection and Conjunction of Objects

Lunch Time5. Lesson: 13:00-13:50 The Method of Getting New Graphic with Intersection and

Conjunction of Objects6. Lesson: 14:00-14:50

4th March 20161. Lesson: 08:30-09:20

Creating 3 Dimentional Graphic with Spinning Method2. Lesson: 09:30-10:203. Lesson: 10:30-11:204. Lesson: 11:30-12:20

Lunch Time5. Lesson: 13:00-13:50 Evaluation6. Lesson: 14:00-14:50

2DAY 1: INTRODUCTION TO TECHNICAL DRAWING WITH COMPUTER DURATION: 6 LESSON HOURS

2.1. File Types used in Computer

File Extension, is the ending of a file that helps to identify the type of file in operating systems. The file extension, which is used to distinguish the files, is often followed by three or four characters after “.” at the end of the file name. These characters are important since they give clue to choose the application while openning the file.For example; an excel file in Microsoft Office has an extension of ".xls", which is a file extension associated with text files. Therefore, the operating system will determine which Microsoft Excel programme will be used to run the file again.

2

Extensions used for Microsoft Office Files

.DOCX Microsoft Office Word Document

.PPTX Microsoft Office Power Point Presentation

.XLSX Microsoft Office Excel Workbook Extensions used for Picture Files

.JPG Compressed Photo/Picture

.PNG Photo/Picture in the Interent Space

.PSD Photoshop Draft Picture/Photo

.GIF Moving Picture/PhotoExtensions used for Word Documents

.TXT Simple Word Document

.PDF Adobe Acrobat Document Extensions used for Music Documents

.MP3 Compressed Music Document

.WAV Audio Music Document

2.2. Types and Charactersitics of Files used in Computer Drawings and for Computer Images

PICT

PICT format is common file for all programmes. When you transfer it to an application programme, the picture information will be included. Although the image is deleted in your disc, the printer will not search for PICT file for printing. When we transfer the image in PICT format to Illustrator and FreeHand programmes during organising and recreating logos, llustrator programme will open the image with open command optionally and paste it to the page as a Template (semi-transparent/backspace). By the way, you can do your drawing vectorially on this image. EPS

EPS format is supported by almost all drawing and page setup programmes. In Photoshop programme, while the document is saved in Bitmap mod, Transparent Whites (Beyazları şeffaf yap) option can be chosen during saving and the white areas in the file can be characterised as transparent. If you save a colourful document as EPS,

3

CMYK mod should be chosen in order to prevent probable printing problems. TIFF

TIFF format is a common file format in computers. It is backed up by all programmes. The files saved in this format give a chance to change and decrease the colour of image and ground in any programme application. For example, you can change the colours of an image or logo if you save it in TIFF format and paste it on a page. JPG

JPG is a picture format which you can use to save big Mb files on a disc by compressing. The characteristics of JPEG or JPG format is that they include real colour values. Therefore, it should be used for photographic (not linear/graphical) view. JPEG compressing method finds and deletes the details which are not compulsory for detecting the view and compresses the files in this way. Therefore, it is among lossy formats. It is important to balance between lost details and compressing rate since there is a connection between them. The more compresssing is the more lost details, the less compressing is the bigger files. A copy of the file should be kept since it is not possible to get back the lost details. BMP

BMP is a format that is developed by changing the PCX format by Windows and Microsoft. Paint programme of Windows 3.1 and 95 manipulates images in this format. BMP format may include 1-24 bit pixel dept. At the beginning, there were no compressing option. This compressing is an option and it is a lossless compressing method. GIF

CompuServe Company’s Graphics Interchange Format (GIF) files are the most common format in internet. The reasons of its popularity is that it has a good quality compressing in files which has low number of colours (1- 8 bit), it supports timing in animations, it keeps pictures in different size, and it identifies transparent colour. PNG

PNG Portable Network Graphics format is non-patented. It carried picture quality including lossless real colour and transparency to internet. Transparency information in PNG files are kept in alpha channel. Loading in order is also possible. Moreover, different filtration algorithms can be used for compressing. AI

4

Figure 1. Pixel-based and vector-based graphics

Abode Illustrator file can be opened by using the proper version of Illustrator Software.

2.3. Characteristics of Pixel-Based Graphic (Raster Image) and Vector-Based Graphic

Pixel-based graphic is the graphic which is formed by bringing together the small cells called pixel. Graphic size increases as the pixel size increases. On the other hand, vector graphics does not effect the size of the file. The image taken by your camera is a pixel-besed image (raster). Most people do not want to zoom a picture since a normal picture is expresses with its pixel value and when the picture enlarges, the pixels appear and the result is underwhelming. This problem is solved by vector pictures. Vector graphics, which are independent of resolution, can be in any size without losing details. In vector graphics, each object is created with mathematical expressions.

Figure 2. Pixel-based and vector-based graphics

Vector is, simply, a line drawn between two points. In other words, this type of graphics, are comprised of paths, which are defined by a start and end point. The computer collocates all the lines drawn by this method and creates the picture. You can remember the “Connecting Dots Game” in puzzle magazines. This games starts with dots distributed on a page. When we connect this dots one by one, the picture comes up. Vector graphic is similar to this game. The person

5

who prepares the graphic does not have to enter the coordinates numerically. The computer forms these coordinates itself while the lines are being drawn. You can see the difference clearly in the example above. In the vector picture, you can see that the small writings in the label never becomes blurred although they are zoomed 7 times. Vector graphic can be used instead of bitmap graphic because of its some advantages;

Vector graphic takes up smaller place on the harddisk than bitmap.

The picture will not become blurred during zooming and zooming out.

The picture can be changed easily and the parts can be used in another picture easily.

It is easy to change the colour, thickness and place of the lines that forms the picture.

Vector graphics can be developed on the platforms such as, Adobe Illustrator and Corel Draw.

6

3DAY 2: ADOBE ILLUSTRATOR INTERFACEDURATION: 6 LESSON HOURS

3.1. Programme Interface

Welcome screen; is the first screen you can see when you double ckick Illustrator icon on your computer. Illustrator shows you some options to use for the document that you want to work on. These options are:Open Recent Files: It helps to reach the files that you work on quickly. If you can not see your file here, you can click on Open and search for your document in your computer. Create New: It gives a list of options to create a new document in Illustrator. With the help of this list, you can easily reach documents that have adjustments in advance. Print Document helps you to open a document for desktop publication. You can prepare web document for internet, and also other documents such as; Mobile and Drive Documents, Video and Film Documents, Basic CMYK and Basic RGB Documents which are special for the field. You can reach the templates from Template icon at the end of the list. These templates include Cd labels, work cards, brochures and invitations and more. Illustrator Programme provides managing the documents with a menu like other applications. The menus in Illustrator includes panels and sub-panels which are special to this programme. In the basic menu, there are new file, new file from template and open recent file tabs under the File heading. Under the new file, there are save, save as, add new elements and print options. Under Edit heading, you can use cut, copy, paste options and different and advanced settings options.

Object heading can be used for objects in your document. It has tools which help to transform, arrange, group, hide and lock objects. Illustrator programme is based on objects, so there are other tools under this menu.

Type menu is used for font size, typeface, case of the texts.

Select helps to choose objects in the document. For example, you can use All option to choose all in the workplace, you can use Inverse command to choose all element expect the chosen one. You can have many other options under this menu like other menus.

7

Figure 3. File Menu

Figure 4. Creating New Document

Effect menu helps you to apply special effects on your objects.

View tab helps you to arrange your workplace view. At the same time, you can arrange many elements that you use while working on the document. You can monitor ruler, guide and raster settings from this tab.Window heading opens or hides panels that you want to seein interface. From this heading, you can reach more panels that are not seen on the interface of the Illustrator Programme. You can reach whatever panel you want and put them on the interface. You can reach sub menus under each panel. You can also make the panel lerger and smaller for your workplace. You can customise your workplace by grouping panels. From Workplace tab under Window, you can reach the first view in case of a mistake.

Help menu has a wide database to answer your questions about the programme and its usage. You can find many headings under this menu such as; using tools, viewing options, drawing arrangements, working with colours.

3.2. New, Save, Save As Functions

New tab helps us to open a new document to work in Illustrator Programme. You can give a name to your document and reach profiles part. When you choose a heading in profile part, you can see that the settings at the bottom of the page changes according to the chosen item. You can save your document with AI extention by using “Save” option under File segment. With “Save As” option you can give another name to your document.

3.3. Organizing Workspace

You can organise your workplace or you can choose a profile and start fast. For example, when you choose “Print” profile, you can organise paper size, orientation, resolution, and many other changeable.

You can choose cm, mm, inch or point, etc from “Unit” option. You can organse resolution from “Raster” option (For example for printing materials, you can choose

8

Figure 5. Place Menu

300ppi or 72ppi for computer screen). You can see that when you choose print, web, mobile and tools, video and film profiles, options and settings which are specific to them can be seen on the screen. You can change these settings since they are just designed to help the user. For example, although in Print profile there are standart paper sizes such as A4, A3, and B5, you can organise your own paper size from “Width” ve “Height”.

You can also prepare a document with different width and height under Web profile. Under Video and Film profile, you can choose NTSC, the American video standard, or Pal the European Standard and start to work on it.

3.4. Place and Export Functions

Illustrator Programme is based on Vector, but it is often necessary to work with pixel-based. Iın order to add these visuals to llustrator programme, you should use “Place” option from File menu. Many file types are recognised by llustrator programme.

A visual can be taken to Illustrator Programme in 2 ways. If the visual is taken with “Bond” option, it will stay outside of Illustrator programme. When something is done outside on this visual, the reflection of it in Illustrator is also updated. If this visual is used in more than one document and if you want to make a change on this visual, all Illustrator files will be updated when you make the changes. However, whenever you move Illustartor file, for example if you send it to print or someone who work with you, they should reach the original version of the visual. If the visual is taken into the programme and embedded without bonding, sharing the file will be easier. The changes made in the file which is outside will not reflect to the content. Embedding the visual into Illustrator Programme will increase the file size. You should take into consideration that each work has its special conditions and you should do selections according to these special conditions.

Tüm yapılan çalışmaların ardından sıra, üzerinde çalıştığımız dokümanı kaydetmeye geldi. Üzerinde işlerimizi tamamladığımız dokümanı kaydetmek için Dosya Menüsünden > Kayıt sekmesine tıklıyoruz; karşımıza çıkan penceredeki kayıt formatlarını görebiliriz. Belgeyi kaydetme seçeneğini Illustrator dokumanı olarak belirleyip (.ai), kaydet

9

seçeneğini işaretliyoruz. Karşımıza Illustrator dokümanını nasıl kaydedebileceğimize dair ayarlar bulunan bir pencere geliyor. Sayfanın en üstünde hangi Illustrator sürümü için kayıt yapacağımıza dair bir seçenek mevcut. Eğer dokümanı kullanacak alıcı sizinle aynı program sürümüne sahip değilse, buradaki seçeneklerden uygun olanıyla bir sorun yaşanmadan dokümanınızı paylaşabilirsiniz.

PDF Uyumlu Dosya Oluştur seçeneği eğer Illustrator dosyası başka bir program tarafından kullanılacaksa oldukça verimli olmaktadır. Çünkü diğer Adobe Programları (Photoshop, Indesign), PDF çıktı içeriğiyle çalışabilmektedir. Bağlantılı Dosyaları İçer seçeneği de eğer dokümanın içinde bağlı nesneler varsa onları dokümanın içine gömecektir.

Bir başka kayıt formatı da PDF olarak dokümanı kaydetmektir. Pencerenin en üst bölümünde önceden tasarlanmış PDF formatları yer alır. Bu formatlar baskıya giden dokümanlar için farklı özellikleri barındırır. En Küçük Dosya Boyutu Seçeneği, yapılan çalışmanın önizlemesinin rahatça paylaşılması için, dokümanın olabilecek en düşük dosya boyutuna indirilmesini sağlar. Bu sayede internet üzerinden e-posta yoluyla yollanması da kolaylaşmış olur. Ayrıca Güvenlik kısmındaki ayarlarda PDF dokümanınıza şifre koyarak isterseniz yazdırılmasını engelleyebilir, isterseniz sadece okunabilir hale getirebilirsiniz. Illustrator içinde Çoklu Çalışma Alanı ile çalıştıysanız, PDF olarak dokümanınızı kaydettiğinizde, Illustrator her Çalışma Alanını farklı sayfaya koyarak okunması ve anlaşılması daha kolay çıktılar oluşturur.

Word, Excel, PowerPoint’te Kullanım İçin Dışa AktarımIllustratorda yapılan çalışmaları sıkça Microsoft’un Word, Excel ve PowerPoint Programlarına aktarmak gerekir. Aktarımı yapmak için Dosya menüsünden Microsoft Office İçin Kaydet başlığını seçebiliriz. Illustrator yüksek çözünürlüklü ve opaklık destekleyen, rasterize temelli PNG formatında çıkış almamızı sağlar. PNG formatının opaklık yeteneği, özellikle PowerPoint slaytlarının oluşturulmasında büyük kolaylık ve yaratıcılık sağlamaktadır.

Photoshop’ta Kullanım İçin Dışa AktarmakIllustratorda yapılan çalışmaları Photoshop’a aktarmak, iş akışı içinde çokça yapılan uygulamalardır. Basitçe Illustrator Programı’nda nesneyi kopyalayıp, Photoshop Programı’nda yapıştırmak, Photoshop’un Akıllı Nesne uygulaması sayesinde oldukça kullanışlı bir yöntemdir. Ancak çok fazla ve kalabalık Illustrator içeriğini Photoshop’ göndermek isterseniz, tüm elemanları Photoshop Dokümanı olarak Dışa Aktarmak daha mantıklı bir çözümdür.

3.5. Workspace and Layer Logic

Çalışma alanı, en temel anlamda Illustrator Programı bilgisayarımızda açıkken gördüğümüz ekranı tasvir eder. Bu ekran içinde daha önceden de değindiğimiz; Dosya, Düzenle, Nesne, Görünüm gibi ana menü

10

Figure 7. Choosing Workplace

Figure 6. Adding Workplace

elemanları, Kontrol Panelinde o an seçili öğeye göre konumlanmış kullanım araçları, paneller kısmında katmanlar, renkler, gezgin panelleri vb. bulunur. Ancak Illustrator bu temel yapıyı kullanıcının kendine göre ayarlamasına fırsat vermiştir. Bu sayede kullanıcı, işi doğrultusunda kullanmak istediği menü elemanlarını istediği gibi arayüze yerleştirebilmektedir. Ayrıca program belli başlı iş akışları için önceden hazırlanmış çalışma alanlarını da içinde barındırmaktadır.

Birden fazla Çalışma Alanı kullanımı Illustrator Programı’nın CS4 sürümüyle birlikte etkin olmuştur. Bu özellik sayesinde kullanıcılar, birbirinden bağımsız sahneleri bir arda görerek daha rahat ve eşgüdümlü çalışma imkânına sahip olmuşlardır.

Resimde görüldüğü üzere çalışma alanımızda 3 farklı çalışma alanı tanımlanmıştır. Aktif çalışma alanı diğerlerinden daha koyu bir gri ile çerçevelenmiştir. Birden fazla çalışma alanı oluşturmanın birkaç tane yolu vardır. Bunlardan ilki basitçe yeni belge açılırken kaç tane

alan istediğimizi ilgili kutucuğa yazarak belirtmektir. Gireceğimiz sayı doğrultusunda bize birbirine eş boyutlarda çalışma alanları açılacaktır. Aynı ekranda alanlar arası boşluğu, nasıl sıralanmalarını istediğimizi ilgili yerlerden ayarlayabildiğimizi görebilirsiniz.

Birden fazla çalışma alanı oluşturmanın bir başka yolu da Araç Menüsünden, Çalışma Alanı Aracını seçmektir. Araç seçildiğinde faremiz yardımıyla istediğimiz boyutta ve yerde bir çalışma alanı oluşturabiliriz. Yine araç seçiliyken, önceden açık olan alanların boyutlarıyla oynayabilir, yerlerini değiştirebiliriz.

Working with Katmanlar

Katmanlarla çalışmak da gruplarla çalışmak gibi çalışma alanındaki nesneleri organize etme aşamasında kullanıcılara yardım ederler.

11

Figure 8. Katman Paneli - 1

Figure 9. Katman Paneli - 2

Figure 10. Katman Paneli - 3

Öncelikle Katmanlar panelini açalım. Eğer panel görünmüyorsa, Menü > Pencere > Katmanlar yoluyla panelimizi açabiliriz.

Şimdi de örnek üzerinde Katmanların nasıl çalıştığına bakalım. Çalışma alanımızdaki 3 ana nesneye birer katman açarak çalışmamızı sürdürelim.

Öncelikle arkaplan için bir katman oluşturalım. Katman panelinde sağ alt tarafta bulunan Yeni Katman Oluştur tuşu aracılığıyla katmanımızı oluşturuyoruz.

Daha sonra bu katmana

isim vermek için üzerine çift tıklıyor ve gelen pencereden istediğim değişikliği yapıyorum. Çalışma alanında geri planımı oluşturan mavi renge tıklıyorum. Dikkat edersek 1. Katmanın en sağ tarafında küçük bir kare belirdi. Bu kare, kullanıcının o katman içinden bir veya birkaç nesneyi seçtiği anlamına gelir. Eğer o katmandaki tüm elemanları seçersek küçük kare daha büyük bir kareye dönüşecektir.

Katman ve Nesne HiyerarşisiKatmanların çalışma alanımız kalabalıklaştıkça bize nasıl yardımcı olabileceğini gördük. Şimdi katmanlar ve özelliklerine biraz daha yakından bakacağız. Katman panelinde kilitleme ve görünürlük değişkenlerini ayarlayan ikonların yanında bir de üçgen bulunur. Bu üçgen, o katmanın, içindeki nesneleri bize gösteren küçük satırları açıp kapatmaya yarar. Bu üçgenlere

tıkladığımızda karşımıza resimdeki gibi bir görüntü çıkacaktır.

Bu sayede çalışma alanında olan tüm elemanları ve hangi katmanlar altında olduklarını görebilirsiniz. Ayrıca doküman içindeki diziliş sırası da karşınızda olacaktır.

12

Figure 11. Cetvel Birimleri Düzenleme Ekranı

Figure 12. Raster View

3.6. View Menu and Forming Raster in Workspace

Cetvel ve kılavuzlar temelde doküman içindeki nesnelerin kolayca kontrol edilmesini ve yerleştirilmesini sağlarlar. Cetveller dokümanın sol tarafında ve üstünde bulunurlar (Eğer çalışma alanınızda Cetveller gözükmüyorsa, Görünüm menüsünden Cetvelleri Göster seçeneğini işaretleyebilirsiniz). Cetvel üzerindeki ölçü birimi istediğiniz birim değilse, kolayca cetvele farenizin sağ tuşuyla tıklayarak, açılan menüden istediğiniz ölçü birimini seçebilirsiniz. Unutmayın ki bu değişiklik yalnızca üzerinde çalıştığınız dokümanı etkileyecektir.Kılavuzlar ise çalışma alanınızdaki nesnelerin hizalanmasında yardımcıdır. Cetveller görünür hale getirildikten sonra dikey kılavuzlar için ekranın solundaki cetvel üzerine farenizin sol tuşuyla tıkladıktan sonra sürükleyerek bir kılavuz yaratabileceğiniz gibi; düşey bir kılavuz için ise aynı tıklama ve sürükleme hareketini ekranın üst kısmındaki cetvelde yapmanız yeterli olacaktır. Cetveldeki birimleri de kullanarak kılavuzu istediğiniz yere koyduktan sonra çalışma alanınızdaki nesneleri bu çizgilere göre yerleştirebilirsiniz. Kılavuz çizgilerinin görünüp-görünmeme, kilitlenip açılma gibi özelliklerini Görünüm menüsü altından ayarlayabilirsiniz. Kılavuz çizgilerinden onları seçip silerek veya Görünüm menüsünden sil diyerek kurtulabilirsiniz.

Izgara kullanıcıya üzerinde çalışabileceği karelere ayrılmış bir zemin sunar. Bu zemini kareli metot defterlerine benzetebiliriz. Bu ızgara zemin sayesinde, nesnelerin çizimi sırasında ölçekleme ve hizalama işleri çok daha detaylı olarak yapılabilir. Çalışma alanımızda ızgarayı görebilmek için Görünüm Menüsü’nden Izgarayı Göster seçeneğini işaretlememiz gerekmektedir. Izgara, çalışmamız sırasında yaptığımız seçme ve boyama gibi işlemlerden etkilenmediği gibi, dokümanın yazdırılması sırasında da görülmez.

Izgara yapısındaki desenin sıklığı, rengi gibi ayarlamalara, Düzenle Menüsü’nden Tercihler sekmesiyle erişilen Kılavuzlar ve Izgara bölümü tıklanarak ulaşılabilir.

13

Resim 13. Changing Key

4DAY 3: BASIC DRAWING TOOLSDURATION: 6 LESSON HOURS

4.1. Basic Drawing Tools

Adobe Illustrator, basit çizimlerden karmaşık çizimlere gerçekleştirilmek istenen performansın türüne göre birçok çizim aracı sunar. Temel çizgiler, dörtgenler, çokgenler, oval, elips ve daireler de bu grupta olup bu araçlar yardımıyla karmaşık nesneler elde etmek de mümkündür. İzleyen bölümlerde bu araçları ve bu araçlarla gerçekleştirilebilecek çizimleri inceleyelim.4.2. Dash, Quad, Polygon, Circle, Ellipse Drawings and Changing the Charcteristics of The Drawing

Program içinde çizim araçları yardımıyla oluşturduğumuz şekilleri biçimlendirmede klavyemizdeki bazı tuşlardan da yardım alırız.

Değiştirici Anahtar olarak isimlendirdiğimiz bu tuşlar özellikle belirli nesnelerin çizilmesinde önemli rol oynar. Örneğin Araç Menümüzden, Dikdörtgen Aracı ile bir şekil çizmeye başlayalım. Araç seçildikten sonra basitçe farenin sol tuşuna basıp parmağımızı tuştan çekmeden sürüklersek, bir dörtgen çizdiğimizi fark edeceksiniz. Eğer aynı işlemi klavyeden SHIFT tuşuna basarak yaparsak bu sefer 4 kenar uzunluğu birbirine eşit bir dörtgen, yani kare çizmekte olduğumuzu görürüz.

Dörtgen çizme işlemini ALT tuşuna basılı bir şekilde yaparsak da dörtgenimizi merkezinden dışarı doğru çizebiliriz. ALT ve SHIFT tuşunu beraber kullanarak bir kareyi merkezinden dışarı doğru çizebiliriz. Elips aracı kullanımında SHIFT tuşu bir çember çizmemizi sağlarken, ALT tuşu ile SHIFT in birlikte kullanımıyla merkezinden dışarı doğru bir çember çizebiliriz.

14

Resim 14. Star Tool

Aynı uygulamayı alt menüsü olan tüm araçlar için kullanabilirsiniz. Uygulamamıza aynı menüde bulunan Çokgen Aracı ile deva edelim. Çokgen aracıyla çizimi yapmaya başladıktan sonra fareden elimizi çekmeden, SHIFT tuşuna basarsak, varsayılan olarak gelen altıgenimizin üst ve alt kenarının sayfamıza paralel çizildiğini görürüz. Yine farenin sol tuşundan parmağımızı çekmeden yön tuşlarını kullanırsak, yukarı tuşuyla dörtgenimizin köşe sayısının arttığını, aşağı tuşuyla da köşe sayısının azaldığını fark edebiliriz. Aynı şekilde Yıldız Aracını kullanırken de yukarı ve aşağı tuşları yıldızımızın sivri uçlarının kaç tane olacağını belirlememize yardım eder. CTRL tuşu ise bu uçların ne kadar uzun veya kısa olacağını belirlememizde etkilidir. Çizgi Parçası aracı altındaki çizim araçlarında da anahtar tuşların kullanımı şöyle anlatılabilir:

Çizgi parçası aracı seçildikten sonra, herhangi bir noktaya tıklayıp faremizi sürüklersek bir doğru çizeriz. Eğer SHIFT tuşuna basarak bu uygulamayı yaparsak, faremizi hareket ettirdiğimiz doğrultuda kesin açılarda çizilen bir doğru elde ederiz. Eğer bu doğru çizimini ALT tuşu ile yaparsak, merkezden zıt iki tarafa doğru uzayan bir doğru çizebildiğimizi görürüz. SHIFT ve ALT tuşunun bitlikte kullanımıyla zıt taraflara, ancak kesin açılarda uzayan bir doğrumuz olur. Aynı özellikler Yay Aracı kullanılırken de geçerlidir. Ayrıca yukarı ve aşağı yön tuşlarının kullanımıyla yayın sertliği de belirlenebilmektedir. Spiral aracında CTRL tuşu belirli alanda spiralin kaç defa döneceğini belirlerken, yukarı/aşağı yön tuşları spiralin uzunluğunu belirlemenizde yardımcı olur.

4.3. Free Drawing and Working with Paths

Illustrator içinde yaptığımız çalışmaların vektörel özellikte çizimler olduğundan ve vektörel çizimin ne olduğundan bahsetmiştik. Aynı şekilde çizim yapacağımız zaman da bu özellikleri aklımızda tutarak birkaç kavrama göz atmakta yarar vardır.

Yol kavramı Illustrator Programı’nda çizimin temelidir. Kısaca yol; sahnede 2 nokta arasını birleştiren çizgidir. Bu çizgi düz bir hat izleyebileceği gibi, 2 noktayı bir eğri aracılığıyla da bağlayabilir.

Yollar birleşerek düzlemler ortaya çıkarabilir. Şekiller oluşturabilir. Illustrator içinde oluşturduğumuz iki noktayı birleştiren çizgiler Açık Yolları, çizgilerden ortaya çıkan düzlemler ise Kapalı Yolları anlatır. Açık yollarda başlangıç ve bitiş noktaları farklı yerlerdedir. Ancak kapalı

15

yollarda başlangıç ve bitiş noktasının aynı yerde bulunduğunu söyleyebiliriz.

Kalem Aracı ile Basit ÇizimKalem aracı temelde eğimli yolların çizimde kullanılır. Farklı eğimleri içinde barındıran şekillerin rahatça çizilmesinde kullanıcıya yardımcı olan bir araçtır. Araçlar menüsünde, dolmakalem ucu şekline benzeyen ikon ile temsil edilir.

Figure 15. Free Drawing

Kalem aracıyla çizimin temel noktası, diğer araçlardaki sürükleyip bırakma mantığından farklı çizim tekniğidir. Kalem aracında çizim, şekli oluşturan eğimlerin anahtar noktalarının belirlenmesi sonucu şeklin oluşturmasına dayanır. Eğer şeklin 2 noktası arasında bir eğim yoksa sadece başlangıç ve bitişe koyacağımız noktalar ile çizimi sürdürebiliriz. Eğer eğimli bir çizim oluşturacaksak, oluşturduğumuz noktalardan en az birinin o eğriyle ilgili özelliklere sahip olması gerekir. Bu özellikleri de o noktaya ait Tutamaçlarla ve/veya Kulakçıklarla belirleriz (Illustrator CS4 programında, kulakçıkların üzerine farenizle yaklaşıp, İşle komutunu gördüğünüzde, eğriye ait istediğiniz değişiklikleri yapabilirsiniz ).

Figure 16. Serbest Çizim - 2

16

Kalem aracı ile çizimde eğriler önemli olduğundan, Akıllı Kılavuzları açmak uygulamamızda bize yardımcı olacaktır (Akıllı Kılavuzlar, Görünüm başlığı altından ulaşabilirsiniz). Basit bir çizimle Kalem Aracını nasıl kullandığımızı görelim.

Figure 17. Serbest Çizim - 3

Önceden hazırladığımız bir çizim üzerinde kalem aracımızla kendi çizimimizi yapacağız. Öncelikle kalem aracını seçiyoruz, ardından dolgu rengimizi boş bırakıp, kontur rengimizi ise siyah olarak bırakıyoruz.

Figure 18. Serbest Çizim - 4

Kalem çizimde anahtar rolün, çizgilerin anahtar noktalarının belirlenmesi olduğunu söylemiştik. Kalem aracıyla koyduğumuz anahtar noktalara Bağ adını veriyoruz. Öncelikle ilk anahtar noktamızı çizginin başladığı yere faremizin sol tuşuna tıklayarak bırakıyoruz. Daha sonra eğrinin değişkenlik gösterdiği noktalara bağlarımızı koyarak çizime devam ediyoruz. Burada 2. bağımız eğrinin tepe noktasına gelecek şekilde tıklıyor ve parmağımızı farenin tuşundan çekmiyoruz. Faremizi gerekli yöne hareket ettirerek, çizgimizin taklit etmek istediğimiz eğrinin şeklini almasını sağlıyoruz. Burada ortaya çıkan ve eğrinin değerlerini belirleyen uzantılar az önce belirttiğimiz kulakçıklardır. Aynı şekilde devam ederek bir sonraki bağımızı yerine yerleştiriyoruz.

17

Figure 19. Serbest Çizim - 5

Bir önceki bağ noktamızdaki kulakçık, burada bize gerekli olan eğri değerini taşıdığından bir değişiklik yapmadan, sıradaki noktaya geçerek aynı şekilde tepe noktasında eğriye değerini, fareye tıkladıktan sonra parmağımızı tuştan çekmeden veriyoruz.

5DAY 4: GROUPING OBJECTS and INTERSECTION,

CONJUNCTION and ROTATION in OBJECTSDURATION: 6 LESSON HOURS

5.1. Grouping Objects and Changing Characteristics

18

Illustrator içinde daha karmaşık nesnelerle çalışmaya başladıkça Grupları kullanmak da zorunlu hale gelmeye başlar. Çünkü çoklu nesneleri bir arada kullanmak zamandan ve program özelliklerinden tasarruf sağlayacaktır. Özellikle bir arada durması gereken nesneleri taşırken yapılabilecek seçim hatalarının önüne geçilmesi konusunda, grupların kullanılması etkili olmaktadır.

Gruplu nesneleri taşımak onları aynı kutunun içinde taşımaya benzer, bu sayede yerlerini kaybetmez kaybolmaz, istenilmeyen yerlerde kalmazlar. Nesneleri gruplamanın diğer bir yararı da yine Görünüm Ayarlarını kullanırken karşımıza çıkmaktadır. Gruplu olmayan nesneleri görünüm paneli, ayrı ayrı, karışık nesneler olarak adlandırırken, gruplu nesnelere tek nesne gibi davranır. Bunun sonucunda kompleks biçim uygulamalarında istenmeyen görünümler ortaya çıkabilir.

Aşağıdaki resimde soldaki nesneler gruplu değilken, sağdaki nesneler grupludur.

Figure 20. Nesneleri Gruplama

Gruplanmamış nesnelerin arasından bir tanesini kopyalayıp çalışma alanına da başka yere alırsak, kompleks özellikleriyle birlikte geldiğini görürüz. Ancak gruplu nesneden alınan parça hala kendisidir. Çünkü verilen komut aslında gruba aittir. Ortada grup olmadığından artık çıkarılan nesne yalnızca kendi özelliklerini taşımaktadır.

Nesneleri gruplamak için birden fazla nesne seçilir ve Menü > Nesne > Grupla yolu izlenir. Aynı yol üzerinden Grubu Çöz özelliği nesneleri tekrar tek başlarına bırakacaktır.

Grupları DüzenlemekGrupların iş akışında ve taşımada, hatta görünüm seçeneklerini uygulamada ne kadar etkili olduğunu anlatmıştık. Ancak grupladığımız

19

Figure 21. Yol Bulucu Paneli

Figure 22. Nesnelerde Kesişme ve Birleşme - 1

nesnelere daha sonradan gerekli ekleme veya çıkarmaları yapmak istediğimiz zaman karşılaşabileceğimiz sorunlarda olacaktır.

Eğer bir gruba ek bir çizim yapmak istersek önce grubu açmak, ardından gerekli işlemi yapıp tekrar nesneleri gruplamak mantıklı bir çözüm gibi görünmektedir. Ancak görünüm panelinden yaptığımız uygulamalarda esas noktanın, grubu tek bir nesne olarak algılamak olduğunu unutmayalım. Bu durumda biz grubu çözdüğümüz anda o gruba atadığımız tüm özellikler kaybolacaktır. Gerekli değişikliklerden sonra, tekrar aynı işlemleri yaparak görselimizi bir daha biçimlendirmemiz gerekecektir.

Bu durumdan kurtulmak için daha önceki anlatımlarda karşımıza çıkan İzolasyon Modunu kullanacağız. Bir önceki örneğimizden yola çıkarak bu soruna bir göz atalım. İzolasyon moduna geçebilmek için Seçme Aracı ile grubumuzun üzerine çift tıklıyoruz. Böylece grup dışındaki tüm çalışma alanı hafifçe soluklaşırken, biz de kendi grubumuzla baş başa kalabiliyoruz. Gerekli değişimleri yaptıktan sonra çalışma alanında boş bir yere çift tıklayarak veya kontrol çubuğunun altındaki menüden geri tuşuna basarak sahnemize geri dönebiliriz. Dikkat edilirse, bu yöntemle grubun kompleks özellikleri kaybolmadan grup içerinde değişiklik yapabiliyoruz. Bu aşamada bir özellikten daha bahsedebiliriz. Grubu sınırlayan nesnelerin içine bir nesne eklediğimizde neler olduğunu gördük, eğer bu nesnelerin dışına doğru çıkarsak kompleks biçimlendirmenin nasıl davrandığını inceleyelim.

Görebileceğiniz gibi dışarı doğru eklenen nesneler de kompleks özellikleri doğru bir biçimde taşıyarak grubun özelliğini bozmuyor.

5.2. The Method of Getting New Graphic with Intersection and Conjunction of Objects

Bileşik şekiller, bir tek şekil gibi görülen ancak birden fazla şekilden oluşan nesnelerdir.Birleştirildikten sonra her ne kadar tek bir nesne gibi hareket ettirilseler de, doğrudan seçim aracıyla seçtiğinizde hala yolları ve bağ noktalarıyla oynayabildiğinizi görebilirsiniz. Bu değişimleri yapmak için Pencere Menüsü altından Yol Bulucu panelini açıyoruz.

Şimdi iç içe 2 daire çiziyor, iki nesneyi de seçiyor ve yol bulucu

penceresinden Öndekini Çıkar tuşuna

20

Figure 23. Nesnelerde Kesişme ve Birleşme - 2

tıklıyorum. Gördüğünüz gibi bir o harfi veya bir tekerlek elde ettik, taşımaya çalıştığımızda birlikte hareket edecek olan bu nesne, doğrudan seçim aracıyla seçildiğinde hala eski bağ noktalarını taşıdığı görülebilir ve bu noktalarla çalışılabilir.Şimdi diğer yol bulucu komutlarının işlevlerine bakalım:

Birbirinden farklı renkte 2 nesne çiziyoruz ve şekil modlarından Birleştir’i kullandığımızda sağ üst köşedeki nesneyi, Öndekini Çıkar Komutuyla ortada soldaki şekli, Kesiştir ile ortada sağdaki şekli ve Dışla seçeneği ile de en alttaki şekli elde ediyoruz. Birleştirme komutu 2 şekli birleştirirken, öndekini çıkar arkadaki şekilden öndekinin çıkarılmış hali, kesiştir 2 şeklin kesişimini, dışla da kesişim yeri dışında kalan alanların bize verilmesini sağlıyor.

Şimdi de aynı 2 obje için Yol Bulucu Komutlarının nasıl etkileri olduğuna bakalım:

Böl, 2 nesneyi ve yollarının kesiştiği yerleri ayrı ayrı nesneler haline getirirken; Kes, öndeki nesnenin arkadakine değen alanını kesiyor. Birleştir, nesneleri tek nesne haline getiriyor. Kırp, nesnelerin sadece kesişme notalarını ortada bırakırken öndeki nesnenin yolunu koruyor. Anahat, sadece nesnelerin dış çizgilerini görünür kılıyorken, Arkadakini Çıkar ise arkadaki nesneyi öndekinden çıkarıyor.

21

Figure 24. Spinning in Space

6DAY 5: 3D DRAWINGS AND EVALUATIONDURATION: 6 LESSON HOURS

6.1. Creating 3 Dimentional Graphic with Spinning Method

In 3 dimesional spinning application, Illustrator creates new object by spinning the object in 360 degrees in a certain axis. In short, it is used not to convert an object into 3D, but to create 3D object from a profile segment. After an application, an object will shape just like the masters’ mud loom.

Now lets do a simple vase with Spinning Effect. There is no need to draw the whole visual since the spinning effect will be on the left side of the road that we will draw. The Guide on the workspace is put just for seeing the place of spinning axis clearly.

As you can see, the just draw a section of the vase and put it next to our axis. Now choose Menü > Efekt > 3D > Spin in Space and you can see the result.

22

It is not practical to use spinning in space effect on texts. It is a useful and effective tool to create cylindrical objects. It is an effective application to create coke cans, glasses, pencils, vases, etc.

6.2. Evaluation

Evaluation aims to get information about participants’ acquisition level in implementing the applications learnt during the training.

23