Cara Mengatur Komputer Anda Dengan Ikon DIY (Mac): 8 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-31 10:21

Saya bersalah karena tidak pernah mengatur komputer saya.

Pernah.

Desktop berantakan, folder unduhan, dokumen, dll. Sungguh menakjubkan saya belum kehilangan apa pun… belum.

Tapi berorganisasi itu membosankan. Membuang-buang waktu. Bagaimana membuatnya memuaskan? Membuatnya terlihat bagus. Sangat bagus.

.•°•.•°•.•°•.•°•.•°•.•°•.

Di bawah ini Anda akan menemukan cara menyesuaikan ikon folder di komputer MacBook.

Instruksi ini dapat dibagi menjadi dua bagian:

1. Jika Anda ingin menggunakan photoshop dan membuat ikon Anda sendiri dari awal
2. Jika Anda ingin menggunakan gambar yang ada sebagai ikon Anda

Untuk 1, mulailah membaca dari awal. Untuk 2, lewati ke langkah 7.

.•°•.•°•.•°•.•°•.•°•.•°•.

Saya bukan seorang profesional, tetapi saya mencoba membuat semuanya sejelas mungkin.

Saya harap ini berguna!

Jika Anda menyukainya, silakan pilih saya di Kontes Bersih!

Langkah 1: Menyiapkan Halaman Photoshop

Menurut OSXDaily, ikon MacBook bisa sekecil 16 × 16 piksel dan sebesar 512 x 512 piksel.

Untuk amannya, saya akan membuat kanvas photoshop 600x600 piksel.

.•°•.•°•.•°•.•°•.•°•.•°•.

Saat Anda membuat kanvas, Anda mendapatkan latar belakang putih. Kami ingin itu menjadi transparan, atau ikon Anda akan menampilkan latar belakang persegi putih di sekitarnya (Yang, mungkin Anda inginkan. Jika demikian, lanjutkan dan pertahankan warnanya).

Untuk menghapus putih, Anda harus menyingkirkan kunci latar belakang.

Kemudian, dengan menggunakan {rectangular marquee tool (M)}, pilih semua (command+A) dan hapus.

(Lihat daftar lengkap alat photoshop di sini).

.•°•.•°•.•°•.•°•.•°•.•°•.

Sekarang Anda ingin membuat pedoman dasar dalam arah horizontal dan vertikal kanvas untuk membantu Anda mengambil gambar ke tengah kanvas. Jika Anda tidak melakukan ini, nanti Anda mungkin menemukan bahwa ikon Anda tidak rata tengah dengan ruang ikon.

Masuk ke [View] > [New Guide…] dan pilih garis horizontal dengan posisi "300 piksel" (abaikan bahwa awalnya muncul dalam sentimeter).

Ulangi untuk garis vertikal dengan posisi "300 piksel".

Sekarang Anda akan melihat garis biru muda berjalan secara horizontal dan vertikal melintasi kanvas untuk membentuk salib di tengah.

.•°•.•°•.•°•.•°•.•°•.•°•.

Terakhir, Anda harus memastikan pengaturan photoshop Anda diatur sehingga apa pun yang Anda pindahkan benar-benar sesuai dengan panduan yang Anda buat. Untuk ini, Anda perlu memastikan dua hal diperiksa:

1. [Lihat] > [Jepret]
2. [Lihat] > [Jepret Ke] > [Panduan]

Langkah 2: Membuat Basis Ikon Anda

Sekarang bagian yang menyenangkan dimulai: membuat ikon Anda sendiri.

Saya sebenarnya suka membuat ikon saya menjadi kata-kata sederhana, seperti "UKE" untuk folder yang berisi lagu ukulele saya, atau "WORK" untuk file yang berkaitan dengan itu.

Untuk Instructable ini, saya akan menunjukkan contoh menggunakan kata "FUN".

.•°•.•°•.•°•.•°•.•°•.•°•.

Pertama, siapkan dasar kata menggunakan {horizontal type tool (T)}.

Disini saya hanya menggunakan Arial Black, karena:

1. Untuk tidak melanggar undang-undang hak cipta dengan menggunakan font yang diunduh
2. Ini adalah font yang solid dan tebal

