babastudio.com babastudio.com

Save this PDF as:
 WORD  PNG  TXT  JPG

Ukuran: px
Mulai penontonan dengan halaman:

Download "babastudio.com babastudio.com"

Transkripsi

1

2 1.1 PHOTOSHOP INTRODUCTION Photoshop adalah program atau aplikasi untuk membuat dan memanipulasi atau mengedit objek atau gambar untuk dijadikan model design. Contohnya dalam dunia photography, photoshop dapat digunakan untuk mengedit cahaya, kotoran pada wajah, design latar belakang, dsb. Photoshop juga dapat digunakan untuk web design, biasanya kita dapat mendesign logo, banner, bahkan webslicing. Web designer biasanya mendesign terlebih dahulu bentuk template website yang ingin dibuat sebelum diaplikasikan menjadi website yang seutuhnya. Kita dapat membuat desaign seperti dibawah ini dengan menggunakan Photoshop.

3 Sebelum memulai belajar mendesign, sebelumnya kita harus tau Tools yang ada pada Photoshop. 1. Toolbox. Toolbox adalah palet yang berisi tombol-tombol perintah yang berguna untuk menggambar, member warna, menyeleksi, menulis teks, dan lain-lain. Pada Toolbox terdapat tombol Move Tool (V) yang artinya icon terebut bernama Move Tool dan memiliki shortcut V. begitu juga pada tools yang lain, memiliki shortcut masing-masing dengan fungsi yang berbeda-beda..

4 Pada beberapa icon memiliki tanda segitiga kecil pada pojok kanan, yang menandakan icon memiliki type tools masing-masing yang berbeda. Cara melihatnya silakan klik kanan pada icon yang memiliki tanda segitiga. Jika tidak memiliki lambang segitiga, icon tidak dapat di klik kanan. 2. Option Tools Pada Option Tools, icon akan berubah setiap kita memencet icon pada Toolbox. Jadi setiap tools pada Option Tools memiliki fungsi yang berbeda-beda.

5 Pada sebelah kanan banyak menu-menu yang akan kita pakai nantinya. Yang pertama kita pelajari terlebih dahulu yaitu segitiga yang ada di sebelah kanan, gunanya untuk collapse panel-panel. Collapse : merubuhkan dalam hal ini artinya menyembunyikan atau menampilkan kembali sesuai dengan keinginan kita. Pada panel sebelah kanan ada hubungannya dengan tombol Window yang pada Menu Bar. Contohnya, Misalkan kita akan menampilkan History, dapat kita klik pada Window pilih History.

6 Maka History akan muncul pada sebelah kanan Kita akan membuat file baru dengan cara klik File > New. Biasanya Photoshop menggunakan ukuran centimeters, namun karena kita akan mendesign untuk web, kita dapat mengubah centimeters ke pixels dan ukuran sesuai dengan kebutuhan. Misalkan website membutuhkan ukuran 800 x 340

7 untuk membuat banner. Setelah kita atur untuk ukuran, Klik Ok. Maka akan keluar document baru yang akan kita design nantinya. Lembar kerja Photoshop

8 2.1 GRADIENT COLOR Dari ukuran dokumen yang telah kita buat sebelumnya misalkan kita tidak jadi menggunakannya, silakan klik pada Tombol (X), maka dokumen akan close dengan sendirinya. Kita akan mempelajari bagian dari membuat dokumen baru. Silakan klik File > New. Pada New terdapat Width, Height, Resolution, Color Note, Background Contents yang memiliki arti masing-masing. Width = Lebar Pixel Height = Tinggi Pixel

9 Kita akan membuat dokumen baru Klik File > New Width 900, Height 300 Resolusi 72 Pixels/ Inch Color Mode RGB RGB adalah perpaduan warna Red Green dan Blue. Dengan bit standart yaitu 8 bit. Lembar kerja Photoshop

10 1. Pertama kita akan belajar apa itu GRADIENT dan bagaimana cara menerapkannya. Terlebih dahulu silakan klik Gradient Tool Pada Option Tool ada berbagai macam tipe Gradient. Misalkan kita coba Linear Gradient Pada set Foreground Color kita pilih warna biru. Foreground Color merupakan warna utama yang akan kita gunakan

11 Pada Background Color kita ubah warna putih dengan warna abu-abu. Dengan cara klik pada set Background Color.

12 A. Cara membuat Linear Gradient : >>Klik Linear Gradient pada Option Tool >Klik kiri dan tahan >Tarik dari kiri ke kanan

13 Maka akan terlihat gradasi warna antara Foreground Color dan Background Color yang kita pilih Misalkan kita ingin mengubah model gradasi, kita mau Undo. Undo dapat kita lihat pada History. Panel History adalah kumpulan langkah kerja dalam Photoshop, dan dapat kembali ke langkah sebelumnya sesuai keinginan kita. Misalkan kita ingin kembali ke New, silakan anda klik New yang ada di Panel History.

14 Jika kita ingin kembali ke pekerjaan kita sebelumnya silakan klik pada Gradient pada Panel History. B. Mengubah Linear Gradient menjadi Radial Gradient >Klik New pada Panel History >Klik Radial Gradient pada Option Tool Cara membuat Radial Gradient : Klik kiri dan tahan > Tarik dari kiri ke kanan.

15 Maka akan terlihat Gradiasi yang berfokus pada lingkaran C. Membuat Angle Gradient >Klik New pada Panel History

16 Cara membuat Angel Gradient : > Klik Angel Gradient pada Option Tool >Klik kiri dan tahan >Tarik dari kiri ke kanan Tampak seperti ini

17 D. Membuat Reflected Gradient >Klik New pada Panel History > Klik Reflected Gradient pada Option Tool >Klik kiri dan tahan > Tarik dari kiri ke kanan

18 Tampak seperti ini E. Membuat Diamond Gradient >Klik New pada Panel History > Klik Diamond Gradient pada Option Tool

19 Klik kiri dan tahan > Tarik dari kiri ke kanan. Diamond Gradient memiliki fokus seperti berlian. Tampak seperti ini hasilnya

20 2.2 BANNER WITH SHAPE Kita akan membuat banner seperti gambar dibawah ini. 1. Membuat Shape Pertama untuk membuat Shape : >Pilih Toolbox Custom Shape Tool >Klik kanan untuk memilh iocn (Saat ini kita akan memilih Talk 1)

21 >Klik kiri, tahan dan tarik Agar ukuran menjadi proposional silakan tekan tombol Shift. Ubah warna Shape : >Dengan cara double klik pada Layer Shape 1 Double Klik

