Belajar PhotoShop: Cara Sederhana Membuat Efeck Pensil Pada Foto

Membuat Efeck Pensil Pada Foto

• Klik menu File - Open untuk membuka file gambar atau Ctrl+O

• Klik menu Layer – Duplicate layer (ctrl+J) untuk menduplikasi layer

• Klik menu Image – Adjutment – Desaturate (Ctrl+Shift+U) untuk menghasilkan tampilan gambar hitam putih.

• Klik menu Layer – Dupllicate layer (Ctrl+J) untuk menduplikasi layer kembali
• Lalu Klik menu Image – Adjustment – Invert (Ctrl+I) untuk meng – invert warna

 

• Klik menu Filter – Blur – Gaussian Blur, untuk member filter/efek blur.
• Atur Radius = 3,3 px

 

• Ubah layer mode menjadi Color Dodge,  dan atur Opacity = 90%

•  Maka akan menghasilkan gambar sperti ini

Untuk membersihkan wajah silahkan simpan dahulu gambar yg tadi dengan 

• klik File - Save As atau Shift+CTrl+S

Buka kembali foto yang telah disimpan dengan mengklik Ctrl+O

jika sudah, silahkan duplikat kembali klik menu Layer – Duplicate layer (ctrl+J)

bersihkan wajah dengan menggunkan Brush Tool, atur warna menjadi putih 

 

Bersihkan wajah dengan menggunakan Brush Tool, sampai serti ini, atau bisa jg terserah yang anda inginkan

• Duplikat kembali dengan Klik menu Layer – Dupllicate layer atau (Ctrl+J)dan ubah Layers menjadi Multiply

 

Maka akan nampak seperti ini ...

Jika masih kurang bersih, silahkan di atur dan bersihkan kembali dengan menggunakan Brush Tool..

Atau anda jg bisa memberi efeck lighting laen'a sperti ini 

Bagaimana??

Ternyata mudah bukan untuk membuat efeck pensil...
Silahkan di coba, dan semoga hasilnya amat sangan memuasakan..

Read More

Belajar Photoshop : Membuat Efek Matrix ( Simpel banget )

Belajar Photoshop : Membuat Efek Matrix ( Simpel banget )

Sekarang saya akan nulis tentang bagaimana membuat efek film Matrix… bukan efek pelurunya.. tapi efek yang ijo-ijo nya itu lho.. Kayaknya orang-orang udah pada tau nih.. tapi gpp deh.. pasti ada yang belom tau juga.. ok Kita mulai… Yuk.. mariii..

Pertama seperti biasa.. buka dokumen baru ukuran kecil aja.. seperti contoh dibawah nih..

Klik Filter > Texture > Grain .. Nilainya samain yaa sama gambar dibawah..

Klik OK…

Lanjuuttt..

Klik Filter > Artistic > Neon Glow

Samain lagi yaa parameter nya..

Ijonya terserah kamu aja… yang penting ijo.. Klik OK..

Sekarang tinggal di Glow… Klik Filter > Stylize > Glowing Edges

Taraa…. hasilnya :

Keren kan?? Selamat Mencoba …

Read More

Internet & HTML

Pengertian Internet

. Internet adalah singkatan dari kata Interconnection Networking, yang berarti seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia..

PENGERTIAN INTERNET, HTML & CSS

 

 Dalam mengatur integrasi dan komunikasi jaringan komputer ini menggunakan protokol yaitu  TCP (Transmission Control Protocol) bertugas untuk memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain. TPC/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan paket-paket pengiriman data.

Sedangkan Pengertian Internet adalah jaringan komputer pribadi yang menggunakan protokol internet untuk dapat berbagi data dan informasi secara aman dalam lingkup satu organisasi atau badan atau sistem operasi jaringan organisasi tersebut. Istilah ini harus dibedakan dengan pengertian internet karena keduanya memiliki pengertian berbeda.

HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup/markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML.
Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

 KEGUNAAN

• Mengintegerasikan gambar dengan tulisan.
• Membuat Pranala.
• Mengintegerasikan berkas suara dan rekaman gambar hidup.
• Membuat form interaktif.^[2]

HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: < b> TAMPIL TEBAL</b>. Tanda < b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.

MARKAH/TANDA
Secara garis besar, terdapat 4 jenis elemen dari HTML:

• Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, < h1> Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
• Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, < b> boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
• Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, < a href="http://donnie24.blogspot.com/"> DeveloperXXIV</a> akan menampilkan DeveloperXXIV sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (< button>), list (< li>), dan garis horizontal (< hr>). Konsep hypertext pada HTML memungkinkan pembuatan link pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,

Ada tiga macam pranala (link) yang dapat digunakan:

• Pranala menuju bagian lain dari page.
• Pranala menuju page lain dalam satu web site.
• Pranala menuju resource atau web site yang berbeda.

Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh dokumen HTML sederhana

<!DOCTYPE html> <html> <head bgcolor=black text=white> <title>'''Selamat Datang''' HTML</title> </head> <body> <p> Halo dunia!</p> </body> </html> <br>

Tag HTML atau yang kadang disebut dengan HTML markup tag adalah sebuah koding atau script dari HTML itu sendiri. Definisi Tag HTML bisa anda dibawah ini :

• Tag HTML adalah kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html>
• Tag HTML biasanya datang berpasangan seperti <b> dan </ b>
• Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
• Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
• Mulai dan tag akhir juga disebut tag pembuka dan tag penutup

Berikut ini contoh Tag HTML

TAG	KETERANGAN
<address>	Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>	Digunakan untuk memasukan file java kedalam dokumen HTML
<base />	Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan
	bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen
	tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />	Memberi baris baru/pindah baris
<button>	Mendefinisikan sebuah tombol diklik
<center>	Untuk perataan tengah terhadap teks atau gambar
<cite>	Mendefinisikan kutipan
<del>	Untuk memberi garis tengah pada teks/mencoret tek
<dir>	Mendefinisikan sebuah daftar direktori
<div>	Mendefinisikan sebuah section dalam dokumen
<embed>	Digunakan untuk memasukkan file video atau file musik
<font>	Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>	Mendefinisikan sebuah form HTML untuk input form
<head>	Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />	Membuat garis horisontal
<html>	Mendefinisikan root dari suatu dokumen HTML
<i>	Membuat teks miring
<link />	Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<menu>	Mendefinisikan sebuah daftar menu
<object>	meletakkan embed sebuah objek
<pre>	Membuat teks dengan ukuran huruf yang sama
<samp>	Mendefinisikan contoh keluaran dari program komputer
<script>	Mendefinisikan client-side script
<strong>	Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<table>	Membuat tabel
<thead>	Untuk mengelompokkan isi header di dalam sebuah tabel
<var>	Mendefinisikan sebuah variabel
<xmp>	Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>

Pengertian CSS Dasar

Sebelum mempelajari CSS anda harus mengetahui HTML DASAR  terlebih dahulu . CSS singkatan dari Cascading Style Sheet . CSS merupakan sebuah bahasa pemrograman yang fungsinya untuk menstrukturkan komponen-komponen web yang beragam sesuai dengan keinginan kita.

 

 Dan ada jg yyang dimaksud dengan Web Responsive

APAKAH ITU RESPONSIVE DESIGN? 
Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya. Responsive Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui mobile device ataupun device lainnya, namun cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar mobile device.

 

Mungkin hanya ini yang bisa saya sampaikan, kurang lebihnya mohon maaf.
Wassalamu'alaikum wr. wb.

Read More

Efek Cat Air pada Foto

Efek Cat Air pada Foto

Melukis Cat air pake photoshop mah gampang banget.. cobain deh..
Buka file gambar yang mo dijadiin lukisan cat air.. saya pake foto yang diambil oleh Haikal ( anak saya ) di akuarium.. lumayan juga kan ? buat umur 5 tahun saya kira fotonya bagus.. hehehe (Narsis mode-ON)

Tekan CTRL + J di layer foto untuk duplikat .. terus klik image>adjustment>desaturate atau tekan CTRL + SHIFT + U untuk membuat foto jadi hitam putih...

Sekarang tekan lagi CTRL+J di layer foto yang udah ter-Desaturate.Klik Image>adjustment>invert atau tekan CTRL+i

Ubah layer efek menjadi Color Dodge di layer yang udah di-Invert.

Klik Filter>Blur>Gaussian blur di layer yang sudah dikasih Color dodge.