Ketik kata dan pasang ke tengah kanvas Anda. Untuk kata 3 huruf, saya merekomendasikan ukuran font 60 pt, yang akan memberi Anda ruang luar untuk menambahkan dekorasi nanti.

Langkah 3: Membuat Scatter Brush

Sekarang, mari kita buat sikat pencar!

.•°•.•°•.•°•.•°•.•°•.•°•.

Pertama, buat layer baru.

Kemudian, dengan menggunakan {brush tool (B)}, pilih jenis kuas yang Anda suka. Saya akan menggunakan lingkaran sederhana.

Sekarang, di [prasetel kuas] > [Kuas], Anda dapat mengubah pengaturan kuas ini untuk membuatnya menjadi cat pencar untuk Anda.

(Jika Anda tidak dapat menemukan alat ini, buka [Window] > [Brush Presets] untuk mengaktifkan jendela alat)

.•°•.•°•.•°•.•°•.•°•.•°•.

Secara umum, sikat pencar standar yang saya rekomendasikan memiliki pengaturan berikut:

• Bentuk ujung kuas

  • kekerasan 100%
  • Spasi 30%

• Dinamika Bentuk: ON

  • Ukuran Jitter 100%
  • Diameter minimal 20%
  • Sudut Jitter 100%
  • Kebulatan Jitter 0%
  • Balik X Jitter: AKTIF
  • Balik Y Jitter: AKTIF

• Hamburan: ON

  • Kedua Sumbu: OFF
  • Menyebarkan 1000%
  • Hitung: 1
  • Hitung Jitter: 0%
• Tekstur: OFF
• Sikat Ganda: MATI

• Dinamika Warna: ON

  • Latar Depan/Latar Belakang Jitter 100%
  • Hue Jitter 5%
  • Jitter Saturasi 0%
  • Kecerahan Jitter 0%
  • kemurnian 0%
• Transfer: MATI
• Kebisingan: MATI
• Tepi Basah: OFF
• Airbrush: MATI
• Menghaluskan: MATI
• Lindungi Tekstur: OFF

.•°•.•°•.•°•.•°•.•°•.•°•.

Tapi tentu saja, Anda dapat menyesuaikan masing-masing sesuai keinginan! Di bawah ini adalah penjelasan rinci dari setiap pengaturan.

.•°•.•°•.•°•.•°•.•°•.•°•.

1. Bentuk Ujung Kuas

Di sini Anda dapat melihat jenis kuas yang Anda pilih, dan mengubah ukurannya.

Kekerasan: Variasi dalam kejelasan garis semak.

• Tinggi % = garis besar yang lebih jelas (jelas) dari setiap pencar
• % Rendah = lebih buram (tidak jelas) garis besar setiap pencar

Spasi: Frekuensi titik pencar.

• Tinggi % = lebih jarang (kurang) titik pencar
• Rendah % = lebih sering (lebih) titik pencar

.•°•.•°•.•°•.•°•.•°•.•°•.

2. Bentuk Dinamika

Di sini Anda dapat mengubah 'keacakan' ukuran pencar Anda.

Ukuran jitter: Lebih banyak variasi ukuran yang akan Anda dapatkan. Semakin rendah %, semakin seragam setiap ukuran.

• Tinggi % = Lebih banyak variasi ukuran titik pencar
• Rendah% = Lebih sedikit variasi ukuran titik pencar

Diameter Minimum: Menentukan kisaran seberapa kecil setiap titik pencar dapat

• Tinggi % = Ukuran titik sebar terkecil yang lebih besar (lebih sedikit variasi)
• Rendah % = Ukuran titik sebar terkecil lebih kecil (lebih bervariasi)

Angle Jitter: Rotasi acak dari setiap titik pencar

• Tinggi % = Lebih banyak variasi rotasi kuas
• % Rendah = Variasi rotasi kuas yang lebih sedikit

Roundness Jitter: Sejauh mana kuas Anda bisa 'terjepit'

• Tinggi % = Lebih banyak 'squashing' (mis. jika itu sikat lingkaran, Anda melihat lebih banyak oval)
• Rendah % = Lebih sedikit 'squashing' (mis. jika itu sikat lingkaran, Anda melihat lebih banyak lingkaran)

