SlideShare une entreprise Scribd logo
1  sur  13
Télécharger pour lire hors ligne
“DASAR DESAIN GAMBAR PHOTOSHOP”

DISUSUN OLEH :
DEKA MUKHAMAD WILDAN
SKS 12.2
410391290015

TAHUN AKADEMIK 2013
SEKOLAH TINGGI ELEKTRONIKA DAN KOMPUTER

( STEKOM )
PENGENALAN ADOBE PHOTOSHOP
Adobe Photoshop merupakan salah satu program aplikasi yang ditujukan untuk
menyunting dan memanipulasi image (image-editing). Dengan Adobe Photoshop Anda dapat
dengan mudah membuat dan menyunting image dengan kualitas yang tinggi yang siap untuk
dicetak, ditempatkan di situs Web dan untuk keperluan lainnya.
Adobe Photoshop merupakan program aplikasi pengolah image atau gambar Bitmap.
Image atau gambar Bitmap yang sering disebut Raster, merupakan gambar yang dibentuk dari
grid-grid warna. Grid ini adalah elemen dasar dari sebuah image atau gambar yang disebut pixel
atau picture elements. Pada saat Anda menyunting image atau gambar, proses yang terjadi
sebenarnya adalah Anda hanya menyunting lokasi pixel-pixel ini. Gambar bitmap ini biasanya
digunakan pada fotografi atau digital
painting sehingga mode ini sangat bergantung pada tingkat kepadatan (resolusi) grid
pixel-nya. Semakin tinggi resolusi sebuah image atau gambar, maka pixel yang dikandungnya
akan semakin banyak dan semakin rapat sehingga image atau gambar akan mempunyai detail
yang lebih baik atau nyata. Namun perlu diperhatikan bahwa semakin besar resolusi sebuah
image atau gambar akan berakibat ukuran filenya semakin besar.
MENU PADA ADOBE PHOTOSHOP
KETERANGAN MENU :
Option Bar/Baris Option
Tampilan pada option bar akan berubah dinamis sesuai tool yang digunakan.
Toolbox
Fasilitas untuk mengedit atau memanipulasi image dengan tool-tool yang ada.
Pallete Navigator/Pallete Well
Fasilitas yang digunakan untuk menggeser atau memperbesar gambar yang ada melalui salinan
miniature gambar. Bagian tengahnya disebut Thumbnail.
Pallete Color
Untuk merubah warna sesuai yang diinginkan.
Canvas/Jendela Kerja
Area yang akan digunakan untuk meletakkan objek.
Status Bar/Baris Status
Berisi informasi ukuran file, waktu,gambar, dan keterangan tool yang sedang aktif.
Icon Control Menu
Lambang ikon pada aplikasi Adobe Photoshop, yang berfungsi untuk menampilkan menu
pengaturan jendela Adobe Photoshop.
Menu Bar/Baris Menu
Berisi Menu perintah dari Adobe Photoshop, seperti pengaturan canvas, editing gambar,
pemberian efek warna, dan lain sebagainya.
MENYELEKSI GAMBAR DENGAN RECTANGULAR TOOL
Adobe Photoshop merupakan software aplikasi pengolah gambar bitmap, dengan
menggunakan tool-tool dari photoshop, kita dapat memberikan efek pada gambar dan juga bisa
menggabungkan 2 atau lebih gambar untuk dijadikan satu obyek. Pada tutorial job1 kali ini akan
dibahas mengenai penggunaan Rectangular dan Feather Rectangular pada gambar, dengan
langkah-langkah sebagai berikut :
1. Buka aplikasi Adobe Photoshop, dengan tampilan menu standar seperti gambar di
bawah ini :

2. Setelah itu klik menu File – Pilih New untuk membuat project baru atau bisa juga
dengan menekan tombol kombinasi Ctrl+N pada keyboard.

3. Kemudian beri nama project misal job1part1, pada preset pilih custom, lalu pada
width ukurannya 1181 dengan satuan pixels dan height 1476 dengan satuan pixels,
color mode RGB dengan tipe warna 8 bit dan Background Content pilih Transparent,
lalu klik OK.
4. Dan hasilnya akan terlihat seperti gambar di bawah ini :

