สร้�างสร้ร้ค์�งานพิมพิ�ด้�วยสร้�างสร้ร้ค์�งานพิมพิ�ด้�วยAdobe InDesignAdobe InDesign

โครงการพั�ฒนาบุ�คลากรอาจารย์�คณะศิ�ลปศิาสตร� มหาวิ�ทย์าล�ย์ธรรมศิาสตร�

วิ�นท� 19 – 20 มกราคม 2551

บุ�ญเล�ศิ อร�ณพั�บุ#ลย์�ศิ#นย์�บุร�การควิามร# $ทางวิ�ทย์าศิาสตร�และเทคโนโลย์�

ส&าน�กงานพั�ฒนาวิ�ทย์าศิาสตร�และเทคโนโลย์�แห'งชาต�http://stks.or.th

boonlert@nstda.or.th

บุ�ญเลิศ อร้�ณพิบุ�ลิย� บุ�ญเลิศ อร้�ณพิบุ�ลิย�• น�กวิ�ชาการ• ศิ#นย์�บุร�การควิามร# $ทางวิ�ทย์าศิาสตร�และเทคโนโลย์�

(STKS: Science and Technology Knowledge Services)

• ส&าน�กงานพั�ฒนาวิ�ทย์าศิาสตร�และเทคโนโลย์�แห'งชาต� (สวิทช./NSTDA)

• ประวิ�ต�การท&างาน– ศิ#นย์�เทคโนโลย์�อ�เล)กทรอน�กส�และคอมพั�วิเตอร�แห'งชาต�

• น�กวิ�ชาการ , เจ$าหน$าท� ระบุบุคอมพั�วิเตอร� , วิ�ทย์ากร• ร�กษาการห�วิหน$างานพั�ฒนาส+ อสาระดิ�จ�ท�ล• ร�กษาการห�วิหน$างานสน�บุสน�นทางเทคน�ค• ร�กษาการห�วิหน$างานบุร�หารวิ�ชาการ

ซอฟต์�แวร้�จั�ด้การ้งานส�งพิมพิ�ซอฟต์�แวร้�จั�ด้การ้งานส�งพิมพิ�แลิะกร้าฟ!กแลิะกร้าฟ!ก

• Adobe InDesign – DTP– PageMaker– QuarkXPress

• Adobe PhotoShop - Bitmap Editor• Adobe Illustrator - Vector Editor

มาต์ร้ฐานร้�ปแบุบุการ้น$าเสนอภาพิมาต์ร้ฐานร้�ปแบุบุการ้น$าเสนอภาพิภาพิ

ต์�นฉบุ�บุภาพิ

ส'�อส�งพิมพิ�ภาพิส$าหร้�บุ

Digital ArchivePresentation Database Website Preview

Format JPEG, TIFF

TIFF, BMP JPEG JPEG JPEG GIFJPGPNGTIF

GIFJPGPNG

Resolution Up to 350 dpi

Up to 350 dpi 72 dpi 72 dpi 72 dpi 72 dpi 72 dpi

Size Up to 1840 1232 pixels

Up to 1840 1232

pixels

Up to 1024 768 pix

els

Up to 1024 768 pix

els

300 250 pixels

300 250 pixels

100 100 pixels

ภาพิกร้าฟ!กภาพิกร้าฟ!ก• For Web

– 72 dpi– JPG progressive /

GIF Interlaced / GIF Transparent / PNG

– RBG– ให$ควิามส&าค�ญก�บุ

ขนาดิ

• DTP– > 150 dpi– BMP, TIF, High

Quality JPEG– CMYK

Capture Capture ภาพิบุนจัอค์อมพิวเต์อร้�ภาพิบุนจัอค์อมพิวเต์อร้�

• เทคน�ค Screen Capture• บุ�นท0กเป1น .bmp

– True color

การ้สร้�างสร้ร้ค์�ภาพิการ้สร้�างสร้ร้ค์�ภาพิ• ควิามละเอ�ย์ดิของภาพั 150 จ�ดิต'อน�3วิข03นไป • โหมดิส� CMYK (cyan, magenta, yellow,

black )• ก&าหนดิขนาดิเท'าจร�ง/ส#งกวิ'าจร�ง• บุ�นท0กเป1น TIF, High Quality JPEG หร+อ