Flip X Jitter: Membalik kuas secara horizontal

Flip Y Jitter: Membalik kuas secara vertikal

.•°•.•°•.•°•.•°•.•°•.•°•.

3. Hamburan

Kedua Sumbu: Memungkinkan hamburan terjadi di kedua arah X dan Y. (Saya biasanya mematikan ini karena jika aktif, Anda tidak dapat menggambar di tempat yang kosong untuk mengisinya; itu akan menyebar ke tempat yang berbeda dengan tempat Anda mengklik. Bagi saya, itu hanya merepotkan.)

Hitungan: Frekuensi titik pencar

• Tinggi % = Lebih banyak poin
• Rendah% = Lebih sedikit poin

Hitung Jitter: Keacakan Jumlah Hitungan (mis. Anda akan memiliki beberapa area dengan lebih banyak dan beberapa lebih sedikit titik pencar)

• Tinggi % = Lebih banyak variasi
• % Rendah = Lebih sedikit variasi

.•°•.•°•.•°•.•°•.•°•.•°•.

4. Tekstur

Di sini Anda dapat menambahkan tekstur (desain) ke bagian dalam setiap kuas. Photoshop memiliki beberapa tekstur yang telah ditetapkan sebelumnya, tetapi Anda dapat mengunduh lebih banyak tekstur gratis secara online, seperti di sini.

Invert: menghidupkan dan mematikan opsi ini akan membalikkan wilayah gelap dan terang desain; area dengan warna solid akan menjadi transparan dan sebaliknya; daerah yang lebih gelap akan menjadi lebih terang dan sebaliknya.

Tekstur setiap ujung: menentukan apakah Anda dapat melihat garis besar setiap titik sikat pencar

• ON = garis besar setiap titik pencar akan tetap khas
• OFF = titik sebar berbaur bersama

Kedalaman: seberapa jelas teksturnya

• Tinggi % = tekstur terlihat jelas
• Rendah % = tekstur redup (ringan)

.•°•.•°•.•°•.•°•.•°•.•°•.

5. Kuas Ganda

Ini agak seperti teksturnya, tetapi Anda memilih kuas lain untuk dibatasi dalam bentuk kuas pertama yang Anda pilih.

Oke, mari kita perjelas.

Misalnya, jika bentuk ujung kuas asli Anda adalah lingkaran, dan ujung kuas ganda Anda adalah desain memerciki, hamburan Anda akan menunjukkan cipratan yang dibatasi dalam lingkaran.

Mode: Ada banyak mode. Mereka menentukan cara warna kuas ganda di ujung kuas asli. Sejujurnya saya akan merekomendasikan Anda hanya pergi melalui masing-masing untuk melihat seperti apa di sini. Bagaimanapun, modenya adalah: Multiply, Darken, Overlay, Color Dodge, Color Burn, Linear Burn, Hard Mix, dan Linear Light.

Flip, size, spacing, scatter, dan size jika untuk ujung kuas ganda, tetapi sama dengan untuk dan.

.•°•.•°•.•°•.•°•.•°•.•°•.

6. Dinamika Warna

Ini menciptakan variasi dalam warna titik pencar Anda. Variasi warna akan didasarkan pada dua warna yang Anda pilih (warna latar depan dan latar belakang) ke palet kuas Anda.

Foreground/Background Jitter: sejauh mana warna latar belakang Anda dapat bercampur dengan warna latar depan

• Tinggi % = lebih banyak warna latar belakang yang terlihat (yaitu pada 100%, Anda akan melihat rentang warna penuh antara warna latar depan dan latar belakang)
• Rendah % = hanya sedikit warna latar belakang yang terlihat (yaitu pada 0%, Anda hanya akan melihat warna latar depan)

Hue Jitter: sejauh mana warna dapat menyimpang dari warna latar depan dan latar belakang

• Tinggi % = lebih banyak warna acak (yaitu pada 100%, Anda akan melihat warna yang benar-benar acak)
• Rendah % = warna yang mirip dengan warna latar depan dan latar belakang (yaitu pada 0%, Anda hanya akan melihat warna latar depan)