5. Selanjutnya tampilkan garis bantu untuk membuat ukuran di setiap canvasnya,
dengan cara klik menu View – pilih Rulers, atau bisa juga dengan menekan tombol
kombinasi Ctrl+R pada keyboard

6. Setelah itu masukkan obyek gambar dari komputer dengan cara klik menu File – pilih
Open atau tekan tombol kombinasi Ctrl+O.
7. Kemudian pilih gambar yang akan dimasukkan ke dalam project photoshop, lalu klik
open.

8. Selanjutnya beri garis ukur di dalam project dengan cara klik ujung penggaris/ruler
vertikal dan tarik ke samping dan ulangi lagi letakkan tepat pada masing-masing
angka. Kemudian lakukan hal yang sama pada penggaris/ruler horizontal, dan
hasilnya seperti gambar di bawah ini :

Ruler Horizontal 

Ruler Vertical 
9. Selanjutnya masukkan semua gambar ke dalam project dengan cara drag drop gambar
ke project dengan catatan ikon kursor harus Toolbox Move Tool, dan hasilnya seperti
gambar di bawah ini :

10. Setelah itu pilih salah satu gambar misal gambar pohon dan letakkan posisinya paling
atas, dengan cara klik gambar pohon yang terdapat pada daftar layers, lalu tarik ke
atas sampai tidak ada gambar di atas gambar pohon.

Gambar yang 
dipilih 

11. Selanjutnya klik menu Rectangular Tool pada toolbox dan ubah feathernya yang
terdapat pada menu Preset Tool menjadi 30px, kemudian blok beberapa kotak yang
sudah diberi garis, mulai dari tengah ke bawah lalu ke samping kanan, seperti gambar
di bawah ini :

Gambar yang di blok 
dengan Rectangular 
Pada feather jika ingin menyeleksi objek tanpa efek feather bisa diubah menjadi 0px.
12. Setelah itu letakkan pointer pada gambar daun merah, lalu ubah bentuk kursor dalam
mode menu move tool agar bisa mencopy objek yang dipilih dengan rectangular,
kemudian tekan tombol Ctrl+C untuk mencopy dan tekan tombol Ctrl+V untuk mem
paste dan letakkan layer gambar daun merah copy diatas layer pohon

Layer gambar daun merah copy  

13. Selanjutnya seleksi, copykan dan susun layer-layer lainnya dengan cara yang sama
sehingga membentuk seperti gambar di bawah ini :
14. Setelah semua gambar telah diseleksi, di copy dan disusun, kemudian buat layer baru
lagi dengan posisi layer paling atas dengan cara klik ikon Create new layer
terletak pada menu Layer Tool bagian bawah.

15. Kemudian beri warna biru dengan cara klik ikon foreground
warna kuning pada color picker, lalu klik ok.

yang

, setelah itu beri

16. Selanjutnya blok layer baru tersebut menjadi warna kuning yang sudah diganti tadi
dengan cara klik kanan pada ikon menu gradient tool
pada menu toolbox, lalu
pilih menu Paint bucket tool yang berikon ember, setelah itu klik pada projectnya,
dan hasilnya akan terlihat seperti gambar di bawah ini :
17. Setelah itu klik Rectangular Tool dan seleksi bagian tengah layer baru yang bernama
layer 16 yang diberi warna kuning tersebut, dan ubah point feathernya menjadi 30px,
kemudian tekan tombol delete dan hasilnya akan terlihat seperti gambar di bawah ini :

18. Selanjutnya tekan tombol Ctrl+D, kemudian pindahkan dan susun layer-layer dengan
objek gambar kecil diatas layer 16 yang berwarna kuning tersebut, seperti gambar di
bawah ini :
19. Setelah itu install font Cataneo BT dan font Edwardian Script ITC dengan cara
copykan font, lalu buka control panel – lalu buka menu Fonts dan paste kan
didalamnya.

20. Selanjutnya buat tulisan di dalam project dan letakkan paling atas layer dengan cara
klik ikon menu Horizontal Type Tool
tulisannya seperti gambar di bawah ini :

