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 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 Mode RGB 8 bit > OK.

3 Tampilan lembar kerja baru 1. Membuat Gradient Pada Background. Warna Foreground merah (#a91c01)

4 Background merah tua dengan kode (#690700). Dapat anda perhatikan pada kode warna. Jika warna Foreground dan Background telah selesai dipilih >Aktifkan Tool Gradasi. >Pilih Radial Gradient pada Option Tool.

5 2. Membuat Text GOOD >Klik (T) pada Toolbox

6 >Ubah warna tulisan menjadi warna putih. > Ubah Font 40 pt >Ketik GOOD

7 >Ubah Font Impact. 3. Memberi Efek Tulisan GOOD >Aktifkan Layer GOOD >Warp Text yang terdapat pada Option Tool

8 >Style : Wave >Bend 25% >Horizontal Distortion 2% >Vertical Distortion 3% >Klik OK

9 >Klik Move Tool terlebih dahulu untuk menghilangkan blok nya. Setelah hilang blok tulisan 4. Membuat Tulisan TEA >Kembali aktifkan Tool Text

10 >Ketik TEA >Blok tulisan >Ubah Font 111pt

11 >Aktifkan Move Tool untuk memindahkan tulisan. 5. Memberi Efek Tulisan TEA >Aktifkan Layer TEA

12 >Klik Warp Text pada Option Tool >Pilih Style Wave >Bend +50% >Horizontal Distortion 0% >Vertical Distortion 0% >OK.

13 >Aktifkan Move Tool untuk menghilangka blok pada tulisan TEA Setelah seleksi tulisan hilang 6. Membuat Tulisan WITH dan GOOD >KembaliAktifkan Tool Text

14 >Ubah Font 24 pt. >Ketik WITH dan GOOD dan kita blok untuk tulisan GOOD

15 >Pada kata GOOD size Font 43 pt. >Edit menggunakan Warp Text. Tampak hasilnya

16 7. Membuat Tulisan TASTE Huruf "T pertama pada kata TASTE kita beri size Font lebih besar dibandingkan huruf yang lainnya dengan cara : >Blok huruf T >Size Font 72 pt.

17 >Blok tulisan ASTE >Size Font 48 pt. 8. Membuat Efek Tulisan TASTE >Aktifkan layer TASTE kemudian

18 >Aktifkan Warp Text untuk mengubah Style Font. Untuk merapikan layer-layer yang telah kita buat : Blok pada Layer-layer tersebut dengan cara tekan CTRL dan pilih semua Layer. >Tekan CTRL + G untuk grouping Layer. Semua Layer-layer ada di dalam Group Layer

19 Untuk memperbesar tulisan : >Klik Edit > Free Transform >Tekan Shift agar disaat memperbesar tulisan menjadi simetris

20 Kita akan memberi Layer Style pada masing-masing text : >Aktifkan Layer GOOD >Layer Style (FX) > Blending options >Klik pada Drop Shadow

21 >Blend Mode MULTIPLY >Opacity 70% >Distance 8 px >Spread 0% >Size 5 px. Untuk layer yang lainnya kita dapat copy paste layer yang telah di beri Layer Style, dengan cara: >Klik kanan + copy Layer Style dan paste ke setiap text.

22 Selanjutnya kita akan memberikan Shape : >Klik Custom Shape Tool >Tubbed Button

23 >Klik dan drag untuk mengaplikasikan Tubbed Button ke dalam banner. Terlebih dahulu pindahkan Shape keatas Group agar Shape tidak menjadi satu dengan Group Text.

24 >Aktifkan Text (T) pada Toolbar >Ketik VIEW PRODUCT

25 >Size Font 24 pt >Pada Table Character pada sebelah kanan, kita akan Member Underline pada VIEW PRODUCT

26 >Member warna merah yang ada pada banner >Klik Move Tool

27 >Pindahkan tulisan ke dalam Tubbed Button Kita akan berikan efek pada tulisan VIEW PRODUCT >Klik Fx >Bavel & Emboss

28 >Depth 11% Size 1px. >Contour 50%.

29 Selanjutnya kita akan memberi Gradient : >Klik Fx > Gradient Overlay >Opacity 100% >Angel 90⁰ >Scale 100% >OK

30 Setelah itu kita akan memberi tulisan LIPTON pada banner. Untuk LIPTON kita Import File dari komputer dengan cara mendrag gambar ke program Photoshop. Untuk menghilangkan background putih pada file tersebut : >Klik kanan pada Layer LIPTON >Rasterize

31 > Pilih Magic Wand Tool pada Toolbar >Klik kanan pada area Layer berwarna putih >Tekan delete untuk menghapus warna putih

32 >Hilangkan seleksinya kita klik Select > Deselect Tampak seleksi hilang

33 Pada posisi Layer LIPTON saat ini menutupi tulisan yang lainnya, maka akan kita pindahkan posisi layernya. Posisi awal berada di atas Shape, kita akan pindahkan posisi Layer LIPTON di bawah Folder Text. >Klik Move Tool untuk memindahkan Layer LIPTON >Klik + tahan dan drag

34 Text pada group akan kita putar posisi : >Klik Edit >Free Tranform Putar posisikan sesuai kebutuhan

35 Untuk memperbesar Size Text : >Klik Edit > Free Transform > Tekan Shift dan drag tulisan Silahkan merapikan posisi sesuai yang anda inginkan dengan mengaktifkan Move Tool terlebih dahulu sebelum memindahkan Layer.

36 4.1 BANNER WITH BRUSH 1. Membuat Brush Kita akan belajar menggunakan Brush. Kita dapat menggunakan Brush untuk membuat banner. Dibawah ini terdapat contoh banner yang dibuat menggunakan Brush. Dapat anda perhatikan banner dibawah ini pada warna merah, biru serta motif banner akan kita buat menggunakan Brush. Pertama kita akan membuat File Baru >Klik File >New >Width 720px, Height 210px, >Resolution 72px/inch, >Color Mode RGB Color 8bit >OK Langkah pertama kita akan mewarnai background terlebih dahulu, dengan menggunakan Paint Bucket pada Toolbar.

37 Kita akan menggunakan warna Kuning (#ffd101) Tampak Background Kuning

38 Untuk memulai mewarnai dengan Brush sebaiknya kita menggunakan Layer Baru. Cara membuat Layer Baru yaitu kita ke Menu Layer yang ada disebelah kanan >Klik Create a new Layer, maka Layer baru akan terbuat. Layer Baru otomatis akan muncul Dan kita akan memulai mewarnai menggunakan Brush >Klik Brush Tool pada Toolbox Brush yang akan kita pakai adalah Brush yang kita downkload dari internet, silakan terlebih dahulu anda mendownload Brush yang akan digunakan pada internet, jika Brush telah selesai di download.

39 Cara mengambilnya : >Klik kanan >Klik gambar Gir >Load Brushes Gambar Gir, klik kanan Yang pertama kita akan menggunakan Brush seperti berikut

40 >Klik dan drag >Klik Foregroud Layer >Beri warna pada Brush yang pertama dengan warna Merah (#ff2c00)

41 >Brush Klik kanan maka akan muncul kotak dialog >Kecilkan ukurannya menjadi 267px Tampak hasilnya Untuk memudahkan pekerjaan pada Layer 1 yang ada pada Menu kita ubah namanya menjadi warna Merah >Buat Layer Baru untuk Brush yang kedua >Seperti diawal klik Create a new Layer

42 >Klik Brush Tool pada Toolbox >Ubah type Brush, klik kanan dan pilih brush yang akan digunakan >Ganti warna Brush menjadi biru ( 018fc6 ) >Ubah Layer Brush yang kedua dengan nama warna Biru Dan kita kecilkan ukuran 257px denganklik kanan

43 Tampak hasilnya Selanjutnya kita akan membuat Layer Baru kembali untuk Brush yang ketiga. >Seperti diawal klik Create a new Layer >Klik Brush Tool pada Toolbox >Untuk mengubah type Brush, klik kanan dan pilih Brush yang akan digunakan

44 >Ganti warna Brush menjadi Merah (#ff2c00) >Ubah nama Layer Brush yang ketiga dengan nama warna Brush >Kecilkan ukuran 100px dengan mengklik kanan Kemudian kita akan pindahkan Layer warna merah berada di atas warna Biru

45 Pindahkan Layer Dan kita akan memberi transparansi menggunakan Blending Mode >Pilih Hard Light

46 Kita akan mulai membuat Motif >Aktifkan Layer Background

47 >Buat Layer Baru beri nama Motif 1 Kemudian kita pilih type Brush yang kita inginkan, dan beri warna putih pada Brush, seperti langkah sesudahnya. >Klik Brush Tool pada Toolbox >Pilih type Brush

48 >Pilih warna Putih untuk Brush (#ffffff) Tampak hasilnya Untuk memberi brush pada sebelah kiri, anda cukup mengcopy saja dari layer motif tersebut >Klik Layer Motif 1 Tekan Alt + drag

49 >Kemudian klik Edit >Transform >Flip Horizontal

50 Tampak hasilnya Kita akan membuat Grouping untuk bagian Brush agar terlihat lebih rapi. >Tekan CTRL dan klik semua Layer Brush

51 >CTRL + G untuk Grouping 2. Membuat Teks Kita akan memulai untuk membuat tulisan.

52 >Aktifkan Tool Text pada Toolbar >Ukuran Font 24pt >Jenis Font Century Gothic >Aktifkan Underline pada Tool Character

53 >Beri warna teks Putih (#ffffff) >Ketik BE MORE CREATIVE >Kemudian Edit

54 >Free Transform, dan kita perkecil tulisan tanpa menekan tombol Shift Tampak hasilnya Kita akan mengganti Blending Mode menjadi Darken Maka akan terjadi campuran warna antara Merah dengan Biru Tampak hasilnya

55 Selanjutnya kita akan kembali membuat teks PHOTOSHOP >Aktifkan Tool Text pada Toolbar >Ukuran Font sesuai kebutuhan >Jenis Font Orator Std

56 >Untuk menghilangkan Underline klik nonaktifkan di Tool Character >Beri warna teks Hitam >Ketik PHOTOSHOP

57 Selanjutnya enter dan ketik kata CLASS Setelah itu, kembali membuat teks >Aktifkan Tool Text pada Toolbar >Ukuran Font 14 pt >Jenis Font sesuai kebutuhan

58 >Beri warna teks Hitam >Ketik www.

59 >Enter dan ketik FOR MORE DETAIL Kemudian kita beri tulisan pada sebelah kiri Web Designer Class with Baba studio dengan jenis font arial dan size 30pt. kita dapat mengecilkan tulisan dengan free transform. >Aktifkan Tool Text pada Toolbar >Ukuran Font 30 pt >Jenis Font Arial

60 >Beri warna teks Hitam >Ketik Web Designer enter Class with enter Baba studio

61 Maka banner with brush telah selesai kita buat

62 5.1 SELECTION 1. Penggunaan Selection pada Photoshop Kita akan belajar seleksi gambar dan membuat banner dengan menggabungkan beberapa gambar ke satu dokumen seperti gambar dibawah ini. >Buat File Baru >File >New >Kita beri nama Banner Selection >Width 847px, Height 285px >OK Lembar kerja Photoshop

63 Kita akan Import dua gambar yang berbeda, silakan drag gambar yang akan anda gunakan pada Photoshop. Tetapi jangan letakkan gambar pada halaman yang sedang aktif, letakkan disebelah tab banner selection. Kita akan menyusun gambar ini menjadi bertumpuk-tumpuk seperti yang ada pada contoh banner. Kita gunakan Selection Tool yang berguna untuk menyeleksi suatu objek agar dapat dipindahkan atau dijadikan suatu design tertentu. >Aktifkan Polygonal Lasso Tool untuk menyeleksi gambar

64 >Klik seleksi gambar berwarna biru >Jika menginginkan garis tersebut lurus, tekan tombol Shift >Jika terjadi kesalahan seleksi, tekan tombol Backspace pada Keyboard

65 >Double klik kiri pada Mouse untuk mengakhiri seleksi >Aktifkan Move Tool, sampai muncul gambar gunting pada Cursor >Drag gambar pada Banner Selection >Ubah nama Layer menjadi Biru

66 >Kembali ke gambar yang akan kita seleksi kembali Untuk menghilangkan seleksi pada gambar yang berwarna biru >Klik Select >Klik Deselect atau dapat juga dengan CTRL + D

67 Yang kedua kita seleksi gambar yang berwarna kuning. >Aktifkan Move Tool

68 >Drag ke lembar kerja Banner Selection >Letakkan pada tegah-tengah gambar berwarna Biru pada lembar kerja Banner Selection

69 >Seleksi kembali gambar yang berwarna Merah Muda, sebelumnya hilangkan seleksi pada gambar berwarna Kuning dengan CTRL + D Jika sudah, >Aktifkan Move Tool >Drag kembali ke lembar kerja Banner Selection

70 >Stur sesuai posisi yang di inginkan Untuk gambar berwarna Merah Muda ini, kita akan putar >Klik Edit >Free Ttransform

71 Tampak hasilnya Banner Selection Drag gambar Merah Muda ke posisi bertumpuk dengan warna Biru dan Enter jika posisi dirasa sudah seperti yang diinginkan. Kita seleksi kembali gambar yang berwarna hijau sebelumnya kita hilangkan seleksi pada gambar berwarna merah muda dengan CTRL + D. Jika sudah,

72 >Aktifkan Move Tool dan drag ke lembar kerja Banner Selection >Letakkan pada tegah-tengah gambar berwarna Biru Tampak hasilnya Banner Selection Kita seleksi kembali gambar yang berbentuk kotak sebelumnya kita hilangkan seleksi pada gambar berwarna Hijau dengan CTRL + D

73 Jika sudah, >Aktifkan Move Tool >Drag ke lembar kerja Banner Selection >Letakkan bertumpuk seperti berikut Tampak hasilnya Banner Selection

74 >Rapikan Layer dengan memberi Nama Layer >Pindahkan Layer Biru ke atas Layer Merah Muda (Pink)

75 >Aktifkan Layer Biru >Blending Mode Liniear Burn Geser ke atas

76 Maka warna Biru akan tercampur dengan warna Pink Dan untuk membuat seleksi yang disebelah kanan, kita drag kembali gambar pada computer ke program Photoshop

77 Karena pada gambar ini Layar Transparan maka kita pindahkan tanpa menggunakan Selection ke Banner Selection Kita akan membuat gradasi pada background dengan mengaktifkan Gradient Tool pada Toolbar Hasilnya setelah pindah di Layer Banner Selection

78 >Gunakan Linear Gradient pada Option Tool >Warna yang akan kita gunakan adalah Putih dan Abu-abu >Tarik dari kanan ke kiri

79 Tampak hasilnya setelah di Gradiasi 2. Memberikan Teks pada Banner Kita akan memberikan tulisan pada banner >Aktifkan Text Tool pada Toolbar >Ubah Font menjadi Arial

80 >Warna Font 8f8cbe >Ukuran Font 18 pt

81 >Ketik INNOVATIVE & CREATIVE BANNER Berikan lagi tulisan diatasnya

82 >Aktifkan Text Tool pada Toolbar >Warna Font Pink yang ada pada banner >Ukuran Font 24pt >Ketik Creative Banner Design

83 Kita hilangkan Bold pada tulisan Innovative & Creative Banner >Blok tulisan >Pilih Regular pada Toolbar Yang terakkhir kita akan merapikan Layer dengan membuat Grouping

84 >Tekan Shift dan klik mulai dari Layer Kotak sampai Layer Kuning >CTRL + G

85 Selanjutnya buat Group 1 sebagai Layer dengan CTRL + E untuk menggabungkan isi Group menjadi Layer, agar dapat mengaktifkan Efek Layer Fill secara menyeluruh >Klik Fx >Drop Shadow >Opacity 45% >Distance 4px >Ok

86 Maka banner telah selesai kita design

87 6.1 MASKING INTRODUCTION Kita akan belajar untuk memahami pengertian dari fungsi Layer Masking. Sesuai dengan namanya dari Layer Masking, dari Mask berarti topeng atau penutup sementara. Mask atau penutup ini dapat menutupi seluruh Mask atau hanya bagian tertentu saja. Bagian yang tertutup tentunya tidak akan terlihat, begitupun sebaliknya bagian yang tidak tertutup pastinya akan terlihat. Dapat kita lihat pada contoh dibawah ini. Badut yang keluar dari ipad ini, dapat menutupi ipad dan kita juga dapat membuka kembali background badut agar ipad tidak terlihat, itulah yang dimaksud dengan masking. Pada Photoshop, Masking hanya mengenal dua warna saja yaitu : 1. Hitam ( untuk menutup topeng atau Masking) 2. Putih (untuk membuka Masking) Jika warna abu-abu (perpaduan antara hitam dan putih) maka nanti warna akan menjadi transparan, jadi akan terlihat samar antara terbuka atau tertutup. Pada Layer Masking kita juga akan dapat bantuan dari Toolbox agar pembuatan Masking terlihat rapi.

88 Pertama kita akan belajar membuat Masking terhadap tulisan terlebih dahulu. >Klik File >New >Width 900 px >Height 200 px >Beri nama menjadi Text Masking >OK Lembar kerja Photoshop siap digunakan

89 kita akan belajar membuat banner seperti dibawah ini, dimana tulisannya memiliki Background sendiri. Pertama kita akan Import gambar orang dengan drag gambar dari komputer ke Photoshop. >Ambil gambr dari File komputer

90 Gambar setelah masuk ke program Photoshop >Perbesar gambar dengan Free Transform

91 Tampak hasilnya setelah melaui pengaturan Kemudian kita akan Import gambar background tulisan ke dalam Photoshop >Letakkanlah gambar pada sebelah File Text Masking

92 Langsung saja kita mulai membuat tulisan >Aktifkan Text Tool terlebih dahulu >Size Font 36 pt

93 >Font Arial >Menggunakan rata kiri

94 >Ketik Corporate Kemudian kita tuliskan : > IT TAKES KNOW HOW enter to solve complex enter construction problem Untuk warna tulisan tidak mempengaruhi karena kita akan mengambil background gedung tersebut.

95 Pada Layer Background, terdapat gambar gembok dan kita harus membuka gembok tersebut terlebih dahulu >Doube klik Icon Gembok agar dapat melakukan Masking Maka Icon Gembok akan hilang dan kita dapat melakukan Masking >Klik Icon T pada Layer Text >Tekan CTRL dan klik Icon Layer untuk menyeleksi langsung seluruh objek yang terkandung dalam Layer

96 Otomatis text akan terseleksi dengan sendirinya Kemudian kita aktifkan background buka gembok >klik add Layer Mask (Tool Masking)

97 kemudian klik Icon Mata untuk menghilangkan tampilan Layer Dapat kita lihat, Font akan memiliki background gedung Akan kita copy : >Klik dan geser Layer ke File Photoshop utama >Tekan CTRL + T untuk memperbesar atau memperkecil tulisan sesuai dengan keinginan anda.

98 Tampak hasilnya Import kembali gambar dari komputer, drag gambar ke lembar utama, kemudian kita letakkan gambar diantara gambar orang dan tulisan. Yang terakhir kita beri background gedung seperti background yang terdapat pada tulisan. Dengan terlebih dahulu menghapus File text. Kemudian drag gambar gedung pada komputer anda di sebelah File utama.

99 >Import gambar masukkan ke dalam program Photoshop >Aktifkan Polygonal Lasso Tool untuk menyeleksi gambar. >Seleksi gambar

100 Aktifkan move tool dan drag gambar yang telah kita seleksi Setelah di indah di Layer Utama

101 Letakkan Layer dibawah layer background. Geser ke bawah Dan kita kecilkan opacitynya menjadi 13%. Maka masking text telah selesai kita kerjakan

102

103 6.2 IMAGE MASKING MONTAGING Kita akan belajar menggabungkan beberapa gambar dengan teknik Masking Montaging, kali ini kita akan membuat gambar seperti contoh dibawah ini. Langsung saja kita membuat File Baru pada Photoshop >File >New >Width 900 px >Height 326 px >Beri Nama File Masking Photo Montaging >Import gambar ipad pada komputer kita ke lembar kerja Photoshop

104 Sebelumnya kita akan membuat Gradiasi : 1. Background warna Abu-abu (#e1e1e1) 2. Foreground warna Putih (#fffefe) >Klik Linear Gradient pada Option Tool

105 >Klik dan tarik dari atas ke bawah Maka hasilnya seperti ini

106 Import kembali gambar dari komputer dan drag ke lembar kerja pada Photoshop Kita akan membuat seolah-olah background dari ipad adalah gambar tersebut. >Geser gambar berada tepat dibelakang ipad

107 >Letakkan Layer Gambar diatas Layer ipad Tampak hasil sementara Agar gambar tersebut seolah adalah background dari ipad yang harus anda lakukan adalah mengurangi Opacity dari gambar tersebut

108 Setelah itu kita akan membuang sisa gambar yang berada diluar ipad >Aktifkan Layer Mask >Muncul rantai dan gambar kotak putih seperti pada Layer tersebut Kita aktifkan selection pada toolbar.

109 >Seleksi gambar mulai dari dalam ipad >Tekan Shift untuk meluruskan garis >Klik kanan >Select Inverse, untuk membuat seleksi objek menjadi arah yang berlawanan. Biasanya yang terseleksi adalah yang berada didalam kotak seleksi, dengan select Inverse ini yang terseleksi adalah yang berada diluar kotak seleksi

110 Kita aktifkan kembali Layer Masking >Klik Foreground > Beri warna Hitam

111 >Klik Brush Tool >Sesuaikan Size dan Hardness >Klik kiri bagian yang di hapus, bagian dalam tidak akan terhapus karena telah kita seleksi sebelumnya

112 Kalau sudah di hapus akan tampak seperti ini >Jika sudah selesai klik Select >Klik Deselect

113 >Opacity perbesar menjadi 95% >Untuk Resize klik pada Layer aslinya

114 >Klik CTRL + T dan drag garis Selanjutnya kita Import gambar badut pada komputer dan drag pada lembar kerja Photoshop

115 Pada gambar tersebut masih terdapat background dari badut yang berwarna putih menutupi ipad Maka kita akan menghilangkan background putih tersebut : >Aktifkan Layer Mask >Magic Wand Tool >Klik pada background putih pada badut, dan otomatis akan terseleksi

116 Pada rambut badut masih terdapat warna putih dan badannya masih keluar dari ipad Kita akan merapikannya dengan mengatur Brush untuk menghilangkan warna putih yang ada pada rambutnya seolah-olah kita mencukur rambut badut tersebut.

117 Atur Brush pada Size dan Hardness Kemudian Brush tepi rambut yang ada warna putihnya Seolah olah kita sedang mencukur rambut

118 Setelah selesai merapikan rambut badut, langkah selanjutnya kita merapikan badan dari badut tersebut dengan terlebih dahulu mengurangi Opacity badut dan dibantu dengan >Selection Tool >Gunakan Brush Tool dengan warna Hitam. >Kemudian tekan CRTL + D untuk Deselect (menghilangkan seleksi)

119 >Kembalikan Opacity menjadi 100% Maka badut seolah-olah keluar dari ipad

120 Selanjutnya kita akan mengambil kembali gambar badut yang kedua dari komputer, dan kita drag ke lembar kerja Photoshop kita Agar kita dapat membedakan antara background badut dengan background aslinya maka kita akan membuat background aslinya terlihat Transparan >klik mata pada Layer Background

121 >Aktifkan Magic Wand Tool >Klik warna putih pada background badut

122 Karena pada tangan badut juga berwarna putih, maka akan ikut terhapus. Bagaimana caranya agar tangan badut tidak ikut terhapus? >Aktifkan kembali Layer Mask >Magic Wand Tool >Tolerance 15

123 >Aktifkan Layer Masking badut tersebut >Klik pada background badut tersebut

124 >Klik Select Brush dan hapus background badut Tampak hasilnya bacground badut yang telah di hapus

125 Rapikan warna putih yang ada pada rambut, kemudian Resize badut. >Untuk Transform Image jangan aktifkan Layer Masking tetapi aktifkan Layer Asli gambar tersebut

126 >Tekan CTRL + T untuk Resize Atur sesuaikan dengan kebutuhan

127 Ada bagian yang masih perlu kita Masking kembali. Kita akan merapikannya dengan cara Masking >Aktifkan Layer Masking >Selection Tool

128 >Seleksi bagian yang akan kita hapus >Hapus menggunakan Brush Tool

129 Setelah semuanya rapi, kita kembalikan background kembali >Klik munculkan gambar Mata lagi Agar Layer terlihat rapi, kita akan Grouping Layer dengan CTRL + G dan kita beri nama Group ipad+badut Selanjutnya kita akan menduplikasi Group tersebut >Klik kanan >Duplicate Group

130 >Kemudian CRTL + E untuk menggabungkan Group menjadi Layer >Kemudian letakkan Group Copy dibawah Group Utama Selanjutnya membuat Bayangan >Klik Edit >Transform >Flip Vertical

131 Letakkan bayangan dibawah gambar utama Kita kurangi opacity pada layer bayangan tersebut menjadi 20%. Tampak hasilnya

132 Selanjutnya kita drag Logo Apple kedalam lembar kerja Photo >Perkecil ukuran gambar

133 Terakhir kita ambil gambar bertulis ipad 2 kedalam lembar kerja Photoshop Background putih pada tulisan ipad akan kita hapus >Klik Layer Mask >Klik background putih pada tulisan ipad >Select >Similar (untuk menyeleksi objek berdasarkan kesamaan warna)

134 Silahkan seleksi pada background putih ipad Perkecil dan letakkan tulisan dibawah logo

135 >Aktifkan Text Tool >Ketik more atractive, facetime, smart cover, 10 hours battery >Baris rata tengah >Size Font 14pt

136 >Font Bold >Jenis Font Arial

137 Terakhir kita akan membuat Button dengan warna Kuning >Rounded Ractangle Tool Pastikan pada option adalah shape. Tampak Hasilnya

138 >Gunakan Layer Fx >Pilih Inner Shadow >Opacity 75%

139 >Warna Abu-abu (#6d6d6d) >Pada Bevel & Emboss >Klik warna Shadow Mode

140 >Beri warna Aabu-abu >Color Overlay

141 >Beri warna #ffc200 >Beri text SHOP NOW >Klik Text Tool >Jenis Font sesuaikan dengan kebutuhan >Size Font sesuaikan dengan kebutuhan >Ubah warna Font menjadi Putih

142 >Letakkan tulisan didalam tombol berwarna Kuning tersebut Maka banner telah selesai kita buat

143

babastudio.com babastudio.com

babastudio.com babastudio.com 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

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

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

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

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

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

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

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

SOAL PILIHAN GANDA PREDIKSI UAS GENAP PENGOLAHAN CITRA DIGITAL KELAS XI MULTIMEDIA

SOAL PILIHAN GANDA PREDIKSI UAS GENAP PENGOLAHAN CITRA DIGITAL KELAS XI MULTIMEDIA SOAL PILIHAN GANDA PREDIKSI UAS GENAP PENGOLAHAN CITRA DIGITAL KELAS XI MULTIMEDIA PILIHLAH JAWABAN YANG PALING TEPAT 1. Suatu bidang ilmu yang mempelajari bagaimana membangun dan merancang objek visual

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

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

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

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

Latihan Menggunakan Polygonal Lasso Tool Latihan Menggunakan Quick Mask Mode Latihan Menggunakan Filter Extract...77

Latihan Menggunakan Polygonal Lasso Tool Latihan Menggunakan Quick Mask Mode Latihan Menggunakan Filter Extract...77 Daftar Isi Kata Pengantar...vii Daftar Isi...ix Bab 1 Latihan Menggunakan Magic Wand Tool...1 Bab 2 Latihan Menggunakan Rectangular Marquee Tool...11 2.1 Feather...16 2.2 New, Add, Subtract, dan Intersect...22

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

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

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

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

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 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

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

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

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

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

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

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

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

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

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

Image Processing Interface Desin

Image Processing Interface Desin 2008 Image Processing Interface Desin http://muhammadadri.net Tulisan ini merupakan salah satu modul praktik yang ditulis untuk digunakan dalam pengembangan bahan ajar Multimedia, dalam proses pengolahan

Lebih terperinci

DAFTAR ISI BAB 1 Menyeleksi Menjadi Lebih Mudah... 1 BAB 2 Seleksi Cara Tradisional... 5

DAFTAR ISI BAB 1 Menyeleksi Menjadi Lebih Mudah... 1 BAB 2 Seleksi Cara Tradisional... 5 DAFTAR ISI Kata Pengantar... v Daftar Isi... vii BAB 1 Menyeleksi Menjadi Lebih Mudah... 1 1.1 Esensi Seleksi... 2 1.2 Menguasai Dunia Photoshop CS2... 3 BAB 2 Seleksi Cara Tradisional... 5 2.1 Menyeleksi

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

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

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

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

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

MODUL 5 PRAKTIKUM MULTIMEDIA EDITING FOTO DENGAN PHOTOSHOP CS4

MODUL 5 PRAKTIKUM MULTIMEDIA EDITING FOTO DENGAN PHOTOSHOP CS4 MODUL 5 PRAKTIKUM MULTIMEDIA EDITING FOTO DENGAN PHOTOSHOP CS4 Tim Penyusun : Nani Setyo Wulan S.Pd. Katrina Flomina S.Pd. JURUSAN TEKNIK KOMPUTER JARINGAN PERSIAPAN AKADEMI KOMUNITAS SOLOK SELATAN PDD

Lebih terperinci

Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik. Kompetensi Dasar

Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik. Kompetensi Dasar 1 Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik. Kompetensi Dasar : 1.2. Menggunakan menu ikon yang terdapat dalam perangkat lunak pembuat grafis Adobe Photoshop Indikator Pencapaian:

Lebih terperinci

photoshop STEP 2 tekan dan tahan tombol Alt create new fill or adjustment layer Brightness/Contrast

photoshop STEP 2 tekan dan tahan tombol Alt create new fill or adjustment layer Brightness/Contrast Persiapkan dokumen dengan background berwarna hitam. Lalu masukkan gambar ke photoshop lalu cropping gambar tersebut. Gambar pada tutorial ini bisa ditemukan disini. Untuk cropping gambar di 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

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

BAB I PENDAHULUAN PHOTOSHOP CS2

BAB I PENDAHULUAN PHOTOSHOP CS2 BAB I PENDAHULUAN PHOTOSHOP CS Photoshop merupakan aplikasi desain grafis yang sangat kompleks. Hasil olahan Photoshop dapat berupa iklan, poster, film, video games hingga animasi.. Memulai Photoshop CS

Lebih terperinci

Silent Blue. Project 1

Silent Blue. Project 1 Project 1 Silent Blue Dalam Project Silent Blue ini, Anda akan diajak untuk menggunakan tool-tool yang kerap digunakan dalam mengolah foto digital (retouching), yaitu: Burn tool dan Dodge tool. Project

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

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

PROGRAM STUDI TEKNIK KOMPUTER JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 6

PROGRAM STUDI TEKNIK KOMPUTER JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 6 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

Gajah Bermata Satu. Project 1

Gajah Bermata Satu. Project 1 Project 1 Gajah Bermata Satu Dalam project pertama ini kita akan membuat manipulasi gajah yang mempunyai mata satu, mungkin di kehidupan nyata ini jarang terjadi namun dengan Photoshop kita bisa membuatnya.

Lebih terperinci

Kreasi Bingkai Gokil

Kreasi Bingkai Gokil 1 Kreasi Bingkai Gokil Bab ini membahas: Kreasi Foto Wajah dalam Bingkai Mata Kreasi Foto Wajah dalam Bingkai Blackhole Kreasi Foto Wajah dalam Bingkai Mulut Kreasi Foto Wajah dalam Bingkai Telapak Tangan

Lebih terperinci

Spesifikasi: Ukuran: 11x18 cm Tebal: 200 hlm Harga: Rp Terbit pertama: September 2005 Sinopsis singkat:

Spesifikasi: Ukuran: 11x18 cm Tebal: 200 hlm Harga: Rp Terbit pertama: September 2005 Sinopsis singkat: Spesifikasi: Ukuran: 11x18 cm Tebal: 200 hlm Harga: Rp 22.800 Terbit pertama: September 2005 Sinopsis singkat: Buku ini mengulas rahasia dan sisi tersembunyi Adobe Photoshop CS2 yang biasanya jarang diungkap

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

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

PHOTOSHOP PANDUAN BELAJAR. Bagian Pertama SUDAH DIPRAKTEKAN SECARA KLINIS DAN SISTEMATIS. Dibuat oleh : K A M A L U D I N

PHOTOSHOP PANDUAN BELAJAR. Bagian Pertama SUDAH DIPRAKTEKAN SECARA KLINIS DAN SISTEMATIS. Dibuat oleh : K A M A L U D I N PANDUAN BELAJAR PHOTOSHOP Bagian Pertama SUDAH DIPRAKTEKAN SECARA KLINIS DAN SISTEMATIS Dibuat oleh : K A M A L U D I N DAFTAR ISI 1. Cara memasukan foto kedalam template... 2. Cara menghaluskan wajah...

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

Mengganti Warna Background Pas Foto dengan Menggunakan

Mengganti Warna Background Pas Foto dengan Menggunakan Mengganti Warna Background Pas Foto dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando Selamat datang di tutorial mengganti warna background pas foto dengan menggunakan software adobe photoshop. Tutorial

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

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

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

Fendy Novafianto

Fendy Novafianto Fendy Novafianto fendynovafianto@ymail.com MENGENAL MACROMEDIA FLASH 8 A. Interface Flash Macromedia Flash merupakan salah satu program animasi 2D vector yang sangat handal. Disini kita bisa membuat animasi

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 D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 3 Teknik Masking

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

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 1 Konsep Layer dan Tool Dasar

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

Lebih terperinci

Gambar 1.1. Fill dan Stroke

Gambar 1.1. Fill dan Stroke MENGGAMBAR OBJEK Menggambar objek sederhana dengan menggunakan Adobe Flash CS6. Objek yang akan kita gambar adalah Gajah. Tools yang akan digunakan diantaranya Oval Tool (O) dan Line Tool (N) untuk membuat

Lebih terperinci

BERKREASI DENGAN PAINT TEXTURE

BERKREASI DENGAN PAINT TEXTURE BERKREASI DENGAN PAINT TEXTURE Hi guys! Gw kembali lagi dengan tutorial yang baru nih. Sebelumnya karya ini sudah pernah gw posting di halaman arwork, tapi kali ini gw posting tutorialnya. Sudah pada mencoba

Lebih terperinci

Mari kita mulai! Langkah 1: Tambahkan Kosong New Layer

Mari kita mulai! Langkah 1: Tambahkan Kosong New Layer Photoshop tutorial, kita akan mempelajari cara mudah membuat dan menambahkan petir untuk gambar dengan Photoshop! Ada beberapa cara yang berbeda untuk membuat petir menggunakan Photoshop. Cara kita akan

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

Image Processing Banner Design

Image Processing Banner Design 2008 Image Processing Banner Design http://muhammadadri.net/ Tulisan ini merupakan salah satu modul praktik yang ditulis untuk digunakan dalam pengembangan bahan ajar Multimedia, dalam proses pengolahan

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

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

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

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

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

Desain Photoshop dibuat menggunakan Layer / Lapisan transparan yang disatukan membentuk suatu Objek gambar yang baru.

Desain Photoshop dibuat menggunakan Layer / Lapisan transparan yang disatukan membentuk suatu Objek gambar yang baru. MODUL PHOTOSHOP I 1. Pengenalan Konsep Adobe Photoshop Photoshop merupakan software graffis untuk pengolahan gambar Bitmap. Software ini banyak digunakan para praktisi graffis dan desain untuk keprluan

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

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

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

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

MODUL PELATIHAN MEDIA PUBLIKASI ADOBE PHOTOSHOP CS6

MODUL PELATIHAN MEDIA PUBLIKASI ADOBE PHOTOSHOP CS6 MODUL PELATIHAN MEDIA PUBLIKASI ADOBE PHOTOSHOP CS6 Part 1 Selamat Membaca^^ A. Pengenalan Adobe Photoshop Adobe Photoshop merupakan perangkat lunak editor citra yang dibuat oleh Adobe Systems yang dikhususkan

Lebih terperinci

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 5

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

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

PHOTOSHOP. Software ini digunakan untuk berbagai keprluan seperti: Percetakan, Photo Studio dll...

PHOTOSHOP. Software ini digunakan untuk berbagai keprluan seperti: Percetakan, Photo Studio dll... PHOTOSHOP 1. Pengenalan Konsep Adobe Photoshop Photoshop merupakan software graffis untuk pengolahan gambar Bitmap. Software ini banyak digunakan para praktisi graffis dan desain untuk keprluan bisnis

Lebih terperinci

Iman Adrianto

Iman Adrianto Teknik Seleksi Mudah dalam Adobe Photoshop CS Iman Adrianto Iman_adri@yahoo.com Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan

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

E-trik Adobe Illustrator CS2. Desain Kaos... Maxikom. fandi

E-trik Adobe Illustrator CS2. Desain Kaos... Maxikom. 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

Modul 1 PENGENALAN ADOBE FLASH

Modul 1 PENGENALAN ADOBE FLASH Modul 1 PENGENALAN ADOBE FLASH INDIKATOR PENCAPAIAN HASIL BELAJAR Peserta dapat memahami fungsi bagian-bagian dalam tampilan Adobe Flash. Peserta dapat membuat bentuk dasar (shape) mengunakan Adobe Flash.

Lebih terperinci

Chendra Hadi S.

Chendra Hadi S. Cepat Mahir Adobe Photoshop 8.0 chendrahadi@yahoo.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

Lebih terperinci