22 Warna dapat diganti sesuai dengan keinginan Di sini akan kita coba ganti dengan warna Biru (#038aff) Hasilnya biru muda Kita akan membuat lagi Shape 2 dengan cara seperti di awal Dan pastikan pada Option Tool menunjukkan ke arah Shape Tujuannya kita tidak perlu membuat layer-layer baru lagi, karena dalam mendesign Shape ini otomatis mempunyai Layer masing-masing.

23 Layer Shape 2 Untuk menyamakan ukuran : >Klik Edit > Free Transform Free Transform berguna untuk memperbesar atau memperkecil objek

24 >Klik, tahan dan geser timpa ke Shape 1 kanan atur sampai ukuran sekiranya sesuai >Jika ukuran sama geser Shape 2 ke kiri ke tempat semula >Shape 2 menempati posisi semula

25 Untuk merubah warna anda dapat melakukan sama seperti diawal dengan double klik Shape 2 dan seperti itu seterusnya. Double Klik Layer Shape 2 Beri warna Merah (#ff3334)

26 Tampak hasilnya Karena Shape yang akan kita buat banyak (8 Shape), kita dapat mempersingkat waktu pengerjaan dengan copy paste Shape yang sudah ada. >Aktifkan Layer Shape 2 lalu arahkan Corusor ke Shape di lembar kerja yang akan kita copy lalu tekan ALT + Drag mouse untuk mengcopy layer Double Klik Layer Shape 2 tersebut.

27 Untuk merubah arah Layer : >Klik Edit >Transform Path >Flip Horizontal Seperti itu seterusnya.

28 Tampak hasilnya Warna kita ubah : >Double Klik Layer >Ubah warna Orange (#FF9900)

29 >Shape geser ke kanan Geser ke kanan Copy Shape dan geser ke tengah dengan cara : >Klik Shape + Tekan Alt drag ke tengah Ubah warna Shape >Double Klik Layer

30 >Beri warna Putih (#ffffff) Tampak hasilnya Selanjutnya buat Shape baru lagi seperti langkah sesudahnya : >Klik Shape warna putih selanjutnya + Alt drag ke kiri

31 Untuk memberikan warna seperti langkah sesudahnya : >Double klik Layer >Beri warna Biru (#34fefe)

32 Tampak hasilnya Kita dapat mencopy beberapa Layer sekaligus dengan cara : >Tekan CTRL + klik Layer yang akan kita copy (Dapat anda perhatikan pada Shape yang berwarna hijau, putih, dan orange) >Arahkan cursor pada gambar >Tekan ALT + drag Layer untuk copy tiga Shape tersebut Dan untuk merubah warna dapat anda ikuti langkah seperti diawal.

33 Kita buat Shape baru lagi di sebelahnya, kita lakukan seperti langkah sesudahnya : >Klik Shape yang di tengah + Alt tahan dan drag ke kiri Shape yang sudah tercopy Secara otomatis 3 Layer bertambah

34 Tinggal kita ganti warna masing-masing Shape. Warna di ubah seperti langkah-langkah sebelumnya : Kita beri warna Shape atas kanan : >Double klik Layer

35 >Ubah warna Kuning (#ffff33) Tampak hasilnya Ubah warna Shape atas tengah : >Double klik Layer

36 >Beri warna Ungu (#fd69cb)

37 Tampak hasilnya Kemudian kita ubah warn Shape atas paling kiri : >Double klik Layer >Ubah warna Hijau (#76cb33)

38 Tampak hasilnya setelah Shape di ubah warna Pada contoh gambar, dapat anda lihat : 1. Layer biru mengarah ke kanan sementara Shape yang kita buat masih mengarah ke kiri. 2. Layer warna putih berada di posisi paling atas Kita akan mengkondisikan seperti Shape di atas Cara merubah arah Shape Layer Biru :

39 >Double klik Layer Shape Biru >Edit > Transform > Flip Horizontal

40 Flip Horizontal

41 Kemudian yang ke dua memposisikan Shape Putih paling atas : >Klik Layer Shape Putih, tahan dan geser paling atas Klik tahan Geser paling Tampak Shape Putih sudah berubah posisi

42 Cara merapikan Layer dengan Group Layer Layer-layer di bawah ini kita rapikan dengan Folder-folder supaya lebih mudah pengerjaannya Buat Group : >Klik icon yang berbentuk Folder

43 Otomatis keluar Folder Group posisi paling atas

44 >Tekan Shift dan tahan sambil klik Shape paling atas dan Shape paling bawah (kecuali Background) >Lepas Shift drag masukan ke dalam Group Untuk membuka layer dalam Group, Folder Group Maka Folder Group yang terbuka berisi Layer-layer Shape

45 Layer Group digunakan untuk mengelompokkan beberapa Layer menjadi satu kumpulan Layer, agar mempermudah proses pekerjaan yang menggunakan banyak sekali Layer. Dan kita pun dapat merubah nama Group dengan cara double klik pada Group yang akan diubah namanya. Double Klik

46 Kita dapat memindahkan semua layer secara langsung dengan cara mengaktifkan Group. Layer juga bisa di artikan ruang kontrol lembar kerja. Jadi misalkan, jika warna putih saja yang diaktifkan maka yang perlu diatifkan hanya layer putih saja. Tadi masih ada yang ketinggalan kita rubah lagi posisi Shape warna Hijau dan Kuning. >Klik Layer Shape Hijau

47 >Edit > Transform > Flip Horizontal Untuk Shape warna Kuning sama juga langkahnya : >Klik Layer Shape Hijau >Edit > Transform > Flip Horizontal

48 Hasil tampilannya

49 Shape dapat kita pindahkan secara bersamaan dengan mengaktifkan Folder Group. Bisa juga dipindahkan satu-persatu dengan mengguakan Layer. Shape sekaligus kita geser ke atas secara bersamaan dengan mengaktifkan Folder Group. Geser ke atas

50 Jika ukuran dirasa kurang besar atau kecil, dapat anda edit dengan cara >Klik aktifkan Group > klik Edit > Free Transform

51 Maka akan tampak garis seperti ini

52 >Klik dan tahan Shift biar ukuran proposional secara bersamaan klik di ujung dan tarik Tampak hasilnya seperti ini Kemudian kita akan membuat Background untuk Background Banner : >Pilih Gradient Tool >Aktifkan Background Klik di ujung Sambil tekan Shift

53 Seperti yang pernah dijelaskan anda dapat mengubah Color sesuai dengan yang anda inginkan Pilih Option Gradiasi > klik dan tahan > tarik Cursor pada Background Tampak hasilnya

54 2. Membuat Teks Selanjutnya kita akan membuat tulisan Campus, Skill, Where, dan Program. klik icon Text (T) pada Toolbox. Maka disebelah kanan akan muncul kotak Character Huruf.

55 >Ketik CAMPUS? >Move Tool untuk memindahkan tulisan ke dalam Layer Teks setelah di pindah di Shape Putih Lalu kita akan membuat tulisan Program. Seperti sebelumnya arahkan cursor keluar dari Layer dan klik untuk memulai mengetik

56 Kemudian klik Move Tool untuk memindahkan tulisan ke dalam Layer Biru Muda

57 Terlihat tulisan PROGRAM? tanda tanya? berada di atas Shape Putih Kita pindahkan di bawah Shape Putih. >Klik Layer PROGRAM geser ke bawah letakkan atas Layer Shape Biru Muda

58 Tampak hasilnya Kemudian ketik lagi WHERE? Kemudian klik Move Tool untuk memindahkan tulisan ke dalam Layer Biru

59 Untuk memudahkan pengerjaan kita pindah Layer WHERE di atas Layer Shape Biru >Klik Layer WHERE >Geser ke bawah atas Layer Shape Biru

60 Terakhir kita buat tulisan SKILL? >Ketik SKILL? di atas Shape Kuning Sebelumnya kita ubah posisi untuk Shape Pink di atas Shape Hijau dan Shape Kuning >Klik Shape Pink

61 >Tahan dan geser pindahkan di atas Layer Shape Hijau Tampak hasilnya

62 Selanjutnya kita akan membuat tulisan CAMPUS EXPO 2014 >Klik icon T pada Toolbox >Pilih Font Arial >Klik warna pada Option Tool

63 >Pilih warna Putih >Klik OK Anda dapat merubah ukuran font sesuai dengan kebutuhan anda dengan memilih ukuran pada Option Tool.

64 >Ketik CAMPUS EXPO2014 Kita ingin merubah warna pada 2014 nya saja : >Blok tulisan 2014 >Klik warna pada Option Tool

65 >Pilih warna Merah (#ff3334) pada Option Tool Kemudian kita tebalkan tulisan dengan memilih bold pada Option Tool Tampak hasilnya

66 Kita akan tuliskan 9 FEB Pada gambar dibawah ini tulisan tak terlihat karena warna tulisan adalah hitam. Maka kita perlu menggantinya dengan warna yang lain, dengan cara : >Blok tulisan >Klik warna pada Option Tool

67 >Jika kita ingin menggunakan warna yang sudah ada pada banner, arahkan Cursor pada warna yang kita inginkan >Klik OK Kita akan merubah font 9-FEB sama seperti sebelumnya, >Blok tulisan

68 >Pilih Font pada Option Tool >Font yang kita pilih Forte Tampak hasilnya

69 Selanjutnya kita akan merapikan jarak antara CAMPUS dengan EXPO2014 karena dilihat jaraknya terlalu jauh. Langkah yang harus kita lakukan adalah : >Double klik pada Layer CAMPUS EXPO2014 >Klik Window pada Menu Bar

70 >Klik Character maka akan muncul Tool dipojok kanan >Atur Set The Leading yang berfungsi untuk mengatur jarak baris atas dengan bawah >Kita ketika manual saja 70 pt Tampak hasilnya jarak antara CAMPUS dengan EXPO 2014

71 1. Memasukkan Foto ke Program Photoshop Selanjutnya kita akan memasukkan foto pada Photoshop. >Buka Folder foto anda >Drag ke Photoshop >Perbesar klik + tahan lalu geser Cursor tekan Shift agar menjadi proposional

72 Sebelum anda menggeser gambar yang telah perbesar, >Silakan klik Move Tool terlebih dahulu >Aarahkan Cursor pada gambar yang akan dipindahkan >Klik + tahan dan drag ke bawah

73 Yang terakhir kita akan buat Shape yang berbentuk persegi, dapat anda temukan pada Toolbox. Lalu kita akan menggunakan warna Kuning seperti yang ada di layer >Klik warna yang ada di Toolbox >Arahkan Cursor pada warna yang diinginkan >Klik OK Kita akan membuat persegi dengan klik + tahan dan drag, buat sesuai dengan yang anda inginkan.

74 Tampak hasilnya Kita akan member tulisan pada kotak yang berwarna kuning dengan cara seperti sebelumnya : >Klik icon T pada Toolbox >Ubah Font Bradley Hand ITC

75 >Ubah warna Font menjadi Hitam >Klik OK >Ketik Ikatan Alumni Babastudio.com >Blok tulisan

76 >Ubah Font menjadi 18 pt >Klik Move Tool >Klik teks dan geser ke Shape Kuning

77 Kemudian kita pertebal huruf Pertebal tulisan SKILL? >Double Klik Layer Text SKILL >Klik type huruf Bold Italic >Ubah ukuran Font 24 pt

78 Tampak hasilnya Pertebal tulisan CAMPUS? >Double Klik Layer Text CAMPUS >Klik type huruf Bold Italic

79 >Ubah ukuran Font 24 pt Tampak hasilnya Pertebal tulisan PROGRAM? >Double Klik Layer Text PROGRAM

80 >Klik type huruf Bold Italic >Ubah ukuran Font 24 pt Tampak hasilnya

81 Pertebal tulisan WHERE? >Double Klik Layer Text WHERE >Klik type huruf Bold Italic >Ubah ukuran Font 24 pt

82 Tampak hasilnya Banner selesai di buat tampak dengan hasil keseluruhan

83 3.1 LAYER, FILL, OPACITY Kita akan belajar membuat banner yang memiliki bayangan atau Opacity dan membuat Layer, Fill seperti gambar dibawah ini. 1. Buat Lembar Kerja Baru >Pertama kita buka Photoshop >File > New

84 >Beri Nama >Width 1000 pixels >Height 338 pixels >Resolution 72 pixels/inch >Color Mode RGB 8bit >Klik Ok.

85 2. Import Gambar dan Membuat Bayangan Pertama kita akan mengambil gambar dari folder kemudian drag gambar yang akan digunakan ke Photoshop.

86 >Tekan tombol Shift >Klik + kecilkan ukuran gambar >Setelah ukuran sesuai tekan tombol Enter.

87 Copy Layer web banner tersebut : >Arahkan Cursor pada gambar yang akan di copy >Tekan tombol ALT + drag ke bawahnya. Tujuan kita mengcopy karena ingin membuat seolah-olah gambar tersebut memiliki bayangan. Kita akan mengubah nama layer yang akan kita jadikan bayangan dengan cara: >Double klik pada Layer yang akan kita ubah namanya >Beri nama bayangan >Enter.

88 Setelah itu Layer bayangan tersebut kita letakkan dibawah web banner. Bayangan tersebut akan kita putar balikkan dengan cara : >klik Edit > Transform > Flip Vertical Maka gambar tersebut akan berputar melawan arah. Untuk membentuk banyangan dapat kita lihat pada panel sebelah kanan dan pastikan Layer banyangan telah aktif.

89 Pada Panel tersebut terdapat Opacity yang dapat anda atur sesuai keinginan anda. Untuk membuat bayangan silakan anda kurangi Opacity anda menjadi 12%. Maka hasilnya gambar akan menipis seakan-akan membentuk sebuah bayangan. Setelah itu bayangan akan kita edit dengan cara : klik Edit > Free Transform > kecilkan bayangan tersebut.

90 Untuk memperbesar kedua gambar tersebut, kita harus mengaktifkan kedua Layer tersebut dengan cara tekan tombol CTRL + klik kedua Layer tersebut. Kemudian kita edit kembali dengan cara klik Edit > Free Transform.

91 Lalu kita perbesar ukurannya dan letakkan pada posisi yang diinginkan. Jika sudah sesuai dengan yang diinginkan klik tombol Enter. Dan bayangannya akan kita perkecil kembali dengan cara aktifkan Layer bayangan kemudian klik CTRL+ T (shortcut dari Free Transform). Ini yang dinamakan Opacity. Opacity adalah ketebalan gambar. Jadi antara dapat diukur ketebalannya. Misalkan 0% gambar tidak akan terlihat atau hilang.

92 3. Membuat Teks CARI GADGET? >Klik Tool Teks (T) >Font 48pt > Ketik CARI GADGET?

93 > Font Tahoma >Pertebal tulisan dengan Bold

94 Tampak hasilnya 4. Membuat Teks Bagus, murah dan terpercaya Kita akan buat tulisan Bagus, murah dan terpercya hanya di gadget.co.id dengan ukuran Font 24 pt >Font Tahoma

95 Ketik tulisan Buat Tulisan gadget.co.id jadi Italic >Blok tulisan gadget.co.id >Pertebal tulisan dengan Bold

96 Pada tulisan gadget.co.id, akan kita beri efek Italic dengan cara blok tulisan > klik Window > Character > pilih Italic, maka tulisan akan berubah. Tampak hasilnya

97 Kita akan merubah warna tulisan gadget.co.id dengan cara : >Seleksi tulisan klik warna pada Option Tool

98 > Pilih warna merah yang tertera pada gambar dengan mengarahkan Cursor ke warna yang diinginkan >klik OK Tampak hasilnya

99 Selanjutnya kita akan memperkecil tulisan bagus murah dan terpercaya dengan cara : >Klik Edit > Free Transform. >Tekan Shift agar ukuran tulisan menjadi proposional

100 >Drag tulisan untuk memperkecil. Kemudian kita akan membuat Buttom > Klik Rounded Rectangle Tool >Klik + tahan dan drag untuk membuat persegi pada banner.

101 5. Membuat Efek Layer CARI GADGET? >Aktifkan Layer tersebut Untuk membuat efek dari Layer tersebut, kita dapat melihat pada panel dibawah yang berbentuk fx yang berfungsi untuk memberi efek tambahan pada Layer yang akan kita pilih.

102 Klik pada fx > Pilih Blending Options, maka akan muncul tampilan Layer Style pada Layer anda. >Pilih Inner Glow. >Opacity 40% >Berikan warna Color Overlay (Color Overlay ini memberikan warna pada seluruh yang terkandung pada layer tersebut)

103 >Ubah warna merah menjadi biru muda

104 >Berikan efek bayangan dengan Drop Shadow >Opacity 16% >Klik OK. 6. Membuat Efek Buttom >Aktifkan Layer Buttom

105 >Klik fx >Blending Options >Bevel & Emboss >Depth 52% >Size 24px >Soften 13px

106 >Angle 90⁰ >Unceklist pada Use Global Light (Use Global Light digunakan jika seluruh Layer Style ingin menggunakan satu Angle yang sama) >Contour Range 92% >Inner Shadow >Opacity 16% >Distance 46 px >Choke 25%

107 >Size 92 px >Satin warna abu-abu >Blend Mode Overlay >Angel 90⁰ >Distance 151 px >Size 158 px Pada Color Overlay, kita akan memilih warna : >Pilih warna kuning dengan klik Set Color

108 >Arahkan Cursor pada warna yang akan digunakan >Klik OK >Pada Inner Shadow kita akan mengubah warnanya menjadi abu-abu >Klik OK.

109 7. Menabhakan Tulisan KLIK DISINI

110 Untuk menambahkan tulisan seperti yang sudah pernah dijelaskan. >klik T pada Toolbox >Ketik diluar Buttom KLIK DISINI Kemudian kita akan memperkecil Font dengan cara : >Blok tulisan >Pilih Size Font pada Option Tool

111 >Opacity 92% Kita akan pindahkan tulisan tersebut ke dalam Buttom dengan cara :

112 >Klik Move Tool >Klik + tahan dan geser tulisan ke dalam Buttom. Untuk mengubah Font : >Aktifkan Layer KLIK DISINI >Pilih font pada Option Tool.

113 Untuk tulisan Bagus Murah akan kita ubah ketebalannya menjadi Regular >Aktifkan Layer Bagus Murah >Pilih ketebalan Font pada Option Tool

114 >Pilih Regular Kemudian kita besarkan menggunakan Free Transform dan menekan Shift agar ukuran menjadi proposional. Atur sesuai kebutuhan anda

115 Maka Banner telah selesai kita buat

116

babastudio.com babastudio.com

babastudio.com babastudio.com 3.2 BANNER WEB FONT Kita akan membuat Banner Text seperti contoh dibawah ini. Silakan masuk ke program Photoshop File > New > Name Banner Font > Width 400px > Height 600px > Resolution 72 px/inch > Color

Lebih terperinci

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta Standar Kompetensi : Menggunakan perangkat lunak pembuat grafis. Kompetensi Dasar : Membuat grafis dengan berbagai

Lebih terperinci

DESIGN IKLAN SEPATU. 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background.

DESIGN IKLAN SEPATU. 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background. DESIGN IKLAN SEPATU 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background. 2. Simpan dengan nama Design Iklan Sepatu. 3. Ubahlah

Lebih terperinci

Tampilan slide presentasi untuk industri kreatif dengan tema fresh

Tampilan slide presentasi untuk industri kreatif dengan tema fresh BAB 6 FRESH Tampilan slide presentasi untuk industri kreatif dengan tema fresh Slide presentasi kini tidak hanya bisa diciptakan melalui software atau program khusus seperti MS PowerPoint, tetapi juga

Lebih terperinci

Mengekspos Sinar Matahari dan Bulan

Mengekspos Sinar Matahari dan Bulan Mengekspos Sinar Matahari dan Bulan Pada pembahasan berikut ini, Anda akan mempelajari teknik aplikasi Photoshop yang digunakan untuk membuat desain kreatif, sehingga Anda akan mendapatkan gambar yang

Lebih terperinci

Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando

Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando Pembuatan tombol enter di bawah ini adalah pembuatan tombol dengan menggunakan alat seleksi lingkaran dan gradient, langkah-langkah

Lebih terperinci

3. Klik Horizontal Type Tool yang ada dalam toolbox 4. Lihat option bar, lalu pilih dan atur nilai-nilai pada option bar sehingga seperti:

3. Klik Horizontal Type Tool yang ada dalam toolbox 4. Lihat option bar, lalu pilih dan atur nilai-nilai pada option bar sehingga seperti: Latihan 6 (Membuat Tulisan dengan Efek Bayangan) 1. Jalankan Adobe Photoshop 7. 2. Buatlah sebuah file baru. Beri nama file tersebut dengan nama anda masing-masing. Aturlah konfigurasi lembar kerja pada

Lebih terperinci

Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp Terbit pertama: Juli 2005 Sinopsis singkat:

Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp Terbit pertama: Juli 2005 Sinopsis singkat: Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp 43.800 Terbit pertama: Juli 2005 Sinopsis singkat: Jika Anda telanjur memiliki foto yang tampak biasa-biasa saja, lebih baik jangan dibuang terlebih

Lebih terperinci

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET PRAKTIK MEDIA DIGITAL

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET PRAKTIK MEDIA DIGITAL No. LST/EKA/PTI 236/02 Revisi : 01 Feb 2011 Hal 1 dari 5 A. Kompetensi Setelah mengiktui mata kuliah ini, mahasiswa diharapkan memiliki kemampuan untuk mengkreasikan background, membuat tulisan, membuat

Lebih terperinci

1. Buat dokumen baru pada photoshop ( CTRL +N) dengan pengaturan opsi sebagai berikut

1. Buat dokumen baru pada photoshop ( CTRL +N) dengan pengaturan opsi sebagai berikut Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlidesain.com. Pada tutorial membuat logo dengan photoshop ini saya akan membuat sebuah logo Sony Ericsson. Karena kita mencontoh

Lebih terperinci

Menambahkan Efek Cuaca pada Gambar

Menambahkan Efek Cuaca pada Gambar Menambahkan Efek Cuaca pada Gambar Pada bab ketujuh ini Anda akan mempelajari penambahan spesial efek pada gambar untuk memberikan tampilan akhir gambar yang mempunyai ekspresi pengaruh dari cuaca terhadap

Lebih terperinci

6.1 Praktek Penggunaan Panel Layer

6.1 Praktek Penggunaan Panel Layer 6.1 Praktek Penggunaan Panel Layer Untuk melakukan editing di Adobe Photoshop yang harus diperhatikan dan minimal menguasai dan mengenal tab layer yang disediakan, karena tab layer tersebut merupakan map

Lebih terperinci

Membuat Berbagai Desain Logo

Membuat Berbagai Desain Logo Membuat Berbagai Desain Logo 124 125 BAB 5 Membuat Berbagai Desain Logo dengan CorelDRAW X4 M embuat desain suatu logo adalah penting bagi seseorang yang ingin menjadi mahir dan professional dalam desain

Lebih terperinci

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1 MACROMEDIA FLASH Macromedia flash/adobe Flash adalah perangkat lunak aplikasi untuk pembuatan animasi yang digunakan untuk halaman web. Macromedia flash mampu melengkapi website dengan beberapa macam animasi

Lebih terperinci

BAB II Pengantar Layers

BAB II Pengantar Layers BAB II Pengantar Layers A. Dasar-Dasar Layers Layers merupakan lapisan yang berfungsi sebagai tempat objek, diibaratkan sebagai kanvas. Dengan adanya Layers, memungkinkan Anda untuk mengedit sebuah objek

Lebih terperinci

Bekerja dengan Layers

Bekerja dengan Layers BAB 7 Bekerja dengan Layers 1. DASAR-DASAR LAYERS Layers merupakan lapisan yang berfungsi sebagai tempat objek, diibaratkan sebagai kanvas. Dengan adanya Layers, memungkinkan Anda untuk mengedit sebuah

Lebih terperinci

1. Buka Program Adobe Photosop CS3 yang berada di desktop. 2. Tekan kombinasi Ctrl + O (open), untuk membuka gambar pertama yaitu Landscape.

1. Buka Program Adobe Photosop CS3 yang berada di desktop. 2. Tekan kombinasi Ctrl + O (open), untuk membuka gambar pertama yaitu Landscape. 1. Buka Program Adobe Photosop CS3 yang berada di desktop. 2. Tekan kombinasi Ctrl + O (open), untuk membuka gambar pertama yaitu Landscape. 3. Sebelum berlanjut ke langkah selanjutnya, pilih Move Tool

Lebih terperinci

TIK CERDA S. Adobe Photoshop MODUL ADOBE PHOTOSHOP TIK CERDAS. TIK CERDAS Surabaya, Indonesia

TIK CERDA S. Adobe Photoshop MODUL ADOBE PHOTOSHOP TIK CERDAS. TIK CERDAS Surabaya, Indonesia TIK CERDA S Adobe Photoshop MODUL ADOBE PHOTOSHOP Surabaya, Indonesia Memulai adobe photoshop cs 4 1. Klik menu file new 2. Atur ukuran dokumen sesuai kebutuhan, setelah itu klik ok 3. Mengenal elemen

Lebih terperinci

Mengenal Lingkungan Kerja Adobe Photoshop CS5

Mengenal Lingkungan Kerja Adobe Photoshop CS5 Mengenal Lingkungan Kerja Adobe Photoshop CS5 Untuk memahami dan mengenal lebih dekat tentang Adobe Photoshop dan sebelum melakukan proses pengolahan objek-objek atau gambar statik, ada baiknya kita mengenal

Lebih terperinci

Latihan 1 Illustrator Pengenalan Perangkat kerja

Latihan 1 Illustrator Pengenalan Perangkat kerja Latihan 1 Illustrator Pengenalan Perangkat kerja Cara termudah untuk belajar menggunakan perangkat lunak illustrator dengan melakukan sejumlah latihan, dan sebelumnya kita perlu mengetahui dulu aturan

Lebih terperinci

MODUL KULIAH DAN PRAKTIKUM LABOR. Teknologi Multimedia. Interface Design. Oleh Muhammad Adri, S.Pd, MT

MODUL KULIAH DAN PRAKTIKUM LABOR. Teknologi Multimedia. Interface Design. Oleh Muhammad Adri, S.Pd, MT MODUL KULIAH DAN PRAKTIKUM LABOR Teknologi Multimedia Interface Design Oleh Muhammad Adri, S.Pd, MT FAKULTAS ILMU KOMPUTER UNIVERSITAS PUTERA INDONESIA UPI YPTK PADANG 2008 Interface Design Interface desain

Lebih terperinci

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director

Lebih terperinci

MODUL I DESAIN DENGAN BENTUK-BENTUK DASAR

MODUL I DESAIN DENGAN BENTUK-BENTUK DASAR MODUL I DESAIN DENGAN BENTUK-BENTUK DASAR A. MAKSUD DAN TUJUAN 1. MAKSUD Memberikan pengenalan tentang bentuk-bentuk dasar dari sebuah obyek yang digunakan dalam desain grafis dan pengembangannya dengan

Lebih terperinci

Membuat Gambar Kolase Menggunakan Blending Mode

Membuat Gambar Kolase Menggunakan Blending Mode Hasil akhir efek polusi Membuat Gambar Kolase Menggunakan Blending Mode Jika Anda melihat sebuah bingkai yang berisi beberapa gambar dalam satu background, maka kumpulan foto atau gambar disebut dikenal

Lebih terperinci

PERANGKAT LUNAK DESAIN GRAFIS

PERANGKAT LUNAK DESAIN GRAFIS BAB XII PERANGKAT LUNAK DESAIN GRAFIS A. TUJUAN PEMBELAJARAN 1. Mengenalkan aplikasi photoshop sebagai salah satu aplikasi pembangun web 2. Mengenalkan komponen-komponen interface photoshop B. DASAR TEORI

Lebih terperinci

Graphic Desaign dengan Adobe Photoshop

Graphic Desaign dengan Adobe Photoshop Graphic Desaign dengan Adobe Photoshop 1 SOFTWARE DESAIN GRAFIS Dalam merancang sebuah brosur, kita tidak bisa lepas dari perangkat lunak untuk mengolah gambar (image) sebagai bagian dari brosur tsb. Ada

Lebih terperinci

E-trik Adobe Illustrator CS2 ROBOT KEPITING. fandi

E-trik Adobe Illustrator CS2 ROBOT KEPITING. fandi DISCLAIMER Seluruh dokumen E-Trik di dalam CD ini dapat digunakan dan disebarkan secara bebas untuk tujuan belajar bukan komersial (non-profit), dengan syarat tidak menghapus atau merubah atribut penulis

Lebih terperinci

Langkah pembuatan efek foto blending dengan Photoshop

Langkah pembuatan efek foto blending dengan Photoshop Langkah pembuatan efek foto blending dengan Photoshop Langkah 1 Buatlah sebuah file baru dengan Photoshop. Caranya ya dengan memilih menu File > New. Saat muncul kotak dialog New, silahkan diisi dengan

Lebih terperinci

BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH )

BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH ) BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH ) A. Pendahuluan Salah satu perkembangan mutakhir teknologi komputer yang berpengaruh besar terhadap aplikasi komputer adalah munculnya perangkat lunak

Lebih terperinci

Tutorial Singkat Membuat Desain Header di CMS Balitbang.

Tutorial Singkat Membuat Desain Header di CMS Balitbang. Tutorial Singkat Membuat Desain Header di CMS Balitbang. Desain header cms balitbang bisa dirubah sesuai dengan keinginan kita dan tentu saja menyesuaikan dengan content website yang kita buat, misalnya

Lebih terperinci

MEMBUAT JAM DIGITAL. By : gapra27

MEMBUAT JAM DIGITAL. By : gapra27 MEMBUAT JAM DIGITAL By : gapra27 86 Disini kita akan mencoba untuk membuat sebuah jam digital dengan keampuhan ActionScript Macromedia Flash 8. Berikut adalah langkahlangkahnya (ikuti dengan benar) : Langkah

Lebih terperinci

TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN. Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom

TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN. Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom Mengenal Adobe Photoshop 7 Menu Bar Title Bar Option Bar Option bar: berisi informasi

Lebih terperinci

MEMBUAT JAM ANALOG. By : gapra27

MEMBUAT JAM ANALOG. By : gapra27 MEMBUAT JAM ANALOG By : gapra27 Anda pasti sudah dapat membanyangkan bentuk dari jam analog itu seperti apa bentuknya. Disini kita akan membuat sebuah jam analog sederhana. Langkah-langkah untuk membuatnya

Lebih terperinci

Backdrop Portrait Backdrop Warna Backdrop Woven Wide Bab 6 Backdrop Ungu Backdrop Bubble Portrait Backdrop...

Backdrop Portrait Backdrop Warna Backdrop Woven Wide Bab 6 Backdrop Ungu Backdrop Bubble Portrait Backdrop... Daftar Isi Kata Pengantar... v Daftar Isi...vii Bab 1 Pendahuluan...1 1.1 Apa Itu Backdrop?...1 1.2 Membuat Backdrop Sendiri...1 1.3 Memasang Foto di Depan Backdrop...2 Bab 2 Backdrop Galaksi...5 Bab 3

Lebih terperinci

MODUL 3 PRAKTIKUM MULTIMEDIA. Adobe Photoshop CS. Banner Design. Oleh Muhammad Adri, S.Pd, MT

MODUL 3 PRAKTIKUM MULTIMEDIA. Adobe Photoshop CS. Banner Design. Oleh Muhammad Adri, S.Pd, MT MODUL 3 PRAKTIKUM MULTIMEDIA Adobe Photoshop CS Banner Design Oleh Muhammad Adri, S.Pd, MT Fakultas Ilmu Komputer Universitas Putera Indonesia UPI YPTK Padang, 2008 Tujuan Banner Design Setelah mempelajari

Lebih terperinci

ADOBE PHOTOSHOP PENGENALAN TOOLS

ADOBE PHOTOSHOP PENGENALAN TOOLS ADOBE PHOTOSHOP 7.0 1. PENGENALAN TOOLS Sebelum memulai menggunakan adobe photoshop untuk membuat suatu karya grafis, terlebih dahulu kita mengenal tools yang digunakan di dalam adobe photoshop. Tools

Lebih terperinci

Bab 02. Desain Kalender Meja

Bab 02. Desain Kalender Meja Desain Kalender Meja Bab 02 Desain Kalender Meja Design Result Fasilitas yang diperlukan untuk membuat kreasi desain dan efek >>>> Rectangle Tool, Polyline Tool, Pen Tool, Text Tool Rotate, Shape Tool

Lebih terperinci

Membuat Teks Berkesan 3D dengan Photoshop

Membuat Teks Berkesan 3D dengan Photoshop Membuat Teks Berkesan 3D dengan Photoshop Pada kesempatan kali ini, kita akan bahas bagaimana caranya untuk membuat efek berkesan 3 Dimensi dengan memanfaatkan pencahayaan, shadow, dan Layer Styles di

Lebih terperinci

TUTORIAL COREL DRAW 12. Materi materi : MEMANIPULASI OBJEK DAN TEKS. Pengolahan Teks. Konversi Objek. Menggabung Objek. Envelope. Perspective.

TUTORIAL COREL DRAW 12. Materi materi : MEMANIPULASI OBJEK DAN TEKS. Pengolahan Teks. Konversi Objek. Menggabung Objek. Envelope. Perspective. TUTORIAL COREL DRAW 12 MEMANIPULASI OBJEK DAN TEKS Materi materi : Pengolahan Teks Konversi Objek Menggabung Objek Envelope Perspective Blend Extrude Contour Artistic Media Lens PowerClip Pengolahan Teks

Lebih terperinci

Tutorial Membuat Website dengan Photoshop CS2

Tutorial Membuat Website dengan Photoshop CS2 Tutorial Membuat Website dengan Photoshop CS2 Posted by Slamet Riyanto Web yang sering dikunjungi orang merupakan nilai plus bagi seorang web designer. Banyaknya pengunjung yang datang dapat dijadikan

Lebih terperinci

Desain Kaos... Maxikom

Desain Kaos... Maxikom DISCLAIMER Seluruh dokumen E-Trik di dalam CD ini dapat digunakan dan disebarkan secara bebas untuk tujuan belajar bukan komersial (non-profit), dengan syarat tidak menghapus atau merubah atribut penulis

Lebih terperinci

PERTEMUAN IV MEMBUAT JUDUL (TITLE)

PERTEMUAN IV MEMBUAT JUDUL (TITLE) PERTEMUAN IV MEMBUAT JUDUL (TITLE) Tujuan Praktikum: 1. Mahasiswa mampu menyisipkan/menambahkan Judul (Title) pada clip video; 2. Mahasiswa mampu mengubah/edit Judul (Title) pada clip video dengan berbagai

Lebih terperinci

PRAKTEK : MEMBUAT LOGO

PRAKTEK : MEMBUAT LOGO PRAKTEK : MEMBUAT LOGO Aplikasi : Adobe Illustrator Adobe Photoshop 1. Buka Program adobe ilustrator, buat sebuah dokumen baru dengan ukuran A4, Kosongkan nilai bleed dan masukan number of artboard = 1.

Lebih terperinci

KATA PENGANTAR. Assalamualaikum Wr. Wb.

KATA PENGANTAR. Assalamualaikum Wr. Wb. KATA PENGANTAR Assalamualaikum Wr. Wb. Publikasi adalah salah satu bidang dalam desain yang melibatkan program editor gambar di dalamnya. Sepertinya belum ada buku komputer yang membahas tentang topik

Lebih terperinci

MODUL 5 MACROMEDIA FIREWORKS

MODUL 5 MACROMEDIA FIREWORKS MODUL 5 MACROMEDIA FIREWORKS Tujuan : 1. Memahami penggunaan Fireworks dalam mendesign suatu web. 2. Memahami pembuatan tombol dalam Fireworks. 3. Memahami langkah-langkah pembuatan Fireworks dari awal.

Lebih terperinci

BAB II MEMBUAT OBJEK DASAR PADA GIMP

BAB II MEMBUAT OBJEK DASAR PADA GIMP BAB II MEMBUAT OBJEK DASAR PADA GIMP STANDARD KOMPETENSI Menggunakan perangkat lunak pembuat grafis bitmap dan vektor. KOMPETENSI DASAR Membuat dan mengedit gambar bitmap. PENGANTAR BAB Karya grafis, baik

Lebih terperinci

TUGAS DESAIN KARTU NAMA

TUGAS DESAIN KARTU NAMA TUGAS DESAIN KARTU NAMA 1. Pertama buka CorelDraw X3 dengan cara Start > All Programs > CorelDraw Graphics Suite 13 > CorelDraw X3. 2. Untuk membuat Blank Document atau File kosong, Klik File > New (Ctrl+N)

Lebih terperinci

STMIK-MURA DESAIN GRAFIS LANJUT (2013) Novi Lestari, S. Kom, M. Kom

STMIK-MURA DESAIN GRAFIS LANJUT (2013) Novi Lestari, S. Kom, M. Kom STMIK-MURA DESAIN GRAFIS LANJUT (2013) Novi Lestari, S. Kom, M. Kom Email : novistmikmura@yahoo.com Blog : novilestari.webnode.com MATERI: 1. MENDESAIN ICON DOWNLOAD 2. MENDESAIN ICON TAS BELANJA/KERANJANG

Lebih terperinci

FLASH DASAR-DASAR ANIMASI

FLASH DASAR-DASAR ANIMASI FLASH DASAR-DASAR ANIMASI A. Apa itu Macromedia Flash? Macromedia Flash (selanjutnya hanya disebut Flash) adalah sebuah perangkat lunak yang dapat digunakan untuk menambahkan aspek dinamis sebuah web atau

Lebih terperinci

Bab 11- Manipulasi Gambar Dengan Photoshop. Oleh: Liharman Pandiangan

Bab 11- Manipulasi Gambar Dengan Photoshop. Oleh: Liharman Pandiangan Bab 11- Manipulasi Gambar Dengan Photoshop Oleh: Liharman Pandiangan 1 Pokok Bahasan Area Kerja Photoshop (ToolBox): mengenai user interface Adobe Photoshop secara umum dan fungsi-fungsi tools pada toolbox

Lebih terperinci

Eko Purwanto WEBMEDIA Training Center Medan

Eko Purwanto WEBMEDIA Training Center Medan Menguasai Adobe Photoshop 7.0 Eko Purwanto epurwanto@webmediacenter.com WEBMEDIA Training Center Medan www.webmediacenter.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi

Lebih terperinci

Mengenal Photoshop. 2.1 Mengenal Interface

Mengenal Photoshop. 2.1 Mengenal Interface Mengenal Photoshop Photoshop sudah sangat populer sebagai software terbaik untuk melakukan editing foto. Bagi Anda pencinta desain grafis, Photoshop telah dinilai unggul dalam segala segi dan lebih banyak

Lebih terperinci

PENGGUNAAN SLICE. Tujuan Instruksional

PENGGUNAAN SLICE. Tujuan Instruksional PENGGUNAAN SLICE Suatu halaman web harus didesain secara representatif namun bisa diakses secara cepat. Sebuah halaman web yang yang dibuat berupa gambar full color dengan menggunakan Adobe Photoshop,

Lebih terperinci

Minimal basic fungsi tool photoshop

Minimal basic fungsi tool photoshop Saat jalan-jalan ke web, kadang ketemu tombol dengan efek glassy yang menarik. Atau ga jaduh-jauh, bagi pemakai yahoo widget ataupun sistem operasi vista hal ini bukan hal yang jarang ditemui. Tapi bagaimana

Lebih terperinci

A. Kompetensi Setelah mengikuti mata kuliah ini, mahasiswa diharapkan memiliki kemampuan membuat efek teks dan membuat efek gambar.

A. Kompetensi Setelah mengikuti mata kuliah ini, mahasiswa diharapkan memiliki kemampuan membuat efek teks dan membuat efek gambar. No. LST/EKA/PTI 236/03 Revisi : 01 Maret 2011 Hal 1 dari 8 A. Kompetensi Setelah mengikuti mata kuliah ini, mahasiswa diharapkan memiliki kemampuan membuat efek teks dan membuat efek gambar. B. Dasar Teori

Lebih terperinci

Cloudy Morning. Project 2

Cloudy Morning. Project 2 Project 2 Cloudy Morning Langit dan awan kadang memiliki peran penting dalam gambar landscape, di mana objek langit biasanya memiliki porsi ruang yang lebih dominan dari objek yang lain. Bentuk awan dan

Lebih terperinci

Membuat Kalender Meja dengan Photoshop

Membuat Kalender Meja dengan Photoshop Membuat Kalender Meja dengan Photoshop Di bab sebelumnya kita telah menyelesaikan satu kalender meja menggunakan CorelDRAW X5. Pada bab ini saya akan membahas pembuatan kalender meja dengan Photoshop.

Lebih terperinci

Daftar Isi. Pendahuluan

Daftar Isi. Pendahuluan Daftar Isi Pendahuluan Daftar Isi v vii Bagian 1 - Basic Photoshop Area Kerja Photoshop........................ 3 Tool Penting................................ 5 Menampilkan Palet..........................

Lebih terperinci

PENGENALAN MACROMEDIA FLASH 8

PENGENALAN MACROMEDIA FLASH 8 Macromedia FLASH (LULY) 1 MODUL-1 PENGENALAN MACROMEDIA FLASH 8 Pada modul pertama ini kita akan melihat secara sekilas area kerja Macromedia Flash Pro 8 yang akan digunakan dalam pembuatan animasi pada

Lebih terperinci

Dasar-Dasar Menggambar dengan Flash (Objek dan Teks) Oleh: Ali Mahmudi

Dasar-Dasar Menggambar dengan Flash (Objek dan Teks) Oleh: Ali Mahmudi Dasar-Dasar Menggambar dengan Flash (Objek dan Teks) Oleh: Ali Mahmudi Mengenal Macromedia Flash. Macromedia Flash MX merupakan perangkat lunak untuk merancang grafis dan animasi. Macromedia Flash MX merupakan

Lebih terperinci

Poster. dinding atau permukaan datar lainnya dengan sifat mencari perhatian mata sekuat mungkin.

Poster. dinding atau permukaan datar lainnya dengan sifat mencari perhatian mata sekuat mungkin. Poster Poster adalah media gambar yang memiliki sifat persuatif tinggi karena menampilkan suatu persoalan atau tema yang menimbulkan perasaan kuat terhadap khalayak. Pengaplikasiannya dengan ditempel di

Lebih terperinci

Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon :

Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711 353414 PROGRAM STUDI TEKNIK KOMPUTER JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab

Lebih terperinci

Desain cover buku PENDAHULUAN

Desain cover buku PENDAHULUAN Desain cover buku PENDAHULUAN Di dalam tutorial ini kita akan membuat sebuah cover buku dengan ukuran 14 x 21 cm dengan ketebalan 1 cm, cara-cara yang digunakan dalam tutorial ini sangat sederhana, di

Lebih terperinci

PANDUAN BELAJAR BAGIAN KEDUA. Dibuat oleh : K A M A L U D I N

PANDUAN BELAJAR BAGIAN KEDUA. Dibuat oleh : K A M A L U D I N PANDUAN BELAJAR BAGIAN KEDUA Dibuat oleh : K A M A L U D I N CARA MEWARNAI FOTO PADA PHOTOSHOP Mewarnai atau mengganti warna dari sebuah foto emang asik.. dan banyak sekali teknik yang digunakan untuk

Lebih terperinci

2. Rectangular Marquee Tool (M), Untuk membuat seleksi berbentuk kotak persegi empat.

2. Rectangular Marquee Tool (M), Untuk membuat seleksi berbentuk kotak persegi empat. No. LST/EKA/PTI 236/01 Revisi : 01 Feb 2011 Hal 1 dari 14 A. Kompetensi Setelah mengiktui mata kuliah ini, mahasiswa diharapkan memiliki kemampuan mengoperasikan toolbox dan mengaplikasikan dalam pengeditan

Lebih terperinci

Bab 2 Editing Foto. Tool Menggambar

Bab 2 Editing Foto. Tool Menggambar Bab 2 Editing Foto Tool Menggambar Menggambar di Photoshop tidaklah serumit yang Anda kira. Di bawah adalah beberapa konsep dan tool dasar menggambar yang harus Anda pahami. a c d b a. Ada empat tool menggambar,

Lebih terperinci

Membuat banner web berbasis Flash Membuat tombol untuk navigasi movie klip Membuat jam digital

Membuat banner web berbasis Flash Membuat tombol untuk navigasi movie klip Membuat jam digital Kata Pengantar Buku Student Exercise Series Flash merupakan pasangan dan pelengkap dari seri buku Student Guide Series yang cocok dan pas untuk dijadikan pegangan belajar dan latihan secara mudah, praktis,

Lebih terperinci

City Hunter. Project 1

City Hunter. Project 1 Project 1 City Hunter Project pertama ini akan membahas teknik sederhana membuat komposisi gambar, kita akan menggunakan 3 stock gambar dalam pembuatannya. Lukis manual dengan Brush menjadi salah satu

Lebih terperinci

BAB III ANALISA DAN PEMBAHASAN MASALAH

BAB III ANALISA DAN PEMBAHASAN MASALAH BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Aplikasi Program Belajar Anak Cerdas Dalam Aplikasi ini diperlukan perancangan sebuah macromedia dengan rancangan yang baik, menarik, berkesan dan mudah dimengerti.

Lebih terperinci

Langkah pembuatan denah : 1. Buatlah persegi panjang seperti pada gambar :

Langkah pembuatan denah : 1. Buatlah persegi panjang seperti pada gambar : Langkah pembuatan denah : 1. Buatlah persegi panjang seperti pada gambar : 2. Lalu satukan semua persegi panjang menggunakan Weld. Pertama kita group kan dulu semua persegi panjang tersebut dengan menekan

Lebih terperinci

Pengolahan Gambar Bitmap Dengan Photoshop

Pengolahan Gambar Bitmap Dengan Photoshop Pengolahan Gambar Bitmap Dengan Photoshop Kuliah VI Design Grafis Iwan Sonjaya, ST.MMT.MT 1 Pokok Bahasan Area Kerja Photoshop (ToolBox): mengenai user interface Adobe Photoshop secara umum dan fungsi-fungsi

Lebih terperinci

1 Photoshop Tutorial Ari Saputro S. Kom. Adobe PHOTOSHOP

1 Photoshop Tutorial Ari Saputro S. Kom. Adobe PHOTOSHOP 1 Photoshop Tutorial Adobe PHOTOSHOP 2 Photoshop Tutorial BAB II DASAR PENGGUNAAN PHOTOSHOP Layer Lapisan yang digunakan sebagai pemisah gambar yang bertujuan untuk memudahkan pengguna dalam meng-edit

Lebih terperinci

Style Icon PENDAHULUAN Cara Mengatur Depan Belakang Objek pada CorelDraw Order Arrange > Order

Style Icon PENDAHULUAN Cara Mengatur Depan Belakang Objek pada CorelDraw Order Arrange > Order Style Icon PENDAHULUAN Cara Mengatur Depan Belakang Objek pada CorelDraw Buat dulu objeknya. Objek pertama menggunakan rectangle tool, tekan tombol keyboard CTRL agar berbentuk persegi saat Anda membuatnya.

Lebih terperinci

Modul Pelatihan Penggunaan Inkscape untuk Membuat Logo SME Service Center

Modul Pelatihan Penggunaan Inkscape untuk Membuat Logo SME Service Center Modul Pelatihan Penggunaan Inkscape untuk Membuat Logo SME Service Center DAFTAR ISI 1. Membuat Dokumen Baru... 2 2. Import File... 2 3. Membuat Teks "SME" dan Propertinya... 3 4. Membuat Teks "Indonesian"

Lebih terperinci

A. Tujuan Mengenal fasilitas type tool, layer effects dan berbagai filter pada Adobe Photoshop dalam membuat efek khusus.

A. Tujuan Mengenal fasilitas type tool, layer effects dan berbagai filter pada Adobe Photoshop dalam membuat efek khusus. MODUL #6 Membuat Efek Khusus dengan Adobe PhotoShop A. Tujuan Mengenal fasilitas type tool, layer effects dan berbagai filter pada Adobe Photoshop dalam membuat efek khusus. B. Langkah-langkah/ Contoh

Lebih terperinci

KENALAN AMA INDESIGN YUUK...

KENALAN AMA INDESIGN YUUK... KENALAN AMA INDESIGN YUUK... Powered by : Team RG LPM HIMMAH I MENGENAL ADOBE INDESIGN Mengenal Area Kerja Area kerja Adobe InDesign mirip dengan area kerja Adobe Photoshop. Di sebelah kiri terdapat ToolBox,

Lebih terperinci

4. Kegiatan Belajar 4 : Membuat Animasi 2D ke dalam multimedia

4. Kegiatan Belajar 4 : Membuat Animasi 2D ke dalam multimedia 4. Kegiatan Belajar 4 : Membuat Animasi 2D ke dalam multimedia a. Tujuan Kegiatan Pembelajaran 4 1) Peserta diklat paham dan mampu menambahkan efek suara pada animasi yang dibuat dengan menggunakan SWiSHmax.

Lebih terperinci

EFEK DREAM PHOTOSHOP

EFEK DREAM PHOTOSHOP EFEK DREAM PHOTOSHOP Tutorial Photoshop ini untuk yang udah ngerti tool-tool di photoshop.. Kalo yang belum ngerti silahkan baca-baca dulu teori dasarnya dan praktekin dulu tutorial tingkat dasar. tapi

Lebih terperinci

Menggunakan Tool. Seperti telah dijelaskan pada bagian sebelumnya bahwa terdapat beberapa tambahan tool dan perubahan perintah pada versi terbaru.

Menggunakan Tool. Seperti telah dijelaskan pada bagian sebelumnya bahwa terdapat beberapa tambahan tool dan perubahan perintah pada versi terbaru. BAB 2 Menggunakan Tool Seperti telah dijelaskan pada bagian sebelumnya bahwa terdapat beberapa tambahan tool dan perubahan perintah pada versi terbaru. 1. MELIHAT AREA KERJA Ketika pertama kali mengaktifkan

Lebih terperinci

PENGENALAN ADOBE PHOTOSHOP

PENGENALAN ADOBE PHOTOSHOP PENGENALAN ADOBE PHOTOSHOP Adobe Photoshop CS3 merupakan program pengolah gambar secara digitalterpopuler saat ini. Dengan Adobe Photoshop CS3 anda dapat mengolah foto biasayang telah anda scan menjadi

Lebih terperinci

Berkreasi dengan Teks

Berkreasi dengan Teks Berkreasi dengan Teks 82 83 BAB 3 Berkreasi dengan Teks Pada CorelDRAW X4 D alam CorelDRAW X4 terdapat dua jenis teks, yaitu teks arstistik dan teks paragraph. Teks paragraph biasanya digunakan untuk menulis

Lebih terperinci

1. MELIHAT AREA KERJA

1. MELIHAT AREA KERJA 1 Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik. Kompetensi Dasar : 1.1. Menunjukkan menu ikon yang terdapat dalam perangkat lunak pembuat grafis Indikator Pencapaian: 1. Menjelaskan

Lebih terperinci

PEMASARAN DENGAN ADOBE PHOTOSHOP CS (Creative Suite)

PEMASARAN DENGAN ADOBE PHOTOSHOP CS (Creative Suite) PEMASARAN DENGAN ADOBE PHOTOSHOP CS (Creative Suite) Adobe Creative Suite adalah sebuah paket program terpadu yang terdiri dari atas Photoshop CS, Illustrator CS, InDesign CS, GoLive CS ditambah dengan

Lebih terperinci

Editing Video Menggunakan Adobe Premiere Pro

Editing Video Menggunakan Adobe Premiere Pro Editing Video Menggunakan Adobe Premiere Pro Winastwan Gora S. redaksi@belajarsendiri.com BAB IX. MEMBUAT TITLE Lisensi Dokumen : Hak Cipta 2006 BelajarSendiri.Com Seluruh dokumen ini dapat digunakan,

Lebih terperinci

Pertemuan 1. Perkenalan Inkscape. Inkscape adalah software untuk mendesain berbagaimacam image seperti logo, icon,

Pertemuan 1. Perkenalan Inkscape. Inkscape adalah software untuk mendesain berbagaimacam image seperti logo, icon, Pertemuan 1 Perkenalan Inkscape Apakah Inkscape? Inkscape adalah software untuk mendesain berbagaimacam image seperti logo, icon, dan ilustrasi yang dapat digunakan untuk pembuatan spanduk, banner iklan,

Lebih terperinci

SILUET URBAN. Project

SILUET URBAN. Project Project SILUET URBAN Pada tutorial project kali ini, kita akan menciptakan nuansa senja dari sebuah potret lingkungan urban yang sederhana. Setelah melalui tutorial ini, Anda akan mempelajari beberapa

Lebih terperinci

BAB 4 PROSES PENGEMBANGAN

BAB 4 PROSES PENGEMBANGAN BAB 4 PROSES PENGEMBANGAN Pada bagian ini kita akan membahas tentang teknik pengembangan situs sesuai dengan sketsa yang telah dibuat sebelumnya. Proses pengembangan diawali dengan pembuatan layout halaman

Lebih terperinci

MODUL #1 Membuat Kartu Nama dengan CorelDraw

MODUL #1 Membuat Kartu Nama dengan CorelDraw MODUL #1 Membuat Kartu Nama dengan CorelDraw A. Tujuan 1. Kartu Nama Kartu nama atau kartu bisnis adalah kartu yang digunakan sebagai sarana penunjang dalam menjalankan bisnis. Dari kartu nama akan tercerminkan

Lebih terperinci

3. Klik tombol Add Filter sehingga tampak pilihan efek filter 4. Pilih efek animasinya serta atur pada perintah di dalamnya

3. Klik tombol Add Filter sehingga tampak pilihan efek filter 4. Pilih efek animasinya serta atur pada perintah di dalamnya MEMBERI EFEK FILTER PADA TEKS Program Adobe Flash Pro CS 5 Menyediakan Efek Filter Untuk Objek Teks seperti efek blur, glow, bevel, drop shadow dan filter lainnya Langkah memberi efek filter adalah 1.

Lebih terperinci

Tutorial # A-02 : Slide Show

Tutorial # A-02 : Slide Show Tutorial # A-02 : Slide Show 1. PENDAHULUAN Tutorial ini mengajak anda membuat presentasi slide show interaktif dengan komponen gambar, teks, audio dan video. Halaman tampil dari awal berurutan sampai

Lebih terperinci

Bab 4. Penggunaan Efek Pada Teks

Bab 4. Penggunaan Efek Pada Teks Bab 4. Penggunaan Efek Pada Teks Sebagai salah satu aplikasi pembuat animasi yang handal, Adobe Flash CS4 menyediakan berbagai macam efek yang dapat Anda gunakan untuk mempercantik penulisan suatu teks,

Lebih terperinci

Spesifikasi: Ukuran: 11x18 cm Tebal: 246 hlm Harga: Rp Terbit pertama: Maret 2005 Sinopsis singkat:

Spesifikasi: Ukuran: 11x18 cm Tebal: 246 hlm Harga: Rp Terbit pertama: Maret 2005 Sinopsis singkat: Spesifikasi: Ukuran: 11x18 cm Tebal: 246 hlm Harga: Rp 27.800 Terbit pertama: Maret 2005 Sinopsis singkat: Adobe Photoshop merupakan salah satu aplikasi yang ditujukan untuk menyunting dan memanipulasi

Lebih terperinci

Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile

Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile Membuat Company profile Meggunakan Macromedia Flash MX Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile 1. Mempersiapkan bahan-bahan yang di butuh kan dari image, teks

Lebih terperinci

E-trik Adobe Illustrator CS2

E-trik Adobe Illustrator CS2 DISCLAIMER Seluruh dokumen E-Trik di dalam CD ini dapat digunakan dan disebarkan secara bebas untuk tujuan belajar bukan komersial (non-profit), dengan syarat tidak menghapus atau merubah atribut penulis

Lebih terperinci

MENGGUNAKAN PROGRAM PENGOLAH GRAFIS

MENGGUNAKAN PROGRAM PENGOLAH GRAFIS GRAFIS BERBASIS BITMAP GRAFIS BERBASIS VEKTOR Standar Kompetensi: Menggunakan perangkat lunak pengolah grafis untuk menyajikan informasi Kompetensi Dasar: 1. Mengidentifikasi menu dan ikon pada perangkat

Lebih terperinci

Membuat jam Weker. 1. Langkah pertama kita buat bidang jam dengan menggunakan Ellipse Tool, kemudian drag and drop sambil menekan Ctrl.

Membuat jam Weker. 1. Langkah pertama kita buat bidang jam dengan menggunakan Ellipse Tool, kemudian drag and drop sambil menekan Ctrl. Membuat jam Weker 1. Langkah pertama kita buat bidang jam dengan menggunakan Ellipse Tool, kemudian drag and drop sambil menekan Ctrl. 2. Agar ukurannya sama dengan ilustrasi diatas, maka rubahlah ukuran

Lebih terperinci

LATIHAN SOAL MID SEMESTER 1 MATA PELAJARAN TIK KELAS XII IPA DAN IPS Oleh : Gianto, SPd

LATIHAN SOAL MID SEMESTER 1 MATA PELAJARAN TIK KELAS XII IPA DAN IPS Oleh : Gianto, SPd LATIHAN SOAL MID SEMESTER 1 MATA PELAJARAN TIK KELAS XII IPA DAN IPS Oleh : Gianto, SPd 1. Sebuah gambar jika diperbesar akan tetap kelihatan solid, tidak kabur dan pecah, merupakan ciri-ciri image yang

Lebih terperinci

Slamet Riyanto

Slamet Riyanto Teknik Membuat Web Profesional dengan Photoshop Slamet Riyanto kangmas@slametriyanto.web.id http://slametriyanto.web.id Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi

Lebih terperinci

BAB IV MEMBUAT KARYA GRAFIS SEDERHANA

BAB IV MEMBUAT KARYA GRAFIS SEDERHANA BAB IV MEMBUAT KARYA GRAFIS SEDERHANA Kompetensi Dasar : Membuat karya grafis sederhana Indikator : - Membuat proyek baru - Melakukan format pada teks - Melakukan format pada grafis - Melakukan penggabungan

Lebih terperinci

TAHAP-TAHAP PEMBUATAN ANIMASI

TAHAP-TAHAP PEMBUATAN ANIMASI TAHAP-TAHAP PEMBUATAN ANIMASI Software yang digunakan adalah Macromedia Flash 8 a. Untuk membuat document baru klik pada kolom Create New dan pilih Flash Document. b. Ukuran default document 550x 400 pixel

Lebih terperinci