, lalu klik di dalam project, Buat model
Pada huruf F pada kata Four ganti bentuk fontnya menjadi Edwardian Script ITC, sedangkan
teks lainnya ganti dalam bentuk font Cataneo BT.
21. Selanjutnya buat project baru lagi dengan bentuk praktikum sama seperti di atas
dengan objek yang berbeda, dengan hasil seperti contoh gambar di bawah ini :

Contenu connexe

Tendances

Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliahTutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliahAyana Shahab
 
Tutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshopTutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshopsalmon7301
 
Graphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyantoGraphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyantoYasir Partomo
 
Membuat Header dengan Adobe Photoshop
Membuat Header dengan Adobe PhotoshopMembuat Header dengan Adobe Photoshop
Membuat Header dengan Adobe PhotoshopRyan Pangeran
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuugultommauritz
 
Step2 pembuatan banner[1]
Step2 pembuatan banner[1]Step2 pembuatan banner[1]
Step2 pembuatan banner[1]iron212
 
Kreasi dengan photoshop
Kreasi dengan photoshopKreasi dengan photoshop
Kreasi dengan photoshoprizkyrr
 
Membuat animasi dengan menggunakan macromedia flash
Membuat animasi dengan menggunakan macromedia flashMembuat animasi dengan menggunakan macromedia flash
Membuat animasi dengan menggunakan macromedia flashdhamar3
 
Modul adobe photoshop 7
Modul adobe photoshop 7Modul adobe photoshop 7
Modul adobe photoshop 7Agus Nepster
 
Materi photoshop-1
Materi photoshop-1Materi photoshop-1
Materi photoshop-1Edith Tama
 
Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Nina Safitri
 
Tutorialphotoshop
TutorialphotoshopTutorialphotoshop
Tutorialphotoshopzickyn
 
Primary picture ilmugrafis facebook
Primary picture ilmugrafis facebookPrimary picture ilmugrafis facebook
Primary picture ilmugrafis facebookAgung Yuwono
 
Metode praktis-pemodelan-3 d-dengan-autocad
Metode praktis-pemodelan-3 d-dengan-autocadMetode praktis-pemodelan-3 d-dengan-autocad
Metode praktis-pemodelan-3 d-dengan-autocadHasna Globalstuff
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4Devi Apriansyah
 
Makalah Design Grafis
Makalah Design Grafis Makalah Design Grafis
Makalah Design Grafis agusdeta
 
Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File SavePAMBAH.Corp
 

Tendances (20)

Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliahTutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
 
Tutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshopTutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshop
 
Graphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyantoGraphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyanto
 
Membuat Header dengan Adobe Photoshop
Membuat Header dengan Adobe PhotoshopMembuat Header dengan Adobe Photoshop
Membuat Header dengan Adobe Photoshop
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuu
 
Step2 pembuatan banner[1]
Step2 pembuatan banner[1]Step2 pembuatan banner[1]
Step2 pembuatan banner[1]
 
E-Book mahir photoshop CS 5
E-Book mahir photoshop CS 5E-Book mahir photoshop CS 5
E-Book mahir photoshop CS 5
 
Kreasi dengan photoshop
Kreasi dengan photoshopKreasi dengan photoshop
Kreasi dengan photoshop
 
Membuat animasi dengan menggunakan macromedia flash
Membuat animasi dengan menggunakan macromedia flashMembuat animasi dengan menggunakan macromedia flash
Membuat animasi dengan menggunakan macromedia flash
 
Modul adobe photoshop 7
Modul adobe photoshop 7Modul adobe photoshop 7
Modul adobe photoshop 7
 
Materi photoshop-1
Materi photoshop-1Materi photoshop-1
Materi photoshop-1
 
Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1
 
Membuat poster
Membuat posterMembuat poster
Membuat poster
 
Tutorialphotoshop
TutorialphotoshopTutorialphotoshop
Tutorialphotoshop
 
Primary picture ilmugrafis facebook
Primary picture ilmugrafis facebookPrimary picture ilmugrafis facebook
Primary picture ilmugrafis facebook
 
