Paano Ayusin ang Iyong Computer Sa Mga Icon ng DIY (Mac): 8 Mga Hakbang

2025 May -akda: John Day | [email protected]. Huling binago: 2025-01-23 15:13

May kasalanan ako sa hindi ko pag-aayos ng aking computer.

Kailanman

Kalat-kalat na desktop, folder ng pag-download, mga dokumento, atbp. Kamangha-mangha na wala akong nawala….

Ngunit ang pag-aayos ay nakakasawa. Gumugol ng oras Paano ito gawing kasiya-siya? Gawin itong maganda. Ang ganda talaga.

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

Sa ibaba malalaman mo kung paano ipasadya ang mga icon ng folder sa isang computer na MacBook.

Ang Instructable na ito ay maaaring hatiin sa dalawang bahagi:

1. Kung nais mong gumamit ng photoshop at gumawa ng iyong sariling icon mula sa simula
2. Kung nais mong gumamit ng isang umiiral na imahe bilang iyong icon

Para sa 1, simulang magbasa mula sa simula. Para sa 2, laktawan ang hakbang 7.

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

Hindi ako isang propesyonal, ngunit sinubukan kong linawin ang lahat hangga't maaari.

Umaasa ako na ito ay kapaki-pakinabang!

Kung gusto mo ito, mangyaring iboto ako sa Spotless Contest!

Hakbang 1: Pag-set up ng Pahina ng Photoshop

Ayon sa OSXDaily, ang isang icon ng MacBook ay maaaring kasing liit ng 16 × 16 pixel at kasing laki ng 512 x 512 pixel.

Upang maging ligtas, sige at gagawin ko ang photoshop canvas na 600x600 pixel.

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

Kapag nilikha mo ang canvas, nakakakuha ka ng puting background. Nais naming maging transparent ito, o kung hindi man ay magpapakita ang iyong icon ng puting square square sa paligid nito (Alin, maaaring gusto mo. Kung gayon, magpatuloy at panatilihin ang kulay).

Upang burahin ang puti, kailangan mong alisin ang lock ng background.

Pagkatapos, gamit ang {rectangular marquee tool (M)}, piliin ang lahat (utos + A) at tanggalin.

(Tingnan ang buong listahan ng mga tool sa photoshop dito).

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

Ngayon nais mong lumikha ng isang pangunahing patnubay sa parehong pahalang at patayong mga direksyon ng canvas upang matulungan kang mag-snap ng mga imahe sa gitna ng canvas. Kung hindi mo ito gagawin, maaari mong makita sa paglaon na ang iyong icon ay hindi nakahanay sa gitna ng puwang ng icon.

Pumunta sa [View]> [Bagong Gabay…] at pumili ng isang pahalang na linya na may posisyon na "300 mga pixel" (huwag pansinin na orihinal itong umuusbong sa mga sentimetro).

Ulitin para sa isang patayong linya na may posisyon na "300 mga pixel".

Ngayon ay dapat mong makita ang isang ilaw na asul na linya na tumatakbo nang pahalang at patayo sa buong canvas upang bumuo ng isang krus sa gitna.

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

Sa wakas, kailangan mong tiyakin na ang iyong mga setting ng photoshop ay nakatakda upang ang anumang ilipat mo ay talagang na-snap sa mga gabay na iyong ginawa. Para sa mga ito kailangan mong tiyakin na ang dalawang bagay ay nasuri:

1. [View]> [Snap]
2. [View]> [Snap To]> [Mga Gabay]

Hakbang 2: Paglikha ng Icon ng Icon

Ngayon nagsisimula ang nakakatuwang bahagi: paggawa ng iyong sariling icon.

Talagang nais kong gawing simpleng salita ang aking mga icon, tulad ng "UKE" para sa isang folder na naglalaman ng aking mga kanta sa ukulele, o "TRABAHO" para sa mga file na nauugnay doon.

Para sa Maituturo na ito, magpapakita ako ng isang halimbawa gamit ang salitang "MASAYA".

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

Una, i-set up ang base ng salita gamit ang {pahalang na tool na tool (T)}.

Dito, ginagamit ko lang ang Arial Black, dahil:

1. Upang hindi makalabag sa mga batas sa copyright sa pamamagitan ng paggamit ng na-download na mga font
2. Ito ay isang solid, makapal na font

