Cara Membuat Teks Area Cantik

Cara Membuat Teks Area Cantik

Teks Area plus tombol Copy All

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">
Letakkan kode atau tulisan sobat disini
</textarea>
</div>
</form>
</div>

Hasilnya :

Untuk memodifikasi tampilan teks area sobat, sobat blogger bisa menggunakan salah satu dari teks area berikut :

Teks area Bagian 1

Teks area Bagian 2

Teks Area Bagian 3

Teks Area Bagian 4

Teks Area bagian 5

Teks Area Bagian 6

Teks Area Bagian 7

Teks Area Bagian 8

Teks Area Bagian 9

Teks Area Bagian 10

Berikut ini kode dari kesepuluh teks area di atas :

Teks area Bagian 1

<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks area Bagian 2

<textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 3

<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 4

<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area bagian 5

<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(255, 0, 10); color: white; line-height: 1.5em; padding: 5px;"><br />ISI TEKS AREA SOBA DISINI</textarea>

Teks Area Bagian 6

<textarea cols="30" name="code" rows="6" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: none repeat scroll 0% 0% rgb(255, 218, 175); border: 2px ridge rgb(127, 69, 0); color: #7f4500; line-height: 1.5em; padding: 5px;"> ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 7

<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 2px inset rgb(204, 204, 204); color: white; line-height: 1.5em; padding: 0pt 7px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 8

<textarea cols="30" name="Bptxt" rows="6" style="-moz-background-inline-policy: continuous; -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: none repeat scroll 0% 0% white; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 9

<textarea cols="30" name="Bptxt" rows="6" style="-moz-border-radius-bottomright: 15px; background: none repeat scroll 0% 0% yellow; border-left: 20px solid red; color: black; line-height: 1.5em; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Teks Area Bagian 10

<textarea cols="30" name=Btxt" rows="6" style="-moz-background-inline-policy: continuous; -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: none repeat scroll 0% 0% Pink; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">ISI TEKS AREA SOBAT DISINI</textarea>

Sumber : slinder9

Read More

Membuat Salam Pembuka di Blog

Kode Widget Untuk Salam Pembuka di Blog
===============================================================

<script type="text/javascript">
var answer = prompt ("Welcome To Ana Computer Center, Siapa nama mu?","Ketik namamu disini");
alert ("Oh " + answer + " Jangan Lupa Kasih Komentar ya..")</script>

Read More

Soal Latihan CorelDraw

Soal Latihan CorelDraw

Kerjakan Soal Latihan Berikut ini :
1. OBJEK DASAR

2. CONVERT TO CURVE

3. WELD-TRIM-INTERSECT

 
 

4. TEKS ARTISTIK

Read More

Hex Color Code Generator

Hex Color Code Generator (kode warna)

Tools dibawah ini adalah Hex Color Code Generator yang bisa digunakan untuk mengetahui kode HTML dari warna. Untuk penggunaannya, silahkan sobat blogger klik bagian dari warna yang diinginkan, kemudian lihat kolom Hex yang berada di bagian bawah sebelah kanan. Itu adalah kode warna yang dihasilkan.
Sumber : slinder9

Read More

Materi Flash

Silahkan Dipelajari :

1. Pengenalan Dasar Flash
2. Modul 1 (AREA KERJA MACROMEDIA FLASH PRO 8)
3. Modul 2 (ANIMASI DASAR: MOTION TWEEN, SHAPE DAN GUIDE)
4. Modul 3 (MENGONTROL MOVIE CLIP)
5. Modul 4 (PRESENTASI DENGAN FLASH)
6. Modul 5 (ANIMASI MASKING) dan CONTOH
7. Shortcut di Flash (KEYBOARD SHORTCUTS)
8. Action Script

9. To be Continued .......

Read More

Menggambar Kartun Mickey

Cara membuat Kartun Mickey

Fasilitas Weld pada CorelDRAW gunanya selain untuk memudahkan pembentukan objek juga untuk menghemat waktu pengerjaan. dengan cara menggabungkan beberapa objek untuk menghasilkan objek baru. dengan fasilitas ini anda tidak perlu susah susah membentuk objek dengan menggunakanShape Tool, cukup mengatur beberapa objek yang telah tersedia secara bertumpuk, kemudian di weld

sebagai contoh kita akan membuat "Mickey Mouse" dengan menggunakan fasilitas Weld

buat tiga lingkaran dengan Ellipse Tool (F7)



drag disekitar objek dengan Pick Tool, untuk memilih ketiganya.
atau gunakan klik sambil menekan Shift
pilih Arrange>Shaping>Weld