Metode praktis-pemodelan-3 d-dengan-autocad
Metode praktis-pemodelan-3 d-dengan-autocadMetode praktis-pemodelan-3 d-dengan-autocad
Metode praktis-pemodelan-3 d-dengan-autocad
 
Sampan
SampanSampan
Sampan
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4
 
Makalah Design Grafis
Makalah Design Grafis Makalah Design Grafis
Makalah Design Grafis
 
Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File Save
 

Similaire à dasar desain gambar dengan photoshop

Modul sistem multimedia 1
Modul sistem multimedia 1Modul sistem multimedia 1
Modul sistem multimedia 1Ubay Kucluk
 
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...imamsuryanto22
 
Langkah membuat brosur by nilam sari
Langkah membuat brosur by nilam sariLangkah membuat brosur by nilam sari
Langkah membuat brosur by nilam sariNilam Nilam
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flashAhmad Bashir
 
Kreasi logo android dengan photoshop
Kreasi logo android dengan photoshopKreasi logo android dengan photoshop
Kreasi logo android dengan photoshopAgung Yuwono
 
Teori dasar-photoshop
Teori dasar-photoshopTeori dasar-photoshop
Teori dasar-photoshop颖娜 黄
 
Mengenal adobe photoshop
Mengenal adobe photoshopMengenal adobe photoshop
Mengenal adobe photoshopJadi Apa
 
Tutorial corel draw part 4
Tutorial corel draw part 4Tutorial corel draw part 4
Tutorial corel draw part 4Deka M Wildan
 
Desain kalender kreatif
Desain kalender kreatifDesain kalender kreatif
Desain kalender kreatifAyu Febriyanti
 
Metode praktis-pemodelan-3 d-dengan-autocad-2
Metode praktis-pemodelan-3 d-dengan-autocad-2Metode praktis-pemodelan-3 d-dengan-autocad-2
Metode praktis-pemodelan-3 d-dengan-autocad-2Yayuk Setiyowati
 
Tutorial corel draw part 2
Tutorial corel draw part 2Tutorial corel draw part 2
Tutorial corel draw part 2Deka M Wildan
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 finaldkurnianto
 
Bab v-macromedia-flash-8
Bab v-macromedia-flash-8Bab v-macromedia-flash-8
Bab v-macromedia-flash-8Zuhdan Kamal
 
Materi photoshop-1
Materi photoshop-1Materi photoshop-1
Materi photoshop-1Agung Yuwono
 
Menggambar Teknik, UPB
Menggambar Teknik, UPBMenggambar Teknik, UPB
Menggambar Teknik, UPBadji21
 

Similaire à dasar desain gambar dengan photoshop (20)

Modul sistem multimedia 1
Modul sistem multimedia 1Modul sistem multimedia 1
Modul sistem multimedia 1
 
Adobe photoshop-7
Adobe photoshop-7Adobe photoshop-7
Adobe photoshop-7
 
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...
 
Langkah membuat brosur by nilam sari
Langkah membuat brosur by nilam sariLangkah membuat brosur by nilam sari
Langkah membuat brosur by nilam sari
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash
 
Kreasi logo android dengan photoshop
Kreasi logo android dengan photoshopKreasi logo android dengan photoshop
Kreasi logo android dengan photoshop
 
Teori dasar-photoshop
Teori dasar-photoshopTeori dasar-photoshop
Teori dasar-photoshop
 
Mengenal adobe photoshop
Mengenal adobe photoshopMengenal adobe photoshop
Mengenal adobe photoshop
 
Tutorial corel draw part 4
Tutorial corel draw part 4Tutorial corel draw part 4
Tutorial corel draw part 4
 
Desain kalender kreatif
Desain kalender kreatifDesain kalender kreatif
Desain kalender kreatif
 
Tutorial
TutorialTutorial
Tutorial
 
Metode praktis-pemodelan-3 d-dengan-autocad-2
Metode praktis-pemodelan-3 d-dengan-autocad-2Metode praktis-pemodelan-3 d-dengan-autocad-2
Metode praktis-pemodelan-3 d-dengan-autocad-2
 
Modul1
Modul1Modul1
Modul1
 