I-type ang salita at i-snap ito sa gitna ng iyong canvas. Para sa isang 3 titik na salita, inirerekumenda ko ang isang laki ng font na 60 pt, na magbibigay sa iyo ng ilang labas na espasyo upang idagdag sa mga dekorasyon sa paglaon.

Hakbang 3: Lumilikha ng isang Scatter Brush

Ngayon, gumawa tayo ng isang dispersal brush!

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

Una, gumawa ng isang bagong layer.

Pagkatapos, gamit ang {brush tool (B)}, pumili ng anumang uri ng brush na gusto mo. Gumagamit ako ng isang simpleng bilog.

Ngayon, sa iyong mga [brush preset]> [Brush], maaari mong baguhin ang mga setting ng brush na ito upang gawin itong magkalat-pintura para sa iyo.

(Kung hindi mo mahahanap ang tool na ito, pumunta sa [Window]> [Brush Presets] upang i-toggle ang window ng tool)

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

Sa pangkalahatan, ang isang karaniwang brush na inirerekumenda kong inirerekumenda ay ang mga sumusunod na setting:

• Hugis ng tip ng brush

  • Tigas 100%
  • Puwang ng 30%

• Mga Dynamic na Hugis: NAKA-ON

  • Sukat ng Jitter 100%
  • Minimum na diameter 20%
  • Angle Jitter 100%
  • Roundness Jitter 0%
  • Flip X Jitter: ON
  • Flip Y Jitter: ON

• Pagkalat: ON

  • Parehong Mga Axes: OFF
  • Ikalat ang 1000%
  • Bilang: 1
  • Bilangin ang Jitter: 0%
• Texture: OFF
• Dual Brush: OFF

• Mga Dynamika ng Kulay: NAKA-ON

  • Foreground / Background Jitter 100%
  • Hue Jitter 5%
  • Saturation jitter 0%
  • Liwanag Jitter 0%
  • Kadalisayan 0%
• Paglipat: OFF
• Ingay: NAKA-OFF
• Wet Edges: OFF
• Airbrush: OFF
• Smoothing: OFF
• Protektahan ang Texture: OFF

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

Ngunit syempre, maaari mong ipasadya ang bawat isa ayon sa gusto mo! Nasa ibaba ang isang detalyadong paglalarawan ng bawat setting.

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

1. Brush Tip Shape

Makikita mo rito ang uri ng brush na napili mo, at baguhin ang laki nito.

Katigasan: Mga pagkakaiba-iba sa kalinawan ng balangkas ng bush.

• Mataas na% = mas tinukoy (malinaw) na balangkas ng bawat kalat
• Mababang% = mas malabo (hindi malinaw) na balangkas ng bawat kalat

Spacing: Dalas ng mga puntos ng pagkalat.

• Mataas na% = mas madalang (mas mababa) na mga puntos ng pagkalat
• Mababang% = mas madalas (higit pa) na mga puntos ng pagkalat

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

2. Mga Dynamic na Hugis

Dito mo mababago ang 'randomness' ng laki ng iyong disperse.

Sukat ng jitter: Mas maraming pagkakaiba-iba ng mga laki na makukuha mo. Mas mababa ang%, mas maraming pare-pareho ang bawat laki.

• Mataas na% = Mas maraming pagkakaiba-iba ng laki ng mga puntos ng pagkalat
• Mababang% = Mas kaunting pagkakaiba-iba ng laki ng mga puntos ng pagkalat

Minimum na Diameter: Natutukoy ang saklaw ng kung gaano kaliit ang bawat punto ng pagkalat

• Mataas na% = Mas malaking sukat ng pinakamaliit na punto ng pagkalat (mas kaunting pagkakaiba-iba)
• Mababang% = Mas maliit na sukat ng pinakamaliit na punto ng pagkalat (higit na pagkakaiba-iba)

Angle Jitter: Random na pag-ikot ng bawat punto ng pagkalat

• Mataas na% = Mas maraming pagkakaiba-iba ng pag-ikot ng brush
• Mababang% = Mas kaunting pagkakaiba-iba ng pag-ikot ng brush

Roundness Jitter: Malawak kung saan ang iyong brush ay maaaring 'squash'

• Mataas na% = Mas maraming 'squashing' (ie. Kung ito ay isang brush brush, nakikita mo ang higit pang mga ovals)
• Mababang% = Mas kaunting 'squashing' (ie. Kung ito ay isang brush brush, nakikita mo ang higit pang mga bilog)

Flip X Jitter: I-flipping ang brush nang pahalang

Flip Y Jitter: I-flipping ang brush nang patayo

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