BMP• ส�ท� ใช$ควิรเล+อกดิ$วิย์ PhotoShop โดิย์เล+อกส�ท�

ไม'ม�ส�ญล�กษณ�เต+อนก&าก�บุ และต$องบุ�นท0กค'าส�ในโหมดิ CMYK เช'น 78 41 1 0

ภาพิจัาก ภาพิจัาก ScannerScanner

• ควิามละเอ�ย์ดิของภาพั 150 จ�ดิต'อน�3วิข03นไป

• โหมดิส� CMYK• บุ�นท0กเป1น TIF, High Quality JPEG

หร+อ BMP

ภาพิจัากกลิ�องถ่+ายภาพิด้จัทั�ลิภาพิจัากกลิ�องถ่+ายภาพิด้จัทั�ลิ• เล+อกโหมดิเป1น High Quality JPEG

หร+อ RAW format

ภาพิจัากเว-บุไซต์�ภาพิจัากเว-บุไซต์�• ม�กจะม�ส'วินขย์าย์เป1น .jpg, .gif และ .png• บุ�นท0กภาพัก'อน• เป5ดิภาพัดิ$วิย์ PhotoShop• ปร�บุค'า Resolution เป1น 150 - 300 dpi• ปร�บุโหมดิส�เป1น CMYK• บุ�นท0กกล�บุเป1น TIF หร+อ BMP หร+อ High

quality JPG

ภาพิจัากแหลิ+งต์+างๆภาพิจัากแหลิ+งต์+างๆ• ให$เป5ดิดิ$วิย์ Adobe PhoShop • ตรวิจสอบุ Resolution ดิ$วิย์ค&าส� ง

Image, Image Size ปร�บุให$เป1น 150 - 300 dpi

• เปล� ย์นโหมดิดิ$วิย์ Image, Mode, CMYK

แบุบุอ�กษร้แบุบุอ�กษร้• แบุบุอ�กษรม�ล�ขส�ทธ�6• ป7ญหา สระลอย์“ ”• Open Font Type จาก SIPA ช'วิย์เหล+อไดิ$

– ดิาวิน�โหลดิ http://stks.or.th/web– คล�กเมน# คล�งดิาวิน�โหลดิ– ส+บุค$นดิ$วิย์ Font– ดิาวิน�โหลดิ thai font

จัอภาพิโปร้แกร้มจัอภาพิโปร้แกร้ม

ทั$างานก�บุร้�ปภาพิทั$างานก�บุร้�ปภาพิ• น&าเข$าภาพัไดิ$โดิย์ใช$เทคน�ค Drag &

Drop หร+อ Copy/Pastes หร+อ File, Place

• ปร�บุแต'งภาพัดิ$วิย์ค&าส� ง Object• ท&างานก�บุหลาย์ๆ ภาพัไดิ$ดิ$วิย์ Layer

เค์ร้'�องม'อวาด้เค์ร้'�องม'อวาด้• คล�กเล+อกเคร+ องม+อแล$วิลากเมาส�• กดิ <Shift> เพั+ อคงควิามเร�ย์บุ ส� เหล� ย์ม

จ�ต�ร�ส วิงกลม• กดิ <Alt> เพั+ อวิาดิให$ออกจากศิ#นย์�กลาง• ปร�บุแต'งจาก Properties Panel

ทั$างานก�บุข้�อค์วามทั$างานก�บุข้�อค์วาม• พั�มพั�ตรง• Copy/Paste• File, Place เพั+ อวิางใน Frame• พั�มพั�ร'วิมก�บุ Path

ทั$างานก�บุต์าร้างทั$างานก�บุต์าร้าง• สร$าง Text Box แล$วิเล+อก Table, …

หน�ากร้ะด้าษหน�ากร้ะด้าษFacing Pages แสดิงหน$าเดิ� ย์วิหร+อหน$าค#'Bleed & Slug ระย์ะต�ดิขอบุและ ระย์ะเผื่+ อเหล+อ

StyleStyle

• ควิรพั�มพั�งานดิ$วิย์ Style ค�ย์�ล�ดิ F11• วิางแผื่น ปร�บุแก$ Style ให$เหมาะสมใน

แต'ละเอกสาร