Tutorial corel draw part 2
Tutorial corel draw part 2Tutorial corel draw part 2
Tutorial corel draw part 2
 
Corel draw
Corel drawCorel draw
Corel draw
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 final
 
Bab v-macromedia-flash-8
Bab v-macromedia-flash-8Bab v-macromedia-flash-8
Bab v-macromedia-flash-8
 
MATERI_FLASH_XI
MATERI_FLASH_XIMATERI_FLASH_XI
MATERI_FLASH_XI
 
Materi photoshop-1
Materi photoshop-1Materi photoshop-1
Materi photoshop-1
 
Menggambar Teknik, UPB
Menggambar Teknik, UPBMenggambar Teknik, UPB
Menggambar Teknik, UPB
 

Plus de Deka M Wildan

Tutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanTutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanDeka M Wildan
 
Tutorial membuat system login database
Tutorial membuat system login databaseTutorial membuat system login database
Tutorial membuat system login databaseDeka M Wildan
 
Tutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPTutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPDeka M Wildan
 
Fungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlFungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlDeka M Wildan
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Deka M Wildan
 
Project lanjutan database bioskop
Project lanjutan database bioskopProject lanjutan database bioskop
Project lanjutan database bioskopDeka M Wildan
 
Bab 2 php - Memasukkan Data
Bab 2 php  - Memasukkan DataBab 2 php  - Memasukkan Data
Bab 2 php - Memasukkan DataDeka M Wildan
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelDeka M Wildan
 
Bab 1 php koneksi php ke mysql
Bab 1 php   koneksi php ke mysqlBab 1 php   koneksi php ke mysql
Bab 1 php koneksi php ke mysqlDeka M Wildan
 
Tutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpTutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpDeka M Wildan
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptDeka M Wildan
 
Variabel dan Operator PHP
Variabel dan Operator PHPVariabel dan Operator PHP
Variabel dan Operator PHPDeka M Wildan
 
Pemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorPemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorDeka M Wildan
 
Pengenalan ER-Diagram
Pengenalan ER-DiagramPengenalan ER-Diagram
Pengenalan ER-DiagramDeka M Wildan
 
Pengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopPengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopDeka M Wildan
 
Praktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopPraktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopDeka M Wildan
 
Pengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPPengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPDeka M Wildan
 
Modul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLModul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLDeka M Wildan
 
Modul basis data (database)
Modul basis data (database)Modul basis data (database)
Modul basis data (database)Deka M Wildan
 
Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Deka M Wildan
 

Plus de Deka M Wildan (20)

Tutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanTutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaan
 
Tutorial membuat system login database
Tutorial membuat system login databaseTutorial membuat system login database
Tutorial membuat system login database
 
Tutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPTutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHP
 
Fungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlFungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sql
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP
 
Project lanjutan database bioskop
Project lanjutan database bioskopProject lanjutan database bioskop
Project lanjutan database bioskop
 
Bab 2 php - Memasukkan Data
Bab 2 php  - Memasukkan DataBab 2 php  - Memasukkan Data
Bab 2 php - Memasukkan Data
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabel
 
Bab 1 php koneksi php ke mysql
Bab 1 php   koneksi php ke mysqlBab 1 php   koneksi php ke mysql
Bab 1 php koneksi php ke mysql
 
Tutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpTutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web php
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascript
 
Variabel dan Operator PHP
Variabel dan Operator PHPVariabel dan Operator PHP
Variabel dan Operator PHP
 
Pemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorPemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operator
 
Pengenalan ER-Diagram
Pengenalan ER-DiagramPengenalan ER-Diagram
Pengenalan ER-Diagram
 
Pengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopPengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktop
 
Praktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopPraktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktop
 
Pengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPPengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHP
 
Modul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLModul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQL
 
Modul basis data (database)
Modul basis data (database)Modul basis data (database)
Modul basis data (database)
 
Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)
 