3. Nagkalat

Parehong Mga Axes: Pinapayagan ang pagkalat sa parehong direksyon ng X at Y. (Karaniwan kong pinapatay ito dahil kung ito ay nakabukas, hindi ka makakaguhit sa isang lugar na walang laman upang punan ito; makakalat ito sa isang lugar na naiiba sa kung saan ka nag-click. Para sa akin, nakakabahala lang iyon.)

Bilang: Dalas ng mga puntos ng pagkalat

• Mataas na% = Marami pang mga puntos
• Mababang% = Mas kaunting mga puntos

Bilangin ang Jitter: Pagkasabay sa Bilang ng Bilang (hal. Magkakaroon ka ng ilang mga lugar ng higit pa at ilan sa mga hindi gaanong nagkalat na mga puntos)

• Mataas na% = Higit pang mga pagkakaiba-iba
• Mababang% = Mas kaunting mga pagkakaiba-iba

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

4. pagkakayari

Dito maaari kang magdagdag ng isang texture (disenyo) sa loob ng bawat brush. Ang Photoshop ay may ilang mga preset na texture, ngunit maaari kang mag-download ng higit pang mga libreng mga texture sa online, tulad ng dito.

Baligtarin: ang pag-ON at OFF ng pagpipiliang ito ay babaligtad ng madilim at magaan na mga rehiyon ng disenyo; ang mga lugar na may solidong kulay ay magiging transparent at vice versa; ang mga mas madidilim na lugar ay magiging magaan at kabaliktaran.

I-texture ang bawat tip: tinutukoy kung maaari mong makita ang balangkas ng bawat puntos ng pagsabog ng brush

• ON = balangkas ng bawat puntos ng pagkalat ay magiging natatangi pa rin
• OFF = nagkakalat na mga puntos na magkakasama

Lalim: kung paano tinukoy ang pagkakayari ay

• Mataas na% = pagkakayari ay malinaw na nakikita
• Mababang% = ang pagkakayari ay mahina (magaan)

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

5. Dual Brush

Ito ay tulad ng pagkakayari, ngunit pumili ka ng isa pang brush upang mai-nakakulong sa loob ng unang hugis ng brush na iyong pinili.

Okay, linawin natin.

Halimbawa, kung ang iyong orihinal na hugis na tip ng brush ay isang bilog, at ang iyong dalwang tip ng brush ay isang disenyo ng splatter, ipapakita ng iyong pagkalat ang mga splatter na nakakulong sa mga bilog.

Mga Mode: Maraming mga mode. Natutukoy nila ang paraan ng dalawahang brush shade sa orihinal na tip ng brush. Totoong inirerekumenda ko sa iyo na dumaan ka lamang sa bawat isa upang makita kung ano ang hitsura dito. Gayunpaman, ang mga mode ay ang: Multiply, Darken, Overlay, Color Dodge, Color Burn, Linear Burn, Hard Mix, at Linear Light.

Ang pitik, sukat, spacing, kalat at laki kung para sa dalwang tip ng brush, ngunit pareho ito sa para sa at.

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

6. Mga Dynamic ng Kulay

Lumilikha ito ng isang pagkakaiba-iba sa kulay ng iyong mga puntos ng pagkalat. Ang pagkakaiba-iba ng kulay ay ibabatay sa dalawang kulay na pipiliin mo (mga kulay sa harapan at background) sa iyong brush palette.

Foreground / Background Jitter: ang lawak kung saan maaaring ihalo ang kulay ng iyong background sa kulay ng harapan

• Mataas na% = higit sa nakikita ang kulay ng background (hal. Sa 100%, makikita mo ang buong saklaw ng mga kulay sa pagitan ng harapan at kulay ng background)
• Mababang% = kaunti lamang ng kulay ng background na nakikita (ibig sabihin, sa 0%, makikita mo lamang ang kulay sa harapan)

Hue Jitter: ang lawak kung saan maaaring lumihis ang kulay mula sa harapan at mga kulay sa background

• Mataas na% = higit pang mga random na kulay (hal. Sa 100%, makikita mo ang ganap na mga random na kulay)
• Mababang% = mga kulay na katulad ng mga kulay sa harapan at background (ibig sabihin, sa 0%, makikita mo lamang ang kulay sa harapan)

Ang saturation Jitter: ang lawak kung saan maaaring mabago ang saturation ng kulay mula sa harapan at mga kulay sa background. Kung hindi ka sigurado kung ano ang saturation, isipin lamang ito bilang pagdaragdag ng puti sa kulay.