Saturation Jitter: sejauh mana saturasi warna dapat berubah dari warna foreground dan background. Jika Anda tidak yakin apa itu saturasi, anggap saja itu menambahkan warna putih ke dalam warna.

• Tinggi % = warna menunjukkan variasi saturasi yang lebih besar (mis. warna yang lebih 'pudar')
• Rendah % = warna yang mirip dengan warna latar depan dan latar belakang (mis. warna yang lebih sedikit 'pudar')

Brightness Jitter: sejauh mana kecerahan warna dapat berubah dari warna foreground dan background. Bayangkan itu seperti menambahkan warna hitam ke dalam warna.

• Tinggi % = warna menunjukkan variasi kecerahan yang lebih besar (mis. lebih banyak warna 'gelap')
• Rendah % = warna yang mirip dengan warna latar depan dan latar belakang (mis. lebih sedikit warna 'gelap')

Kemurnian: oke, jadi ini adalah "pergeseran warna menuju atau menjauh dari sumbu netral". Saya membaca sekilas kertas pada sumbu netral di sini, dan saya akan jujur… Saya masih belum benar-benar mengerti. Tapi, saya bereksperimen dan kesimpulan saya adalah …

• Positif % = warna menjadi lebih dekat ke pusat garis tengah contoh warna (bentuk warna 'tercerah' dan 'terkuat'
• 0% = warna latar depan dan latar belakang sama seperti warna yang Anda pilih
• Negatif % = warna menjadi lebih dekat ke bagian atas swatch warna, akhirnya kehilangan semua warna untuk membentuk putih

.•°•.•°•.•°•.•°•.•°•.•°•.

7. Transfer

Opacity Jitter: tingkat variasi dalam opacity titik pencar

• Tinggi % = lebih banyak variasi dalam opacity
• Rendah% = lebih sedikit variasi dalam opacity

Flow Jitter: tingkat variasi aliran titik pencar

• Tinggi % = lebih banyak variasi dalam aliran
• Rendah% = lebih sedikit variasi dalam aliran

Perbedaan antara opacity dan flow adalah jika Anda mengulang sebuah stoke dalam stroke yang sama, Anda dapat membuat overlap lebih gelap jika flownya rendah, tetapi Anda tidak bisa melakukannya jika opacitynya rendah; Anda harus membuatnya menjadi stroke terpisah. (Lebih jelas dijelaskan di sini.)

.•°•.•°•.•°•.•°•.•°•.•°•.

8. Pengaturan hanya ON-OFF

Kebisingan: Jika AKTIF, itu membuat tepi kuas Anda menjadi piksel

Tepi Basah: Jika AKTIF, ini menekankan tepi kuas Anda dan sedikit mengurangi alirannya

Airbrush: Jika AKTIF, ini mengurangi aliran kuas Anda untuk memungkinkan efek membangun seperti airbrush

Smoothing: Jika AKTIF, ini memungkinkan penghalusan jalur mouse

Pertahankan Tekstur: Jika AKTIF, ini memungkinkan tekstur terlihat meskipun ada perubahan lain pada pengaturan kuas yang akan mempersulit untuk melihat tekstur. Oleh karena itu, ini hanya berlaku jika Anda menggunakan file.

Langkah 4: Menerapkan Scatter ke Word Design

Sekarang, mari kita sebarkan kuas desain ke dalam kata!

.•°•.•°•.•°•.•°•.•°•.•°•.

Pertama, klik pada layer asli dengan teks.

Pilih {magic wand tool (W)}, dan klik pada setiap 'area' dari kata tersebut.

Saya mengatakan 'area' karena jika font Anda memiliki huruf yang terhubung, Anda hanya perlu mengkliknya sekali.

Dalam kasus saya, huruf F, U dan N semuanya terpisah, jadi saya perlu mengklik masing-masing secara terpisah.

Pastikan untuk menahan shift saat Anda mengklik 'area' yang berbeda.

.•°•.•°•.•°•.•°•.•°•.•°•.

Sekarang kembali ke layer baru yang Anda buat sebelumnya.

Menggunakan color swatch dan picker, pilih warna yang Anda inginkan.

Pilih {brush (B)}, dan gambarkan sebaran.

.•°•.•°•.•°•.•°•.•°•.•°•.

Jadilah kreatif!

Langkah 5: Menambahkan Garis Besar ke Teks

Untuk menonjolkan kata-kata, Anda dapat memutuskan untuk menambahkan garis besar ke teks.

.•°•.•°•.•°•.•°•.•°•.•°•.

Klik dua kali pada layer dengan teks untuk membuka jendela [Layer Style].

Alihkan ke [Cahaya Luar].

Untuk memiliki kerangka yang solid, ubah pengaturan ke berikut ini:

• Mode campuran NORMAL
• Opasitas 100%
• Kebisingan 0%
• Warna (garis warna apa pun yang Anda inginkan untuk dimiliki huruf)
• Teknik TEPAT
• Tersebar 100%
• Ukuran 10 px (tergantung ukuran font)
• Bagian kualitas -- biarkan sebagai preset

.•°•.•°•.•°•.•°•.•°•.•°•.

Terlampir adalah file photoshop yang saya gunakan untuk Instructable ini, dengan beberapa ide desain lainnya dengan huruf dasar "A".

Beberapa desain agak kekanak-kanakan, yang lain menarik… silakan gunakan sesuka Anda!

Menjadi kreatif!:)

