Skip to main content

Membuat Background Twitter Resolusi Monitor 1366x768

Bosan dengan tampilan background twitter yang itu-itu aja, atau sudah punya yang bagus tapi bukan karya sendiri . Pada kesempatan ini saya akan posting cara membuat background twitter sendiri/karya sendiri. Disini kita membutuhkan software yang bernama photoshop (CS berapa aja). Okeh , berikut langkah-langkahnya , dalam membuat background twitter . Langgkah-langkah ini masih tergolong untuk yang pemula aja , karena saya juga masih pemula. *hehehehe

Download sketsanya di 4shared
Download keperluan tambahannya di 4shared




“Lebih mudah jika kamu-kamu menggunakan gambar(picture) yang sudah ada dan hanya mengeditnya saja dan tanpa repot-repot menggunakan seni kreatif yang sangat tinggi.”


1. Buka adobe photoshop (cs berapa aja) ,kemudian buka sketsa gambar twitter yang sudah di 
download tadi dengan cara pilih menu FILE > OPEN atau dengan cara klik CTRL+O pada keyboard secara bersamaan (“tanda tambah tidak di ikut sertakan”). pilih file sketsa yang udah di download tadi.

2. Contoh saya menggunakan gambar yang sudah ada, klik CTRL+O kembali , lalu pilih gambar yang akan di gunakan. Disini kita memulai dengan gambar yang sudah di sediakan , pilih gambar contoh 11.jpg yang sudah di download tadi.


3. Pilih “ Rectangular Marquee Tool (M) “ ,Select all (CTRL+A pada keyboard) , copy yang udah di select dengan cara CTRL+C pada keyboard . Lalu buka kembali tab atau lembar kerja sketsa kemudian pastekan (CTRL+V). Lalu lihat pada menu layer , dan hidden layer contoh11.jpg (layer 1) dengan mengklik gambar mata di samping nya.

4.Gunakan Eraser Tool untuk menghapus beberapa bagian yang tidak diperlukan , klik kanan icon tersebut kemudian pilih Magic Eraser Tool ,lihat gambar :


5.Hapus bagian sisi putih (kanan dan kiri pada gambar sketsa) , maka akan menjadi seperti gambar berikut :



*sisi kanan dan kiri menjadi kotak-kotak , tandanya memiliki warna transparant/tanpa warna tepatnya.


6. Kemudian munculkan kembali gambar contoh11.jpg(layer 1) dengan mengklik kembali gambar mata di sebelahnya. Lalu gunakan Rectangular Marquee Tool , seleksi gambar secukupnya. Karena nanti kita akan ubah lagi ukurannya agar gambar terlihat padat.Setelah di select , kemudian copy (CTRL+C) dan pastekan (CTRL+V) .
7. Setelah di copy dan paste , selanjutnya ubah ukuran gambar dan pindahkan gambar ke bagian pojok atas , gunakan Move Tools.
8.Kemudian hidden kan kembali layer contoh11.jpg , (hilangkan tanda mata di sebelahnya)
9.Setelah itu hilangkan tanda kunci pada background , dengan cara double klik (klik kiri) pada background , setelah itu akan ada tampilan :
pilih OK
10.Pindahkan layer 2 (gambar yang sudah dipotong tadi) ke bawah background dengan cara klik kiri di tahan , dan geser/tarik ke bawah :
11.Kemudian kita gandakan layer 2 , dengan cara klik kanan pada layer lalu pilih Duplicate Layer
maka akan ada tampilan seperti gambar di bawah , kemudian pilih OK saja.
maka layer yang sama akan menjadi 2

12.Kemudian seret layer 2 copy ke sisi kanan background yang masih kosong :
tampilan setelah :
13.Kemudian kita akan merubah warna transparant background sesuai dengan warna gambar  layer 2 dan layer 2 copy. Semisalnya gambar awalnya pada foreground color hijau


Maka pilih Eyedropper Tool , dan jika kursor menjadi gambar pipet  tetes maka arahkan ke bagian warna gelap pada gambar layer 2

Maka foreground color akan berubah warnanya , lihat gambar :


14.Pilih layer background
15. Kemudian gunakan Paint Tools
Dan seret cursor yang berbentuk kaleng cat ke arah warna yang transparan  (bagian kanan dan kiri) , maka akan menjadi seperti gambar berikut :


16.Pindahkan layer 2 dan layer 2 copy ke atas
maka akan ada perubahan , seperti gambar di bawah :
17.Kemudian jika ingin menambah text  ke background twitter yang kita buat , pertama pilih layer background setelah itu pilih Horizontal Type Tool .