• Mataas na% = ang mga kulay ay nagpapakita ng mas malaking pagkakaiba-iba ng saturation (hal. Mas maraming 'kupas' na mga kulay)
• Mababang% = mga kulay na katulad ng mga kulay sa harapan at background (ibig sabihin, hindi gaanong 'kupas' na mga kulay)

Liwanag Jitter: ang lawak kung saan maaaring magbago ang liwanag ng kulay mula sa harapan at mga kulay sa background. Isipin ito bilang pagdaragdag ng itim sa kulay.

• Mataas na% = ang mga kulay ay nagpapakita ng mas malaking pagkakaiba-iba ng ningning (hal. Mas maraming 'madilim' na mga kulay)
• Mababang% = mga kulay na katulad ng mga kulay sa harapan at background (ibig sabihin, mas mababa ang 'madilim' na mga kulay)

Kadalisayan: okay, kaya ang isang ito ay "ang paglilipat ng kulay patungo o malayo sa walang kinikilingan na axis". Nag-skim ako sa pamamagitan ng isang papel sa walang kinikilingan na axis dito, at tatapat ako … Hindi ko pa rin talaga nakuha. Ngunit, nag-eksperimento ako at ang aking konklusyon ay…

• Positive% = ang mga kulay ay nagiging mas malapit sa gitna ng gitnang linya ng mga swatch ng kulay (ang 'pinakamaliwanag' at 'pinakamalakas' na form ng kulay
• 0% = ang mga kulay sa harapan at background ay tulad ng kulay na iyong pipiliin
• Negatibong% = ang mga kulay ay nagiging mas malapit sa tuktok ng mga swatch ng kulay, sa huli ay mawala ang lahat ng kulay upang maputi ang puti

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

7. Paglipat

Opacity Jitter: lawak ng pagkakaiba-iba sa opacity ng mga puntos na kalat

• Mataas na% = mas maraming pagkakaiba-iba sa opacity
• Mababang% = mas kaunting pagkakaiba-iba sa opacity

Flow Jitter: lawak ng pagkakaiba-iba sa daloy ng mga puntos na kalat

• Mataas na% = mas maraming pagkakaiba-iba sa daloy
• Mababang% = mas kaunting pagkakaiba-iba ng daloy

Ang pagkakaiba sa pagitan ng opacity at flow ay kung muling lumipas ang isang stoke sa loob ng parehong stroke, maaari mong gawing mas madidilim ang overlap kung mababa ang daloy, ngunit hindi mo magagawa kung mababa ang opacity; kakailanganin mong gawin itong isang hiwalay na stroke. (Mas malinaw na ipinaliwanag dito.)

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

8. Mga setting lang na ON-OFF

Ingay: Kung NAKA-ON, ginagawa nitong pixelated ang gilid ng iyong brush

Wet Edges: Kung ON, binibigyang diin nito ang gilid ng iyong brush at binawasan nang bahagya ang daloy nito

Airbrush: Kung NAKA-ON, binabawasan nito ang daloy ng iyong brush upang payagan ang mga mala-airbrush na build up effect

Smoothing: Kung NAKA-ON, nagbibigay-daan ito sa paglinis ng landas ng mouse

Panatilihin ang Tekstura: Kung NAKA-ON, pinapayagan itong makita ang pagkakayari kahit na may iba pang mga pagbabago sa mga setting ng brush na kung hindi ay pahihirapan itong makita ang pagkakayari. Samakatuwid, nalalapat lamang ito kung gumamit ka ng a.

Hakbang 4: Paglalapat ng Kalat sa Disenyo ng Salita

Ngayon, isabog natin ang isang disenyo sa salita!

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

Una, mag-click sa orihinal na layer na may teksto.

Piliin ang {magic wand tool (W)}, at mag-click sa bawat 'lugar' ng salita.

Sinasabi kong 'lugar' dahil kung ang iyong font ay may koneksyon sa mga titik, kailangan mo lang itong i-click nang isang beses.

Sa aking kaso, ang mga titik na F, U at N ay magkakahiwalay lahat, kaya kailangan kong mag-click sa bawat isa sa kanila nang magkahiwalay.

Siguraduhing hawakan ang paglilipat kapag nag-click ka sa iba't ibang mga 'lugar'.

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

Bumalik ngayon sa bagong layer na dati mong nilikha.

Gamit ang color swatch at picker, piliin ang mga kulay na gusto mo.

Piliin ang {brush (B)}, at gumuhit ng isang disperse.

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

Maging malikhain!

Hakbang 5: Pagdaragdag ng isang Balangkas sa Teksto

Upang tuldikin ang mga salita, maaari kang magpasya na magdagdag ng isang balangkas sa teksto.

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

Mag-double click sa layer na may teksto upang buksan ang window ng [Layer Style].

I-toggle SA [Outer Glow].

Upang magkaroon ng isang solidong balangkas, baguhin ang mga setting sa sumusunod:

• Blend mode NORMAL
• Opacity 100%
• Ingay 0%
• Kulay (anumang balangkas ng kulay ang nais mong magkaroon ng mga titik)
• Diskarte PRECISE
• Ikalat ang 100%
• Laki ng 10 px (nakasalalay sa laki ng font)
• Seksyon ng kalidad - iwan bilang preset

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

Nakalakip ang photoshop file na ginamit ko para sa Instructable na ito, na may ilang iba pang mga ideya sa disenyo sa isang batayang titik na "A".

Ang ilang mga disenyo ay parang bata, ang iba ay kawili-wili … mangyaring gamitin ito subalit nais mo!

Maging malikhain!:)

