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