Membuat Tombol Web sederhana dan modern di Photoshop

Tingkat pemula web / antarmuka pengguna desain tutorial ini akan memandu Anda melalui penciptaan gaya populer tombol yang dapat digunakan dalam berbagai situasi, seperti dalam panggilan-untuk-tindakan, tugas-tugas pengguna umum seperti mengirimkan formulir web , dan membeli produk dari e-toko Anda. Selain penciptaan grafis di Photoshop, kita akan pergi ke HTML dan CSS yang dibutuhkan untuk membuat desain sepenuhnya fungsional.

 Langkah 1: Buat Dokumen Photoshop

Tombol kami buat 170px lebar dan 50px tinggi, tapi kami akan membuat sebuah kanvas besar (600x600px) sehingga kita memiliki beberapa ruang bernapas sementara kami bekerja (maka kita hanya dapat memotong pekerjaan kita sebelum menyimpannya).

Langkah 2: Buat Shape Basis

Gunakan Rounded Rectangle Tool (U) diatur ke Shape Layers dan dengan Radius 5px untuk membuat persegi panjang 170x50px.

 Langkah 3: Berikan Shape Basis Layer Style

Munculnya tombol akan sangat tergantung pada gaya layer. Melakukannya dengan cara ini menawarkan fleksibilitas untuk nanti ketika kita ingin mengubah aspek-aspek tertentu dari desain tombol, seperti warna. Di Layers Panel, klik dua kali layer bentuk dasar untuk membuka jendela dialog Layer Style.

Kami akan memberikan lapisan ini dua efek lapisan: Gradient Overlay dan Stroke. Itu dia.
Gradient Overlay

     Color Stop No. 1 - Warna: # 2877ac, Lokasi: 0%
     Warna Midpoint # 1 - Lokasi: 40%
     Warna Stop No. 2 - Warna: # 87bfe6, Lokasi: 95%
     Warna Midpoint # 2 - Lokasi: 40%
     Warna Stop No. 3 - Warna: # c2def1, Lokasi: 100

 Stroke