dasar desain gambar dengan photoshop

  • 1. “DASAR DESAIN GAMBAR PHOTOSHOP” DISUSUN OLEH : DEKA MUKHAMAD WILDAN SKS 12.2 410391290015 TAHUN AKADEMIK 2013 SEKOLAH TINGGI ELEKTRONIKA DAN KOMPUTER ( STEKOM )
  • 2. PENGENALAN ADOBE PHOTOSHOP Adobe Photoshop merupakan salah satu program aplikasi yang ditujukan untuk menyunting dan memanipulasi image (image-editing). Dengan Adobe Photoshop Anda dapat dengan mudah membuat dan menyunting image dengan kualitas yang tinggi yang siap untuk dicetak, ditempatkan di situs Web dan untuk keperluan lainnya. Adobe Photoshop merupakan program aplikasi pengolah image atau gambar Bitmap. Image atau gambar Bitmap yang sering disebut Raster, merupakan gambar yang dibentuk dari grid-grid warna. Grid ini adalah elemen dasar dari sebuah image atau gambar yang disebut pixel atau picture elements. Pada saat Anda menyunting image atau gambar, proses yang terjadi sebenarnya adalah Anda hanya menyunting lokasi pixel-pixel ini. Gambar bitmap ini biasanya digunakan pada fotografi atau digital painting sehingga mode ini sangat bergantung pada tingkat kepadatan (resolusi) grid pixel-nya. Semakin tinggi resolusi sebuah image atau gambar, maka pixel yang dikandungnya akan semakin banyak dan semakin rapat sehingga image atau gambar akan mempunyai detail yang lebih baik atau nyata. Namun perlu diperhatikan bahwa semakin besar resolusi sebuah image atau gambar akan berakibat ukuran filenya semakin besar. MENU PADA ADOBE PHOTOSHOP
  • 3. KETERANGAN MENU : Option Bar/Baris Option Tampilan pada option bar akan berubah dinamis sesuai tool yang digunakan. Toolbox Fasilitas untuk mengedit atau memanipulasi image dengan tool-tool yang ada. Pallete Navigator/Pallete Well Fasilitas yang digunakan untuk menggeser atau memperbesar gambar yang ada melalui salinan miniature gambar. Bagian tengahnya disebut Thumbnail. Pallete Color Untuk merubah warna sesuai yang diinginkan. Canvas/Jendela Kerja Area yang akan digunakan untuk meletakkan objek. Status Bar/Baris Status Berisi informasi ukuran file, waktu,gambar, dan keterangan tool yang sedang aktif. Icon Control Menu Lambang ikon pada aplikasi Adobe Photoshop, yang berfungsi untuk menampilkan menu pengaturan jendela Adobe Photoshop. Menu Bar/Baris Menu Berisi Menu perintah dari Adobe Photoshop, seperti pengaturan canvas, editing gambar, pemberian efek warna, dan lain sebagainya.
  • 4. MENYELEKSI GAMBAR DENGAN RECTANGULAR TOOL Adobe Photoshop merupakan software aplikasi pengolah gambar bitmap, dengan menggunakan tool-tool dari photoshop, kita dapat memberikan efek pada gambar dan juga bisa menggabungkan 2 atau lebih gambar untuk dijadikan satu obyek. Pada tutorial job1 kali ini akan dibahas mengenai penggunaan Rectangular dan Feather Rectangular pada gambar, dengan langkah-langkah sebagai berikut : 1. Buka aplikasi Adobe Photoshop, dengan tampilan menu standar seperti gambar di bawah ini : 2. Setelah itu klik menu File – Pilih New untuk membuat project baru atau bisa juga dengan menekan tombol kombinasi Ctrl+N pada keyboard. 3. Kemudian beri nama project misal job1part1, pada preset pilih custom, lalu pada width ukurannya 1181 dengan satuan pixels dan height 1476 dengan satuan pixels, color mode RGB dengan tipe warna 8 bit dan Background Content pilih Transparent, lalu klik OK.
  • 5. 4. Dan hasilnya akan terlihat seperti gambar di bawah ini : 5. Selanjutnya tampilkan garis bantu untuk membuat ukuran di setiap canvasnya, dengan cara klik menu View – pilih Rulers, atau bisa juga dengan menekan tombol kombinasi Ctrl+R pada keyboard 6. Setelah itu masukkan obyek gambar dari komputer dengan cara klik menu File – pilih Open atau tekan tombol kombinasi Ctrl+O.
  • 6. 7. Kemudian pilih gambar yang akan dimasukkan ke dalam project photoshop, lalu klik open. 8. Selanjutnya beri garis ukur di dalam project dengan cara klik ujung penggaris/ruler vertikal dan tarik ke samping dan ulangi lagi letakkan tepat pada masing-masing angka. Kemudian lakukan hal yang sama pada penggaris/ruler horizontal, dan hasilnya seperti gambar di bawah ini : Ruler Horizontal  Ruler Vertical 
  • 7. 9. Selanjutnya masukkan semua gambar ke dalam project dengan cara drag drop gambar ke project dengan catatan ikon kursor harus Toolbox Move Tool, dan hasilnya seperti gambar di bawah ini : 10. Setelah itu pilih salah satu gambar misal gambar pohon dan letakkan posisinya paling atas, dengan cara klik gambar pohon yang terdapat pada daftar layers, lalu tarik ke atas sampai tidak ada gambar di atas gambar pohon. Gambar yang  dipilih  11. Selanjutnya klik menu Rectangular Tool pada toolbox dan ubah feathernya yang terdapat pada menu Preset Tool menjadi 30px, kemudian blok beberapa kotak yang sudah diberi garis, mulai dari tengah ke bawah lalu ke samping kanan, seperti gambar di bawah ini : Gambar yang di blok  dengan Rectangular 
  • 8. Pada feather jika ingin menyeleksi objek tanpa efek feather bisa diubah menjadi 0px. 12. Setelah itu letakkan pointer pada gambar daun merah, lalu ubah bentuk kursor dalam mode menu move tool agar bisa mencopy objek yang dipilih dengan rectangular, kemudian tekan tombol Ctrl+C untuk mencopy dan tekan tombol Ctrl+V untuk mem paste dan letakkan layer gambar daun merah copy diatas layer pohon Layer gambar daun merah copy   13. Selanjutnya seleksi, copykan dan susun layer-layer lainnya dengan cara yang sama sehingga membentuk seperti gambar di bawah ini :
  • 9. 14. Setelah semua gambar telah diseleksi, di copy dan disusun, kemudian buat layer baru lagi dengan posisi layer paling atas dengan cara klik ikon Create new layer terletak pada menu Layer Tool bagian bawah. 15. Kemudian beri warna biru dengan cara klik ikon foreground warna kuning pada color picker, lalu klik ok. yang , setelah itu beri 16. Selanjutnya blok layer baru tersebut menjadi warna kuning yang sudah diganti tadi dengan cara klik kanan pada ikon menu gradient tool pada menu toolbox, lalu pilih menu Paint bucket tool yang berikon ember, setelah itu klik pada projectnya, dan hasilnya akan terlihat seperti gambar di bawah ini :
  • 10. 17. Setelah itu klik Rectangular Tool dan seleksi bagian tengah layer baru yang bernama layer 16 yang diberi warna kuning tersebut, dan ubah point feathernya menjadi 30px, kemudian tekan tombol delete dan hasilnya akan terlihat seperti gambar di bawah ini : 18. Selanjutnya tekan tombol Ctrl+D, kemudian pindahkan dan susun layer-layer dengan objek gambar kecil diatas layer 16 yang berwarna kuning tersebut, seperti gambar di bawah ini :
  • 11. 19. Setelah itu install font Cataneo BT dan font Edwardian Script ITC dengan cara copykan font, lalu buka control panel – lalu buka menu Fonts dan paste kan didalamnya. 20. Selanjutnya buat tulisan di dalam project dan letakkan paling atas layer dengan cara klik ikon menu Horizontal Type Tool tulisannya seperti gambar di bawah ini : , lalu klik di dalam project, Buat model
  • 12. Pada huruf F pada kata Four ganti bentuk fontnya menjadi Edwardian Script ITC, sedangkan teks lainnya ganti dalam bentuk font Cataneo BT.
  • 13. 21. Selanjutnya buat project baru lagi dengan bentuk praktikum sama seperti di atas dengan objek yang berbeda, dengan hasil seperti contoh gambar di bawah ini :