Hakbang 6: Sine-save ang Icon mo

Command + Shift + S upang mai-save ang iyong file bilang isang format na PNG.

Mahalagang i-save ito bilang isang-p.webp

Pagkatapos, kapag na-save mo ito, lilitaw ang isang pop-up ng [Mga Pagpipilian sa PNG]. Iwanan ito bilang preset na "Wala".

Hakbang 7: Paggawa ng-p.webp" />

Ngayon para sa engrandeng sandali!

Ipapakita ko rito ang 3 magkakaibang proseso:

1. Kung gumagamit ng icon na iyong ginawa
2. Kung gumagamit ng icon mula sa online
3. Kung gumagamit ng imahe

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

1. Kung gumagamit ng icon na iyong ginawa

Buksan ang file gamit ang Preview.

Piliin ang lahat (Command + A).

Kopyahin (Command + C).

Piliin ang folder na nais mong baguhin ang icon ng.

Kumuha ng impormasyon (Command + I).

Mag-click sa icon ng folder sa tuktok ng pop-up.

I-paste ang icon na dati mong kinopya (Command + V).

TAPOS NA!

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

2. Kung gumagamit ng icon mula sa online

Dito, gumagamit ako ng isang icon mula sa Creative Commons upang maiwasan ang mga problema sa copyright. Ipagpalagay ko na ang icon na iyong na-download ay may kulay na background upang maipakita kung paano ito alisin.

Buksan ang file sa Preview.

Buksan ang [Markup toolbar].

Mag-click sa [Instant Alpha].

Mag-click sa background area at i-drag nang kaunti hanggang sa ma-highlight ang background, pagkatapos ay bitawan. Ang background ay dapat mapili na ngayon.

Tanggalin

Piliin ang lahat (Command + A).

Kopyahin (Command + C).

Piliin ang folder na nais mong baguhin ang icon ng.

Kumuha ng impormasyon (Command + I).

Mag-click sa icon ng folder sa tuktok ng pop-up.

I-paste ang icon na dati mong kinopya (Command + V).

TAPOS NA!

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

3. Kung gumagamit ng imahe

Narito muli akong gumagamit ng isang imahe mula sa Creative Commons upang maiwasan ang mga problema sa copyright.

Buksan ang imahe gamit ang Preview.

Dito maaari mo lamang piliin ang lahat, kung saan ang iyong imahe ay magiging hugis-parihaba, o buksan ang [markup toolbar] at gumamit ng isang [tool sa pagpili] upang pumili ng isang elliptical na pagpipilian.

Kopyahin (Command + C).

Piliin ang folder na nais mong baguhin ang icon ng.

Kumuha ng impormasyon (Command + I).

Mag-click sa icon ng folder sa tuktok ng pop-up.

I-paste ang icon na dati mong kinopya (Command + V).

TAPOS NA!

Hakbang 8: Ngayon Ayusin

Ngayon ay maaari mong gawin ang perpektong folder para sa bawat pangkat ng dokumento!

Pumunta sa ayusin ang mga file ng iyong computer!

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

Kung nasisiyahan ka sa Instructable na ito, mangyaring bumoto para sa akin sa Spotless Contest!