Langkah 6: Menyimpan Ikon Anda

Command + Shift + S untuk menyimpan file Anda sebagai format PNG.

Penting untuk menyimpannya sebagai-p.webp

Kemudian, ketika Anda menyimpannya, pop-up [Opsi PNG] akan muncul. Biarkan sebagai preset "Tidak Ada".

Langkah 7: Membuat Tampilan-p.webp" />

Sekarang untuk momen besar!

Saya akan menunjukkan 3 proses berbeda di sini:

1. Jika menggunakan ikon yang Anda buat
2. Jika menggunakan ikon dari online
3. Jika menggunakan gambar

.•°•.•°•.•°•.•°•.•°•.•°•.

1. Jika menggunakan ikon yang Anda buat

Buka file dengan Pratinjau.

Pilih semua (Command + A).

Salin (Command + C).

Pilih folder yang ingin Anda ubah ikonnya.

Dapatkan info (Command + I).

Klik ikon folder di bagian atas pop-up.

Tempel ikon yang sebelumnya Anda salin (Command + V).

SELESAI!

.•°•.•°•.•°•.•°•.•°•.•°•.

2. Jika menggunakan ikon dari online

Di sini, saya menggunakan ikon dari Creative Commons untuk menghindari masalah hak cipta. Saya akan menganggap ikon yang Anda unduh memiliki latar belakang berwarna untuk menunjukkan cara menghapusnya.

Buka file di Pratinjau.

Buka [Bilah alat markup].

Klik [Alfa Instan].

Klik pada area latar belakang dan seret sedikit hingga latar belakang tersorot semua, lalu lepaskan. Latar belakang sekarang harus dipilih.

Menghapus.

Pilih semua (Command + A).

Salin (Command + C).

Pilih folder yang ingin Anda ubah ikonnya.

Dapatkan info (Command + I).

Klik ikon folder di bagian atas pop-up.

Tempel ikon yang sebelumnya Anda salin (Command + V).

SELESAI!

.•°•.•°•.•°•.•°•.•°•.•°•.

3. Jika menggunakan gambar

Disini saya kembali menggunakan gambar dari Creative Commons untuk menghindari masalah hak cipta.

Buka gambar dengan Pratinjau.

Di sini Anda dapat memilih semua, dalam hal ini gambar Anda akan berbentuk persegi panjang, atau membuka [toolbar markup] dan menggunakan [alat seleksi] untuk memilih pilihan elips.

Salin (Command + C).

Pilih folder yang ingin Anda ubah ikonnya.

Dapatkan info (Command + I).

Klik ikon folder di bagian atas pop-up.

Tempel ikon yang sebelumnya Anda salin (Command + V).

SELESAI!

Langkah 8: Sekarang Atur

Sekarang Anda dapat membuat folder yang sempurna untuk setiap grup dokumen!

Pergi mengatur file komputer Anda!

.•°•.•°•.•°•.•°•.•°•.•°•.

Jika Anda menikmati Instruksi ini, silakan pilih saya di Kontes Tanpa Noda!