lihat hasilnya, dan beri warna Hitam



buat lagi tiga lingkaran, kali ini rubah yang bawah menjadi lonjong

drag disekitar objek dengan Pick Tool, untuk memilih ketiganya
atau gunakan klik sambil menekan Shift
pilih Arrange>Shaping>Weld

beri warna dengan Uniform Tool (seperti gambar di bawah)



seret objek kedua ke objek yang pertama
sesuaikan ukurannya kalau terlalu besar atau kecil

buat sepasang mata dan hidung dengan Elipse Tool lalu di Group,



seret lagi ke arah objek sebelumnya, kalau objek tak nampak maka
tekan Shift+PageUp untuk menyimpan objek ke depan.



sekarang buat bagian mulut dengan Ellipse Tool lagi, tekan Ctrl+Q (convert to Curve)
pilih node lalu klik Line to curve, kemudian mulailah mengedit.

tambahkan beberapa garis dengan Bezier Tool

terakhir edit lagi beberapa Node untuk menghasilkan bentuk yang diinginkan



itulah sekilas fungsi dari fasilitas weld,
... selesai sudah,

.Selamat Mencoba

Sumber : cygnus-desaingrafis

Read More

Printer

Solusi dari beberapa persoalan yang dihadapi mengenai printer :
Merk CANON :
1. Arti lampu Kedip Canon Pixma
2.


Merk EPSON :
1.
2.


Merk HP :
1.
2.


Merk LAIN :
1.
2.

Read More

Lowongan Pekerjaan

Informasi Lowongan Pekerjaan :

- Khusus Untuk Anggota/Teman

- Untuk Umum

Read More

Tutorial Menggunakan Pen Tool

Tutorial Menggunakan Pen Tool pada Photoshop

Menggunakan Pen Tool adalah kemampuan dasar yang harus dimiliki jika ingin menggambar dengan Photoshop. Karya seni seperti vexel membutuhkan teknik dasar Pen Tool untuk bisa membuatnya. Pen Tool juga bermanfaat ketika kita akan membuat karya yang membutuhkan garis-garis atau ketika ingin membuat seleksi. Disini akan saya berikan tutorial sederhana dalam menggunakan Pen Tool.

Pengenalan Bagian-bagian Pen Tool

Sebelum memulai pilih Pen Tool yang terletak pada menu vertikal sebelah kiri jendela Photoshop dan perhatikan bagian-bagian Pen tool berikut. Setiap bagian yang perlu akan saya beri penjelasan mengenai fungsinya masing-masing.

Opsi untuk Pen Tool

Tedapat tiga pilihan yang terdapat dalam kotak. Pilihan yang berfungsi ketika menggunakan Pen Tool hanyalah bagian pertama dan kedua saja, sedangkan bagian ketiga hanya berfungsi ketika menggunakan Rectangle Tool atau sejenisnya.

1. Shape Layers

Dengan memilih Shape Layers maka setiap titik yang kita buat akan dihubungkan membentuk sebuah bidang (shape). Jika antara garis path dan garis yang menghubungkan titik pertama dan terakhir membentuk sebuah area, maka secara otomatis area tersebut akan terpenuhi dengan warna foreground.

2. Paths

Pada opsi Paths setiap titik yang dihubungkan akan membentuk path dan tidak membentuk bidang secara langsung. Opsi inilah yang sering digunakan untuk membuat garis-garis vektor. Dalam tutorial ini opsi inilah yang paling banyak akan kita bahas.

Rubber Band

Mengaktifkan Rubber Band akan sangat membantu karena akan menunjukkan bagaimana bentuk shape selanjutnya sebelum menambahkan Anchor Point.

Opsi Penggabungan Area Path

Disini terdapat empat bentuk penggabungan, masing-masing akan mebuat area yang berbeda jika dua atau lebih path area digabungkan. Untuk lebih jelasnya perhatikan gambar beikut.

Cara Pertama Menggunakan Pen Tool

Ada dua cara untuk menggunakan Pen Tool. Cara pertama buat path baru dengan mengklik ujung kiri atas huruf U, tarik ke kanan dan klik lagi pada sudut lain yang ada di sebelah kanan titik yang pertama. Zoom in agar didapat hasil yang lebih akurat.

Ulangi langkah ini untuk membuat path ke bawah sampai pada titik sebelum lengkungan. Untuk bagian lengkungan mulai dari titik terakhir, klik pada bagian tengah lengkungan, tahan klik dan tarik kursor ke kanan sampai path melengkung dengan rapi.