sekarang keliatan kayak gambar pake pensil.. Warnai dengan cara Tekan CTRL+E di layer paling atas (menggabungkan 2 layer. layer atas ke layer bawahnya). Ganti Layer Effect nya menjadi Luminosity.

Klik Filter>Artistic>FResco lalu setting seperti gambar dibawah :

Hasilnya

untuk memperhalus, beri sedikit transparan pada effect fresco dengan cara klik Edit > Fade Fresco atau tekan CTRL+SHIFT+F

Hasil Akhir :

Selamat Mencoba!
Contoh lain :

PR: wait… I: wait… L: wait… LD: wait… I: wait… wait… Rank: wait… Traffic: wait… Price: wait… C: wait…

Read More

Membuat Pop Art Image

Membuat Pop Art Image

Kemaren-kemaren banyak pesen ke facebook dan email saya yang minta dibuatin tutorial POP ART… setelah menimbang dan memutuskan akhirnya saya buatin juga deh tutorial pop art nya pake adobe photoshop  hehehe..
langsung aja ..

Buka gambar / foto atau Image yang akan dibuat pop art..

Double click layer background dan beri nama..


Buat layer baru, pindahkan ke paling bawah.. ini nanti fungsinya sebagai background.

Sekarang gukanan PenTool untuk menyeleksi objek yang akan dibuat POPArt.perhatikan settingan nya seperti gambar dibawah.


Kalo udah terseleksi semua.. klik kanan di area gambar pilih Make selection.

Gambar sekarang dalam keadaan terseleksi.. Karena kita mau menghilangkan background nya.. kita harus menyeleksi object di belakang gambar..

Klik Select > inverse , Lalu ketan tekan delete :D


hasil remove background :

Dulikat layer gambar atau layer object dengan menekan CTRL + J, otomatis akan terbentuk layer baru dengan nama Object copy.

Buat duplikat nya menjadi hitam putih.. tekan CTRL + SHIFT + U untuk desaturate ( membuat hitam putih ) atau klik Image > Adjustment > Desaturate.


Klik kanan layer object copy > Duplicate layer




karena kita pilih NEW maka akan terbentuk dokumen baru … ini nanti kunci untuk membuat popart nya..


di dokumen baru ..
klik Image > adjustment > shadow/highlight

*Shadow highlight ini fungsinya nanti untuk memberikan efek detail pada warna-warna yang gelap.. misal rambut..

Klik Image > Adjustment > Threshold

Geser-geser slidernya supaya dapet gambar yang bagus dengan detail yang bagus juga..

Klik Filter > Blur > Gaussian Blur


Klik Image > Mode > Grayscale

Klik Image > mode > Bitmap
Klik Flatten Layer


Halftone screen nya diset seperti dibawah :

bagus kan hasilnya..

Sekarang kita musti membuat Mode image menjadi RGB …
Klik Image > mode > Grayscale


Klik Image > Mode > RGB

Kalo udah jadi RGB sekarang kita bisa export ke dokumen yang sedang kita garap.. caranya ?

Klik kanan layer background > Duplicate layer , Dokumen nya pilih file dokumen yang sedang kita garap..

Keliatan background putihnya.. Trim bagian background putih nya..cara nge TRIM nya..
gerakan kursor mouse ke antara layer background dan layer object copy sambil tekan tombol ALT.
kalo udah keliatan ada 2 lingkaran putih dan hitam..klik .. itu namanya nge TRIm.. :D

kalo bener ngerjain nya background putihnya akan hilang..
Sekarang tinggal proses pewarnaan aja ..
Mewarnai cuman menggunakan Brush tool aja kok.. jadi gak ribet..
Buat layer baru di paling atas
Layer mode nya pilih MULTIPLY..
warna pake warna kulit sesuai kode di gambar
Warnai daerah muka dan badan, kalo ada tangan, warnain juga.


dengan cara yang sama , warnain bibir nya, jangan lupa buat layer baru yah


Sekarang warnain Highlight Rambut


Terakhir warnain baju nya

Sekarang warnain background nya… pilih layer paling bawah…
warnai pake Paint bucket TOOL , warna terserah aja ..sesuka hatimu lah hehehehe…


Dan hasilnya setelah di CROP :


Itulah gambr hasil akhir...

dan ini gambar hasil lain..

Read More