18. Kemudian tuliskan seswatu , contoh nama sendiri
Block text, kemudian atur jenis font , warna atau ukuran font.
*lingkaran kuning:jenis font
*lingkaran biru:ukuran font
*lingkaran ungu : warna font
19.Pindahkan layer text yang dibuat jadi paling atas 
20.Kemudian pidahkan posisi text ke atas atau kemana aja dengan Move Tool, asal masih dalam area yang bisa di liat di twitt nantinya
21. kemudian pilih layer background, dan pilih Rectangular Marquee Tool
Seleksi bagian yang masih bercorak warna putih ,.
22. Pilih dan gunakan Brush Tool
warnai area dalam yang telah di seleksi tadi hingga penuh
23.Setelah semuanya telah rata di warnai , simpan gambar tersebut dalam format jpeg/png.
Ganti nama dan tipe gambar
kemudian pilih save , maka hasilnya akan seperti gambar di bawah
jangan lupa juga untuk menyimpan file photoshopnya , barang kali kamu gak mau ngerjakan/desain dariawal  lagi File > Save As > Save

24. selanjutnya upload ke twitter

a. Login ke twitter
b. Buka pengaturan

c. Pilih menu desain
d. ubah latar belakang
e.ubah latar belakang


f. pilih filenya
g.simpan perubahan

maka akan seperti twitter saya dibawah ,







:







Comments

  1. keren, thanks tutorialnya :)

    noh contoh background ane gan yang udah jadi >>> https://twitter.com/arishidayat

    ReplyDelete

Post a Comment

Terimakasih telah membaca artikel ini , saran dan komentar yang baik sangat membangun dalam penulisan artikel berikutnya.
Berkomentarlah sesuai kriteria :
1. Tidak menggunakan kata-kata kasar / mencaci .
2. Tidak menjadi SPAMMER.
3. Biasakan tidak mengirim link aktif , jika mengirim link aktif akan di anggap spam.

Hargailah karya tulis saya walaupun karya tulis ini tidak bermutu bagi anda .

Popular posts from this blog

Nih Foto Pakai Seragamnya

Kalau ada yang belum punya atau filenya hilang , download dari sini aja . Anggia Firsty Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Dedek Gumelar Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Desi Ratnasari Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Dwiki Pratama Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Erma Yusti Sarah Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Hady Eka Saputra @yangpunyablog ^_^ Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Hari Prasetio Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Hervina Klik Show untuk melihat gambarnya klik gambar jika ingin melihat ukuran besar. Indah Lestari Klik Show untuk melih

Program Java GUI : Pengembangan Desain Tampilan GUI

Melanjuti postingan sebelumnya mengenai Program Java GUI : Operasi Dua Angka  , disitu kita lihat bahwa design tampilan Form dan Interface masih standar. Kita bisa merubah tampilan menjadi lebih menarik atau mungkin lebih menorak.Untuk desain sendiri lebih mudah , hanya menggunakan "Propertis". Caranya dengan klik kanan pada setiap komponen dan frame , lihat gambar berikut : Kurang lebih hasilnya Diatas adalah gambar program Operasi 2 Angka , lihat codingnya klik disini >> Loading << . Cara membuka properties dengan cara klik kanan pada komponen yang akan di design . JFrame JLabel JPanel Silahkan di atur aja sesuai yang dibutuhkan , inilah cara simpel untuk mengatur design program yang akan di buat. Semoga postingan ini dapat membantu anda dalam belajar Pemrograman Java.

Kumpulan Boot Screen Windows 7 Part 2

Setelah posting yang part satunya , sekarang post yang part duanya lagi .  Dipart dua ini ada lebih dari 20 animasi boot screen untuk windows 7 anda . halloween Halloween ( Download ) jessica Jessica ( Download ) Radian Metro Radian ( Download ) Minion Minion Boot ( Download ) Molekul Molekul ( Download ) NFS Need For Speed ( With Background atau  No Background ) Only Windows Only Windows ( Download ) Rainbow Puking Rainbow ( Download ) Sakutaro Sakutaro ( Download ) Sburb Alpha Sburb Alpha ( Download ) Sgrub Sgrub ( Download ) Square Square ( Download ) sel Sel Navi ( Download ) Troll Trollin ( Download ) Vienna Vienna ( Download ) Warior Warior ( Download ) Windows Windows 7 1 ( Download ) Windows Windows 7 2 ( Download ) Windows Windows 7 3 ( Download ) Windows Windows 7 4 ( Download ) Windows Windows 7 5 ( Download ) Windows Windows 7 6 ( Download ) Windo