lanjutkan dengan cara yang sama sampai titik yang terakhir berhimpitan dengantitik yang pertama.

Cara Kedua Menggunakan Pen Tool

Sebenarnya yang membedakan cara pertama dan kedua hanyalah pada bentuk melengkungnya, sedangkan untuk garis yang lurus sama saja dengan cara yang pertama. Jadi pertama buat path untuk garis lurusnya. Klik pada titik permulaan melengkung, lalu klik lagi pada bagian tengah lengkungan. Disini tidak perlu ditahan dan ditarik. Tekan Ctrl dan klik untuk menyudahi path.

Tambahkan Anchor Point pada bagian tengah garis path di bagian lengkungan dengan klik kanan pada path dan pilih Add Anchor Point. Tekan Ctrl, klik Anchor Point yang baru dan tahan lalu geser ke sudut kiri bawah sampai posisinya sesuai lengkungan.

dapat juga dilakukan dengan Add Anchor Point Tool.

Menggunakan Path yang Sudah Jadi

Dari langkah yang diatas kita selesaikan path tersebut sampai membentuk huruf U. Path yang sudah jadi dapat digunakan untuk membuat Vector Mask, mendefinisikan Custom Shape, membuat seleksi, memenuhinya dengan warna dan Stroke Path. Klik kanan pada path untuk memunculkan pilihannya.

Create Vector Mask

Dengan path yang sudah jadi kita dapat mengkrop layer dengan Vector Mask layaknya seleksi untuk Layer Mask.

Define Custom Shape

Kita bisa membuat shape sendiri dengan path yang sudah kita buat. Jadi selanjutnya jika ingin membuat path yang sama tinggal menggunakan shape tersebut. Caranya klik kanan pada path, pilih Define Custom Shape, beri nama shape baru ini, tekan OK.

Make Selection

Klik kanan pada path lalu pilih Make Selection untuk mebuat seleksi yang bentuknya seperti path yang kita buat.

Fill Path

Dari path kita juga bisa mengisi areanya dengan warna tetentu. Bisa dengan warna foreground, background, pattern atau warna lain yang bisa kita pilih sendiri. Kita juga bisa mengatur Blending Mode dan Opacitynya.

Stroke Path

Stroke Path digunakan untuk membuat garis dengan bentuk sepeti path, bisa dengan Brush atau lainya.

Demikian tutorial dasar menggunakan Pen Tool pada Photoshop

Sumber : id.grafisia.com

Read More

Muka Retak - Tutorial Blending (1)

Muka Retak - Tutorial Blending

Pada photoshop terdapat sebuah fitur yang cukup menarik yaitu blending mode. Fitur ini akan mengatur bagaimana tampilan dari sebuah layer. Terdapat banyak macam blending mode, masing-masing memiliki fungsi yang berbeda dan juga menimbulkan efek yang berbeda dalam menampilkan layer. Kali ini saya akan menggunakan blending mode Multiply untuk membuat sebuah foto manipulasi muka retak.
Gambar yang Digunakan
Pada tutorial ini akan saya gunakan dua gambar, pertama adalah pasfoto dari seseorang dan kedua adalah wallpaper yang bergambarkan tekstur tanah kering pecah-pecah

Langkah 1
Pertama buka kedua gambar tersebut dengan photoshop. Kita menuju ke gambar wallpaper. Buat seleksi dengan Rectangular Marquee Tool seluas kira-kira kalau dipindah ke pasfoto akan menutupi seluruh bagian kulit yang tampak, lalu kopi dengan menekan Ctrl+C atau Edit>Copy.
Sekarang kita buka gambar pasfoto, paste dengan menekan Ctrl+V atau Edit>Paste. Atur posisinya hingga tampak seperti berikut.

Langkah 2
Ubah opacity layer tanah pecah menjadi 60% dan mengatur posisinya diatas layer pasfoto pada palet layer. Lakukan masking pada layer tanah pecah untuk menghapus sebagian yang tidak perlu, sehingga yang tinggal hanya bagian yang menutupi kulit saja, kurang lebih akan kita dapati gambar seprti ini

Langkah 3
Kembalikan opacity layer tanah pecah menjadi 100%. Berikutnya adalah langkah terakhir dan yang paling penting, ubah blending mode dari layer tanah pecah dari Normal menjadi Multiply.

Hasil Akhir
Dengan mengubah blending mode menjadi multiply kedua layer akan berpadu sehingga muka dari orang di pasfoto akan tampak seperti benar-benar retak. Cukup menarik untuk nakut-nakutin orang …

Sumber : id.grafisia.com

Read More