8/18/2019 TEXS EFEK

1/20

Dasar Photoshop 

Program adobe photoshop adalah sebuah software pengolah grafis (tampilan

teks maupun gambar) yang powerpull, dengan software Photoshop Anda dapat membuat alat

 promosi berupa brosur, flyer, poster, banner, mendisain sebuah website, merancang menuinteraktif, memanipulasi foto, dan mewarnai gambar. untuk mendesain visual-visual yang

menarik pada website sebenarnya masih banyak sofware pengolah grafis lainnya seperti

Firework, Painshop Pro, orel Photopaint, !imp (untuk linu") tetapi lebih baik menggunakan

software yang mempunyai fasilitas-fasilitas optimalisasi gambar untuk web seperti fungsi savefor web pada photoshop.

mengenal lingkungan ker#a pada Photo$hop, yang terdiri dari menu bar, toolbo", option bar,status bar, pallete, canvas

%okumen &aru

!ambar %okumen &aru

http://mufti-rada-go.blogspot.com/2009/05/dasar-photoshop.htmlhttp://3.bp.blogspot.com/_vLD1CwSQ73Y/SgLHVZwN7hI/AAAAAAAAAok/DZghca-JnI0/s1600-h/images.jpeghttp://2.bp.blogspot.com/_vLD1CwSQ73Y/S2LiRlf3rBI/AAAAAAAAA0g/f0FKBazui1I/s1600-h/image_composing_20.jpghttp://mufti-rada-go.blogspot.com/2009/05/dasar-photoshop.html

8/18/2019 TEXS EFEK

2/20

'ntuk membuat dokumen baru klik File lan#utkan dengan lik ew (ctrl*)

&eberapa pilihan yang ada pada +mage $ie

- Preset $ie untuk menentukan ukuran canvas secara otomatis- idth menentukan ukuran lebar secara manual

- /ight, untuk menentukan ukuran tinggi secara manual

- 0esolution, untuk menentukan resolusi gambar 

- 1ode,untuk menampilkan warna 2oolbo"

Pilihan pada ontens

- hite, warna dasar putih pada canvas- &ackground color, untuk menampilkan background

-2ransparent, untuk menampilkan bentuk transparan pada canvas

3ption &ar 2oolbo"

Palet avigator 

Palet olor anvas

Palet 4ayer 

$tatus &ar 

http://1.bp.blogspot.com/_vLD1CwSQ73Y/SgHVsfPEuFI/AAAAAAAAAoE/MIztyY7jd_E/s1600-h/area+kerja.JPG

8/18/2019 TEXS EFEK

3/20

3ption &ar 

2ampilan pada option bar akan berubah dinamis sesuai tool yang digunakan

2oolbo"

Fasilitas untuk mengedit atau memanipulasi image dengan tool 5 tool yang ada

Palet avigator 

Fasilitas yang digunakan untuk menggeser atau memperbesar gambar yang ada melalui salinan

miniature gambar. &agian tengahnya disebut 2humbnail

Palet olor 

'ntuk merubah warna sesuai yang diinginkan

anvas

Area yang akan digunakan untuk meletakkan ob#ek 

$tatus &ar &erisi informasi ukuran file, waktu,gambar, dan keterangan tool yang sedang aktif 

2oolbo" !ambar 2oolbo"

eterangan

A 1ar6uee tool 4 1ove tool

http://3.bp.blogspot.com/_vLD1CwSQ73Y/SgHTvyx4vAI/AAAAAAAAAns/8NKmXbApUtE/s1600-h/2+copy.jpg

8/18/2019 TEXS EFEK

4/20

8/18/2019 TEXS EFEK

5/20

$lice tool

'ntuk membuat ob#ek atau gambar men#adi terpisah-pisah

&rush tool

'ntuk menggambar dengan kuas dalam bentuk cat

/istory brush tool

'ntuk membuat undo secara terus menerus

Paint bucket tool

'ntuk memberi atau merubah warna pada ob#ek grafik 

%odge tool

'ntuk mengatur pencahayaan

/oriontal type tool'ntuk membuat bentuk tulisan mendatar 

0ectangle

'ntuk membuat kotak segi empat,elips poligon dan custom

7yedropper tool

'ntuk memilih,membuat warna latar foreground dan background

;oom 2ool'ntuk membuat tampilan besar dan kecil

Palet

'ntuk dapat menyunting dan mengolah gambar atau grafik dengan mudah Anda bisa

menggunakan palet, karena palet sangat efektif untuk dapat mengubah, mengatur dan memilih berbagai penyuntingan dan pengolahan gambar atau grafik.

!ambar palet

8/18/2019 TEXS EFEK

6/20

&eberapa #enis palet yang ada pada Photoshop

Palet avigator 

'ntuk dapat mengubah tampilan besar atau kecil dengan memakai oom slider 

Palet +nfo%igunakan untuk menampilkan informasi komposisi warna dan posisi pointer pada ob#ek 

Palet olor 

'ntuk dapat memilih warna sesuai yang diinginkan baik background ataupun foreground

Palet $watches

'ntuk dapat mengoleksi warna, dan memilih campuran warna yang tersediamasing-masing

warna dapat di tambah disimpan dan di hapus

Palet $tyles

'ntuk dapat merubah efek pada ob#ek yang ada pada canvas

Palet /istory

Palet ini digunakan buat menyimpan perubahan yang anda lakukansehingga dapat dilakukan

koreksi kesalahan terhadap beberapa perubahan

Palet Action

%igunakan pada saat Anda akan merekam serangkaian perintah, sehingga dapat mengotomasi

http://2.bp.blogspot.com/_vLD1CwSQ73Y/SgHdR9SLfdI/AAAAAAAAAoM/yQXBALvVuPk/s1600-h/3.jpg

8/18/2019 TEXS EFEK

7/20

 peker#aan dengan mengelompokkan perintah ke dalam sebuah aksi dan memainkannya

Palet 4ayers'ntuk dapat digunakan untuk menampilkan,merubah,menghapus ob#ek atau gambar yang ada

 pada canvas

Palet hannels

Palet ini digunakan untuk menyimpan informasi warna

Palet Paths

Palet ini digunakan untukl membuat,menghapus dan mengaktifkan path. Path adalah ob#ek yang

dibuat dengan merangkai beberapa garis lengkung dan garis lurus dari satu titik ke titik yang lain

Palet haracter 

Palet ini digunakan untuk mengatur format karakter, sehingga mempermudah dalam pengeditan

dan manipulasi tulisan

Palet Paragraph

Palet ini digunakan untuk mengatur paragraph,sehingga mempermudah mengubah paragraf 

4ayer 

layer adalah lapisan transparan ibarat kaca atau plastik bening sehingga ob#ek atau gambar yang

 berada di bawah tumpukan< layer tetap kelihatan selama tidak tertutupi oleh ob#ek atau gambar

yang berada pada layer< yang berada di atasnya, Pada palet layer Anda bisa mengatur lapisan

satu dengan yang lainnya, antara ob#ek satu dengan ob#ek atau gambar yang lain sehinggamen#adi satu kesatuan ob#ek atau gambar yang menarik. 'ntuk dapat merubah atau menambah

ob#ek dengan memakai palet layer cukup dengan tekan Add a layer style, Add layer mask,create

a new set, create new fill or ad#ustment layer,create a new layer dan delete layer. $eperti padagambar dibawah ini

!ambar palet layer 

http://3.bp.blogspot.com/_vLD1CwSQ73Y/SgHnHiwZvfI/AAAAAAAAAoU/n2olGCPV3Ds/s1600-h/layer.jpg

8/18/2019 TEXS EFEK

8/20

eterangan Palet 4ayer

=. &lending mode'ntuk mengubah mode blen atau mengatur piksel pada layer aktif bercampur dengan layer

dibawahnya

8/18/2019 TEXS EFEK

9/20

eterangan 4ayer $tyle

%rop $hadow

'ntuk dapat menambah efek bayangan di belakang ob#ek 

+nner $hadow

'ntuk menambah efek bayangan didalam ob#ek pada bagian sisinya

3uter !low

'ntuk menambah pencahayaan atau sinar dibagian luar sisi ob#ek 

+nner !low

'ntuk menambah pencahayaan atau sinar di bagian dalam sisi ob#ek 

&evel and 7mboss'ntuk menambah bayangan dan efek timbul dengan bentuk dan kemiringan tertentu

$atin'ntuk menambah efek pencahayaan pada sisi dalam sebuah ob#ek,sehingga terlihat seperti kain

satin

olor 3verlay

'ntuk melapisi atau menutupi ob#ek dengan warna tertentu

!radient 3verlay'ntuk melapisi atau menutupi ob#ek dengan warna gradasi tertentu

Pattern 3verlay'ntuk melapisi atau menutupi ob#ek dengan pola tertentu

http://1.bp.blogspot.com/_vLD1CwSQ73Y/SgHnH2vWn6I/AAAAAAAAAoc/7uBfVrOSgQc/s1600-h/layer+style.jpg

8/18/2019 TEXS EFEK

10/20

$troke

'ntuk menambah garis pinggir pada ob#ek,dengan warna gradasi dan pola tertentu

0ead 1ore.. 

ategori %asar-dasar photoshop 

Penulis mufti di

8/18/2019 TEXS EFEK

11/20

 pada toolbo" terilah kotak foreground diisi dengan warna hitam dan backgroundnya warna

 putih yang merupakan warna default pada photoshop, apabila warnanya berubah #adi warna laindan ingin mengembalikannya dengan warna default kita tinggal klik hurup % pada keyboard.

karena sekarang kita akan mengisi dokumen baru tadi dengan warna biru muda kita harus

merubah dulu salah satu kotak warna default tersebut , contoh saya akan mengisi dengan warnaforegrund biru muda. caranya klik kotak warna hitam dan kana muncul kotak dialog pilihan

warna yang hendak kita isi. pada dokumen tadi.

 pada kotak dialog pemilihan warna (color picker) kita bisa memilih warna yang kita kehendaki

untuk mengganti warna foregrund hitam men#adi warna yang kita inginkan misalnya biru muda,

 geserlah tombol pilihan warna (gambar yang dilingkar merah) pilihlah warna dengan mengklik

salah satu sudut warna pada layar tampilan warna.

http://1.bp.blogspot.com/_vLD1CwSQ73Y/SgXv6k_7xLI/AAAAAAAAArA/zSyAxRN4KVk/s1600-h/Untitled-1.jpghttp://3.bp.blogspot.com/_vLD1CwSQ73Y/SgXrlT-yRzI/AAAAAAAAAqg/rERGJ0GYo_I/s1600-h/latihan+1A.jpg

8/18/2019 TEXS EFEK

12/20

selan#utnya tinggal klik 7ditFill. pada kotak dialog Fill pilih warna foreground terus klik 3 

http://2.bp.blogspot.com/_vLD1CwSQ73Y/SgXq6C0qFcI/AAAAAAAAAp4/eoImg1J9scM/s1600-h/latihan+3B.jpghttp://3.bp.blogspot.com/_vLD1CwSQ73Y/SgXrk6LoPrI/AAAAAAAAAqA/FOOBJXoqWG0/s1600-h/latihan+3+A.jpghttp://2.bp.blogspot.com/_vLD1CwSQ73Y/SgXq6C0qFcI/AAAAAAAAAp4/eoImg1J9scM/s1600-h/latihan+3B.jpghttp://4.bp.blogspot.com/_vLD1CwSQ73Y/SgXrlKOA5cI/AAAAAAAAAqQ/qZWZp7Qa8a0/s1600-h/latihan+2.JPG

8/18/2019 TEXS EFEK

13/20

gambar dibawah ini adalah gambar dokumen yang sudah di isi warna biru muda

untuk mengisi gradasi warna pada dokument baru , berikut langkah-langkahnya

http://1.bp.blogspot.com/_vLD1CwSQ73Y/SgXq5glj-VI/AAAAAAAAApg/6dWGZ7Mo5VU/s1600-h/latihan+5A.jpghttp://2.bp.blogspot.com/_vLD1CwSQ73Y/SgXq6E9eAlI/AAAAAAAAApw/Ifhh0XBroCo/s1600-h/latihan+4.JPG

8/18/2019 TEXS EFEK

14/20

klik gradient tool pada toolbo" (lihat gambar bawah dengan lingkaran merah)

 pada tool bar terlihat gradasi warna dari biru muda ke putih, utuk mengganti gradasi warna yang

lain tinggal double klik pada kotak warna grdasinya.

 pada !radient 7ditor, pilih warna gradasi yang dikehendaki, seperti contoh saya memilih warna

gradasi dari biru ke kuning lalu ke biru , untuk mengatur lebar masing-masing warna gradasikita tinggal klik tombol pada bar ilustrasi masing< warna gradasi yang dipilih (tombol yang

dilingkar warna hi#au) lalu double klik kotak petu#uk warna yang akan diganti (kotak yang color

dilingkar warna hitam)

http://3.bp.blogspot.com/_vLD1CwSQ73Y/SgXqYyik02I/AAAAAAAAApQ/AJGZC_MguWk/s1600-h/latihan+5B.jpghttp://3.bp.blogspot.com/_vLD1CwSQ73Y/SckiVYkibgI/AAAAAAAAASI/-fh0OPayOyo/s1600-h/photoshop-gradient-tool.gifhttp://1.bp.blogspot.com/_vLD1CwSQ73Y/SgXq5glj-VI/AAAAAAAAApg/6dWGZ7Mo5VU/s1600-h/latihan+5A.jpg

8/18/2019 TEXS EFEK

15/20

 pada kotak dilaog pilihan warna pilihlah warna yang anda kehendaki seperti cara penggantian

warna pada foreground.

2ariklah garis gradasi pada dokume seperi contoh di bawah ini.

http://4.bp.blogspot.com/_vLD1CwSQ73Y/SgXqYuum9RI/AAAAAAAAApA/9zhwD9NgaFk/s1600-h/latihan+7A.jpghttp://1.bp.blogspot.com/_vLD1CwSQ73Y/SgXqY47CNII/AAAAAAAAApI/SacT8zPABa4/s1600-h/latihan+7.JPG

8/18/2019 TEXS EFEK

16/20

  !ambar dokumen yang sudah diisi gradasi warna

 

0ead 1ore.. 

ategori 2eknik %asar Photoshop 

Penulis mufti di =>.

8/18/2019 TEXS EFEK

17/20

teks efek glossy 

membuat teks efek glossy atau teks dengan warna yang mengkilap dengan photoshop caranya

 sebagai berikut

=. buatlah dokument baru (ctrl*3) dengan ukuran ?@E " =@E dengan background warna putih.

. ketikan teks pada dokumen baru tadi .

?. selan#utnya klik icon layer style, atau doubleklik pada palet layer huruf , pada kotak dialoglayer styles centang gradient overlay

@. rubahlah gradientnya , klik kolom warna gradient ( gambar yang dilingkar merah)

http://mufti-rada-go.blogspot.com/2009/05/teks-efek-glossy.htmlhttp://4.bp.blogspot.com/_vLD1CwSQ73Y/Sg22VqjerlI/AAAAAAAAAzE/MfoiG1CLLaU/s1600-h/4.jpghttp://4.bp.blogspot.com/_vLD1CwSQ73Y/Sg22VpBu0TI/AAAAAAAAAzM/_b6Ada3aKLU/s1600-h/3.jpghttp://3.bp.blogspot.com/_vLD1CwSQ73Y/Sg22VmAxYmI/AAAAAAAAAzU/Lsh355nS8YI/s1600-h/2.jpghttp://2.bp.blogspot.com/_vLD1CwSQ73Y/Sg21_PEeP9I/AAAAAAAAAyc/7eHiFe6bbls/s1600-h/terakhir.jpghttp://mufti-rada-go.blogspot.com/2009/05/teks-efek-glossy.html

8/18/2019 TEXS EFEK

18/20

. pada kotak dialog gradient editor, buatlah gradasi baru, lihat gambar ilustrasi di bawah ini, aturlah warna dan lebar gradasinya sambil mengamati perubahan warna gradasi pada teks, lalu

klik 3 

http://3.bp.blogspot.com/_vLD1CwSQ73Y/Sg21_WY6PsI/AAAAAAAAAy0/4ubowZtRvx8/s1600-h/6.jpghttp://3.bp.blogspot.com/_vLD1CwSQ73Y/Sg21_YUq1nI/AAAAAAAAAy8/ZRNuegE1Pd8/s1600-h/5.jpg

8/18/2019 TEXS EFEK

19/20

B masih pada kotak dialog layer styles, centak $troke untuk membuat efek ganda pada teks dan

atur warnanya dengan mengG klik kotak warna ( gambar yang dilingkar merah) , terakhir klik 3 

C. hasil akhirnya seperti teks di bawah ini

0ead 1ore.. 

ategori teks efek  

Penulis mufti di ==.>

8/18/2019 TEXS EFEK

20/20

cara membuat teks efek tiga deminesi seperti contoh teks P70$+& &A%'! seperti contoh di

atas , begini langkah