ชิ้4นงานทั5� ชิ้4นงานทั5� 1 Postcard1 Postcard1. file, new, document A5 Landscape2 .วิาดิส� เหล� ย์มเต)มพั+3นท� เล+อกส�แบุบุไล'เฉดิ window,

gradient ก&าหนดิช�ดิส�ท� ต$องการ แล$วิปร�บุเฉดิส�ดิ$วิย์ gradient tools จากน�3น Lock layer ดิ$วิย์ค&าส� ง Window, Layer ใส'ก�ญแจ Lock เลเย์อร�

3. สร$างเลเย์อร�ใหม' แล$วิสร$างช�3นงานถั�ดิไป ค+อ เส$นขอบุรอบุโปสการ�ดิ แต'งเส$นขอบุ แล$วิ Lock Layer

4. สร$างเลเย์อร�ใหม' วิาดิ Frame เล+อก Frame เล+อก File, Place เล+อกภาพั ปร�บุขนาดิภาพั/เฟรม แล$วิ Lock Layer

5. ท&าซ้ำ&3าข$อ 4 อ�ก 2 คร�3ง 6. สร$างเลเย์อร�ใหม' วิาดิ Path ดิ$วิย์ Pen Tools เล+อกเคร+ องม+อ

Text on Path แล$วิพั�มพั�ข$อควิามบุน Path

ชิ้4นงานทั5� ชิ้4นงานทั5� 22 ออกแบุบุแผ่+นพิ�บุ ออกแบุบุแผ่+นพิ�บุ 33 ต์อนต์อน1 .สร$างไฟล�ใหม' A4 แนวินอน 3 คอล�มน� ระหวิ'าง

คอล�มน�กวิ$าง 5 mm จ&านวิน 2 แผื่'นแบุบุหน$าเดิ� ย์วิ2. เล+อกหน$าแรก ดิ$วิย์ค&าส� ง window, page3. วิาดิเฟรมตามต&าแหน'งต'างๆ เพั+ อวิางข$อควิามและ

ภาพั 4. พั�มพั�ข$อควิามในเฟรม หร+อใส'ภาพัในเฟรม 5. ตกแต'งแผื่'นพั�บุ6. ท&าซ้ำ&3าข$อ 3 - 6 ก�บุหน$าท� 2

ออกแบุบุนามบุ�ต์ร้ออกแบุบุนามบุ�ต์ร้• ขนาดิของนามบุ�ตร 80 x 50 mm• กระดิาษท� ใช$ท&านามบุ�ตร ค+อ A4 ม�ควิาม

กวิ$าง 210 mm• กระดิาษ A4 จะท&านามบุ�ตรไดิ$ 2 คอล�มน�

= 160 mm• พั+3นท� ท� เหล+อ 210 - 160 แล$วิหารดิ$วิย์ 2

จะเท'าก�บุขอบุซ้ำ$าย์/ขวิา เท'าก�บุ 25 mm

ออกแบุบุนามบุ�ต์ร้ออกแบุบุนามบุ�ต์ร้• ก&าหนดิเส$นน&าสาย์ตา หร+อ Guide line • เล+อก Layout, Create Guideline

ระบุ�จ&านวินเส$นน&าแนวินอน หร+อแนวิต�3ง (กรณ�นามบุ�ตรให$เล+อก Row จ&านวิน 5 ช'องวิ'างระหวิ'างแถัวิเป1น 0 และเร� มต$นจากขอบุระย์ะพั�มพั� - margin)

ส+งผ่ลิงานส+งผ่ลิงาน• การส'งช�3นงานไปพั�มพั�/ใช$งาน จะต$องแปลง

เป1น PDF โดิย์เล+อก File, Export ...ก&าหนดิค'าการแปลงเอกสารตามล�กษณะงาน

การ้จั�ด้ทั$าหน�งส'อร้�ปเลิ+มการ้จั�ด้ทั$าหน�งส'อร้�ปเลิ+ม• จ�ดิท&าโครงหน�งส+อ โดิย์ให$ย์0ดิแนวิซ้ำ$าย์/ขวิา • ข03นตอนใหม' จะต$องอย์#'หน$าขวิาเท'าน�3น• ก&าหนดิ Master ให$แต'ละหน$าเอกสาร