Untuk efek lapisan Stroke, kita akan menggunakan warna biru gelap (# 2877ac) yang kami gunakan dari Gradient Overlay, yang akan menciptakan pencampuran ini bagus di bagian bawah tombol.

 Langkah 4: Memberikan Pola Diagonal Baris

Kami akan memberikan tombol pola garis diagonal. Kami akan membuat pola Photoshop dari awal. Untuk memulai, membuat 4x4px baru dokumen Photoshop (Ctrl / Cmd + N).

Gunakan Zoom Tool (Z) untuk memperbesarkan (4x4px sangat sulit untuk melihat tanpa zoom in). Buat layer baru dan menghapus default layer Background putih.

Gunakan Pen Tool di Panel Tools untuk menarik garis diagonal putih dari pojok kiri ke pojok kanan bawah kanvas-tahan Shift untuk membuat garis lurus sempurna.

Masuk ke Edit> Define Pattern untuk menyimpan garis diagonal kami sebagai Pattern.

Beralih kembali ke dokumen utama kami. Di Layers Panel, Ctrl / Cmd + klik pada thumbnail Vector mask dari lapisan Basis Shape untuk memuat seleksi di sekitar bentuk tombol (memilih Pilih> Load Selection melakukan hal yang sama).

Buat layer baru di atas dasar bentuk lapisan untuk pola garis diagonal kami. Pastikan bahwa Anda menyimpan seleksi aktif. Mengisi area yang dipilih dengan pola kita buat dengan pergi ke Edit> Fill dan memilih dalam menu dropdown Kustom Pola.

Kami ingin memangkas tepi pola diagonal dengan 2px sehingga tidak menutupi stroke dan tipis warna highlight horisontal di atas (yang berasal dari Gradient Overlay). Pilih Pilih> Modify, masukkan 2px untuk Kontrak Dengan pilihan, membalikkan seleksi Anda (Pilih> Inverse), pastikan Anda masih pada lapisan pola diagonal, dan kemudian hanya tekan Delete untuk menghapus area yang dipilih.

Kami ingin garis menjadi halus, jadi mari kita beralih Blend Mode diagonal pola garis lapisan untuk Soft Light dan mengurangi Opacity layer menjadi 20%.

Langkah 5: Tambahkan Teks

Gunakan Horizontal Type Tool (T) untuk mengetik teks tombol; Saya menggunakan Museo Slab 500 di 24pt dengan warna teks diatur ke putih (#ffffff).

Di Layers Panel, klik dua kali pada layer teks untuk membuka jendela dialog Layer Style. Memberikan drop shadow dan mengatur warna drop shadow dengan warna biru gelap tombol (# 2877ac) kami.

Langkah 6: Tambahkan Panah

Untuk menunjukkan tindakan (mungkin untuk melambangkan bergerak maju atau pergi ke halaman web Beli sekarang), mari kita menambahkan ikon sederhana pada tombol. Kami akan mengambil jalan pintas cepat di sini: Kami akan menggunakan bentuk kustom yang datang dengan Photoshop, bukan gambar diri kita sendiri. Beralih ke Custom Shape Tool (U) dan, di Bar Pilihan, menemukan Panah 2 bentuk dalam menu Shape dropdown.

 Menggambar bentuk di sisi kanan tombol; dimensi adalah 13x13px, yang sesuai dengan ketinggian karakter huruf kecil dari teks kita.

Gunakan Move Tool (V) untuk membuat penyesuaian yang diperlukan sehingga teks dan panah yang horizontal dan vertikal berpusat di dalam tombol.

 Langkah 7: Buat Negara Hover

Tombol kami dilakukan. Namun, kita harus membuat desain untuk negara arahkan tombol (yaitu bagaimana tombol akan terlihat ketika pengguna melayang di atasnya dengan mouse mereka).

Tempatkan semua lapisan-kecuali background-dalam kelompok lapisan dengan memilih mereka dalam Layers Panel dan kemudian menekan Ctrl / Cmd + G (atau memilih Layer> Grup Layers).

 Gandakan kelompok lapisan, kemudian bergerak ke kanan konten lapisan kelompok duplikat ini di bawah tombol asli.

Klik dua kali copy layer bentuk dasar (itu dalam kelompok lapisan hover) untuk membuka jendela dialog Layer Style. Memodifikasi efek lapisan Gradient Overlay sehingga gradien tampaknya terbalik. Memeriksa opsi Reverse bisa bekerja untuk Anda, tapi aku lebih suka manual tweaking warna gradien berhenti untuk hasil yang lebih baik.

     Color Stop No. 1 - Warna: # 87bfe6, Lokasi: 0%
     Midpoint # 1 - Lokasi: 40%
     Warna Stop No. 2 - Warna: # 2877ac, Lokasi: 95%
     Midpoint # 2 - Lokasi: 40%
     Warna Stop No. 3 - Warna: # 4c9fd7, Lokasi: 100%

 Sekian dulu tutorial kali ini, Semoga bermanfaat

[VERSI ANDROID] VERSI KETUJUH ANDROID

Hai sobat positif, kabar baik donk pastinya. Baik kali ini saya akan membahas mengenai Versi Ketujuh Android. Masih seputar Android bro, kali ini Android mengeluatkan versi ketujuhnya yang mereka kasih nama : 

Android v2.3 Gingerbread

Dirilis pada tanggal 6 Desember 2010 bersamaan dengan dihadirkannya Nexus S yang merupakan perangkat smartphone seri Nexus yang diproduksi oleh Samsung. Versi OS ini juga mengawali kesuksesan Android di jagad smartphone meski masih kalah populer dengan BlackBerry OS. Beberapa vendor mulai serius untuk menggarap perangkat dengan OS Android.

Pada saat itu, Samsung dengan Galaxy series nya berperan besar dalam kesuksesan Android. Promosi yang luar biasa gencarnya membuat orang awam mulai mengenal sistem operasi Android. Bahkan saat itu sebagian besar orang beranggapan bahwa OS Android adalah milik Samsung karena kuatnya branding yang dilakukan oleh Samsung. Ini juga menjadi awal mula kedigdayaan Samsung di jagad smartphone.

[VERSI ANDROID] VERSI KEENAM ANDROID

Hallo sobat Positif, kemarin kita telah membahas versi kelima android. Secara otomatis, kali ini saya akan mebagi informasi mengenai Versi Keenam Android.

Perusahaan Android membuat produk-produknya dengan mengambil nama-nama kue/roti yang pernah dan masih ada di dunia ini.

Pada Versi keenamnya, pihak android memberi nama produknya :

Android v2.2 Frozen Yoghurt (Froyo)

Dirilis pada tanggal 20 Mei 2010. Perangkat dengan OS Android semakin banyak dan kehadirannya mulai dilirik oleh pasar meski masih jauh dibawah kepopuleran OS lain seperti Symbian dan Windows Mobile.

Semoga Bermanfaat

[VERSI ANDROID] VERSI KELIMA ANDROID

Setelah kemarin-kemarin membahas Versi Keempat Android, lanjutan kali ini tentu saja adalah Versi Kelimanya.
Iya betul sekali, Android versi kelima ini dari perusahaannya memberi nama :

Android v2.0 – 2.1 Eclair

Sistem operasi ini juga dirilis tidak sampai setahun setelah perilisan dua versi sebelumnya yakni pada tanggal 26 Oktober 2009. Mereka masih berfokus untuk menutupi bug yang ada dan juga menambahkan beberapa fitur seperti Bluetooth, flash pada kamera, fitur digital zoom pada kamera, multi-touch, live wallpaper, dan lainnya. Hadirnya perangkat seri Nexus dari Google yang pertama kali muncul yakni HTC Nexus One juga menggunakan versi OS Android Eclair.

Sekian dulu untuk kali ini, kita lanjut pembahasannya di Postingan selanjutnya. Semoga Bermanfaat.

[VERSI ANDROID] VERSI KEEMPAT ANDROID

 

Hai sobat positif, bagaimana kabarnya kali ini? Pasti baik-baik saja bukan? Kali ini saya akan berbagi informasi mengenai Versi Lnajutannya Android. Versi Keempat Android adalah ANDROID v1.6 DONUT.

Dirilis tidak sampai setahun setelah perilisan Android Cupcake, yakni pada tanggal 15 September 2009. Versi ini dihadirkan untuk menutupi bug pada versi sebelumnya, sekaligus untuk penambahan beberapa fitur seperti misalnya dukungan untuk perangkat dengan ukuran layar yang lebih besar.

Begitulah sedikit penjelasan tentang Versi Keempat Android. Semoga bermanfaat

PANDUAN MENGGUNAKAN PLAY STORE

Halo sobat Positif, bagaimana kabar hari ini? pasti baik-baik saja bukan. pada kesempatan ini saya akan berbagi tips masih seputar android.

Jika anda baru menggunakan Android atau hanya tidak yakin bagaimana cara menggunakan Google Play Store, saya akan menjelaskan kepada anda tentang Google Play ini. Panduan untuk menggunakan Google Play akan membawa Anda melalui semua ini: bagaimana membuat account di Google Play, menambah atau mengubah kartu kredit, beralih negara, membeli dan pengembalian barang, mengelola privasi Anda dan bahkan mendapatkan aplikasi berbayar secara gratis.

Google Play Store: Cara untuk masuk

Ini adalah langkah paling mudah dari semua: jika Anda sudah memiliki akun Google (atau alamat Gmail - itu hal yang sama) anda memiliki semua yang Anda butuhkan untuk menggunakan Google Play Store. Play Store akan meminta anda untuk masuk, dan semua yang perlu Anda lakukan adalah memasukkan username dan password yang sama yang biasa Anda lakukan. Jika Anda tidak memiliki akun Google Anda bisa mendapatkan salah satu yang sangat mudah, hanya ambil ponsel Anda dan meluncurkan Google Play dan lihat bagian berikutnya di bawah ini.

Google Play Store: Cara membuat akun Google

Play Store akan meminta Anda untuk masuk. Jika anda tidak memiliki akun Google, lihat ke arah bawah layar di mana terlihat menu Buat akun baru. Tekan ini dan masukkan nama Anda.

Anda kemudian akan diminta untuk memberikan akun Google Anda password. Pilih sesuatu yang mudah diingat, tetapi bukan sesuatu yang akan mudah ditebak. Sebuah password yang baik memiliki campuran atas dan huruf kecil, nomor, dan simbol. Semakin kompleks password, semakin sulit untuk di hack.

Berikutnya, anda dapat menambahkan nomor telepon jika anda takut akan memiliki permasalahan dengan akun anda. Anda dapat menggunakan nomor telepon untuk menerima kode yang akan digunakan untuk mengakses akun anda jika lupa password anda. Hal ini juga dapat digunakan untuk dua langkah otentikasi (lebih lanjut akan dijelaskan nanti). Kemudian baca syarat standar dan kondisi Google dan tekan saya setuju di bagian bawah.

Sekarang Anda akan melihat halaman ringkasan akun Anda, termasuk beberapa layanan Google yang populer dan dapat Anda gunakan. Anda tidak perlu menggunakan akun Anda untuk mengakses konten YouTube atau menggunakan Google Maps, tetapi jika Anda masuk maka semua preferensi dan pengaturan dapat diingat.

Akhirnya, tekan Next untuk menerima ringkasan dan kemudian memilih apakah Anda ingin Google melakukan backup aplikasi, data, password Wi-Fi dan pengaturan. Jika Anda melakukannya, hanya tekan Berikutnya; jika tidak, jangan centang kotak pilihan dan kemudian tekan Next.

Sekarang anda akan diminta untuk mengatur info pembayaran, yang kita akan pindah ke bawah. Hal ini diperlukan jika Anda ingin membeli aplikasi berbayar, buku, film, musik atau perangkat melalui Google Play. Hal ini tidak penting untuk hal-hal lain, jadi anda dapat melewatkan bagian berikutnya jika anda tidak berencana menggunakan nya.

Google Play Store: Cara menambahkan kartu kredit

Anda dapat menambahkan rincian pembayaran di Play Store Google bahkan jika Anda tidak berencana untuk membeli sesuatu segera. Tidak ada yang terjadi jika anda menambahkan kartu kredit tetapi tidak menggunakannya, tapi jika anda tidak ingin menghabiskan uang pada aplikasi atau konten maka Anda mungkin harus melewatkan langkah ini. Setelah Anda punya rincian kartu kredit Anda di Google Play akan sangat mudah untuk membeli apapun yang ditawarkan di Google Play Store.

Dengan asumsi anda baik-baik saja dengan menghabiskan satu atau dua dolar sekarang dan mungkin nanti, prosesnya sederhana. Jika Anda telah memasuki titik ini ketika mengatur akun Google baru, cukup pilih opsi yang Anda inginkan dari layar (ditampilkan di atas). Anda dapat menambahkan kartu kredit atau PayPal dengan menggunakan Google Pay. Cukup ikuti petunjuk di layar.

Jika anda memilih ingatkan saya nanti pada saat pemasangan atau ingin menambah kartu kredit nanti, buka Google Play Store, buka navigasi bagian kiri. Ketuk akun saya dan di bagian paling atas Anda akan melihat Tambahkan metode pembayaran. Pilih metode Anda dari daftar dan ikuti petunjuknya. Anda sekarang siap untuk membeli konten pada Google Play Store.

Google Play: cara menambahkan akun baru

Jika anda ingin menambahkan akun kedua untuk aplikasi Google Play Store, anda hanya perlu menambahkan akun Google ke ponsel melalui menu pengaturan. Cukup pergi ke Settings> Account> Add account dan pilih Google dari daftar. Anda sekarang akan hanya perlu masuk dengan account kedua.

Google Play: Cara untuk switch account

Switching akun dalam Google Play Store sangat mudah dan benar-benar sama untuk beralih akun di aplikasi Google lainnya, seperti Gmail. Meluncurkan Play Store, geser layar navigasi dari kiri dan Anda akan melihat account aktif terdaftar di bagian atas.

Jika Anda memiliki lebih dari satu akun Google di ponsel Anda, Anda akan melihat panah kecil di ujung dari alamat email. Tekan ini dan Anda akan melihat account lain pada ponsel Anda. Anda juga akan melihat gambar profil kecil di bagian kanan atas layar navigasi. Anda hanya perlu melakukan ini untuk mengganti akun di Google Play Store.

Google Play: cara menghapus akun

Jika Anda telah menambahkan akun Google tetapi ingin menghapusnya dari Play Store, proses sebaliknya berlaku. Hanya pergi ke Settings> Account> Google dan pilih akun yang ingin Anda hapus. Pada layar berikutnya, tekan menu overflow (tiga titik di sudut kanan atas) dan pilih Hapus akun. Anda akan diminta untuk mengkonfirmasi, dan setelah Anda melakukannya, akun dan semua pengaturannya akan dihapus, termasuk pengaturan dari Google Play Store.

Demikianlah panduang tentang Google Play Store dari saya, terimakasih telah membaca artikel ini

CARA MENGOPTIMALKAN ANDROID LOLLIPOP

Halo sobat Positif, bagaimana kabar hari ini? pasti baik-baik saja bukan. pada kesempatan ini saya akan berbagi tips seputar android. Pasti kalian punya Android kan? 
yang akan saya bahas kali ini adalah OS Android versi 5 atau LOLLIPOP.
Android Lollipop telah menjadi salah satu versi terbaik dari OS mobile favorit kita saat ini. Untuk membantu Anda mendapatkan hasil maksimal dari handphone Anda, berikut adalah beberapa tips dan trik terbaik untuk menggunakan segala fitur Android 5.0 Lollipop - dan untuk menghindari beberapa masalah terbesar pada OS Lollipop

1. Aktifkan Developer Options

Developer Options Lollipop ini memungkinkan Anda untuk men-tweak sistem untuk meningkatkan kinerja dan akses berbagai diagnostik, tapi hal ini tersembunyi secara default. Untuk mengaktifkannya, masuk ke Settings> About Phone dan tekan Build Number sebanyak tujuh kali. Ini akan membuka Settings> Developer Options, di mana Anda dapat mengotak-atik  pengaturan untuk membuat ponsel sesuai dengan selera pribadi anda.

2. Merampingkan layar kunci anda

Android 5.0 Lollipop hadir dengan berbagai pilihan keamanan layar kunci, dari pola klasik, PIN atau password, untuk pilihan Lollipop lebih funky seperti Pendektesi Wajah, Devices Terpercaya atau Tempat Terpercaya. Apapun metode layar kunci yang Anda pilih, pengaturannya harus menjadi salah satu hal pertama yang Anda lakukan dengan telepon apapun.

Jika Anda memilih opsi Wajah Terpercaya, Anda bahkan tidak perlu repot-repot dengan kerumitan dari memasukkan PIN, Anda dapat membuka layar Anda hanya dengan menunjukkan wajah Anda. Menakjubkan sekali!

Trusted Device Lock

Trusted Face Lock

3. Masukan tab Chrome ke dalam Chrome

Ini bukan masalah besar dan mungkin anda tidak masalah untuk memiliki Chrome yang tersebar & menumpuk di recent apps bukan di browser - tapi bagi saya itu adalah pengaturan default yang a menjengkelkan. Untungnya, semua yang perlu anda lakukan agar Chrome anda kembali ke tempat yang seharusnya adalah masuk ke pengaturan Chrome dan menonaktifkan Merge tab dan Aplikasi. Tab Chrome Anda sekarang akan dapat diakses melalui tombol tradisional pada URL bar di browser Chrome.

4. Mainkan permainan tersembunyi

Buka Pengaturan > Tentang Telepon dan tekan  versi Android empat kali. Anda akan melihat permen lolipop; tekan dan tahan, anda dapat memainkan Flappy Bird versi telur Paskah, permainan yang menampilkan maskot Android.

5. Blok Pemberitahuan yang anda tidak inginkan

Prioritas intruksi adalah bagian kunci dari Android 5.0 Lollipop. Fungsi ini memungkinkan Anda untuk menentukan siapa kontak yang paling penting, dan membungkam pemberitahuan dari semua orang tetapi mereka. Setelah anda mendapatkan prioritanya Anda dapat menikmati damai dan tenang kecuali anjing milik ibumu kabur atau pacar mengajak chatting :D

6. Kontrol ponsel anda hanya dengan suara

Ingin memulai sebuah program? Hanya tarik ke atas tombol Home sampai menampilkan logo Google kemudian berkata, "OK Google, launch Photos" - atau aplikasi apapun yang Anda inginkan untuk memulai. Mudah!

7. Uninstall aplikasi email yang tidak berguna

Untuk beberapa alasan yang aneh, Google memutuskan untuk tetap menjaga aplikasi Email yang tidak berguna di Android Lollipop. Ketika Anda memulai untuk pertama kalinya, Anda akan mendapatkan layar splash yang memberitahu Anda Gmail kini menangani layanan Email, dan Anda dapat memeriksa kotak untuk meluncurkan Gmail sebagai gantinya. Tapi mengapa google melakukan itu dan mengambil ruang penyimpanan anda? Buka Pengaturan> Aplikasi> Semua tab, cari Email dan non aktifkan aplikasi tersebut. Email anda akan tetap ditangani oleh Gmail, dan anda menghemat ruang penyimpanan handphone anda.

8. Hentikan orang lain mengakses data pribadi anda

Anda memberikan handphone ke teman untuk menunjukkan kepada mereka sesuatu yang lucu di Twitter, dan sebelum kamu menyadarinya, mereka sedang melihat barang-barang pribadi Anda dan posting hal tersebut ke profil Facebook Anda. Anda dapat menghentikannya sekarang dengan fitur baru pada Android Lollipop. Buka Pengaturan> Keamanan dan mengaktifkan layar Pinning. Sekarang, ketika Anda menekan tombol multi-tasking Anda akan melihat pin; tekan yang ke pin layar dan tidak ada yang bisa keluar dari layar yang sampai mereka tekan dan tahan tombol kembali dan multi-tasking tombol secara bersamaan. Anda dapat melindungi dengan PIN jika Anda mau, atau ingin handphone anda untuk secara otomatis mengunci sendiri saat keluar layar.

9. Buat baterai handphone anda bertahan lebih lama

Segera lakukan ini setelah memiliki Android 5.0 Lollipop di handphone Anda, pergi ke Settings> Battery dan tekan tombol di bagian kanan atas. Tekan Battery Saver, pilih titik hidup baterai default (5 persen atau 15 persen) dan belajarlah untuk terbiasa dengan status orange yang aneh dan bar navigasi untuk mengambil keuntungan dari potensi hemat baterai mengagumkan dari Battery Saver.

Demikianlah artikel saya kali ini "9 tips untuk mengoptimalkan Android Lollipop" terimakasih telah meluangkan waktu untuk membaca nya