Как да организирате компютъра си с икони „Направи си сам“(Mac): 8 стъпки

2025 Автор: John Day | [email protected]. Последно модифициран: 2025-01-23 14:36

Виновен съм, че никога не съм организирал компютъра си.

Никога.

Затрупан работен плот, папка за изтегляне, документи и т.н. Удивително е, че не съм загубил нищо … все още.

Но организирането е скучно. Времеемко. Как да го направим удовлетворяващ? Нека изглежда добре. Много хубаво.

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

По -долу ще разберете как да персонализирате иконите на папките на компютър с MacBook.

Тази инструкция може да бъде разделена на две части:

1. Ако искате да използвате Photoshop и да направите своя собствена икона от нулата
2. Ако искате да използвате съществуващо изображение като своя икона

За 1, започнете да четете от началото. За 2, преминете към стъпка 7.

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

Не съм професионалист, но се опитах да направя всичко възможно най -ясно.

Надявам се това да е полезно!

Ако ви харесва, моля, гласувайте за мен в конкурса „Spotless“!

Стъпка 1: Настройване на страницата на Photoshop

Според OSXDaily, иконата на MacBook може да бъде с размери 16 × 16 пиксела и 512 x 512 пиксела.

За да бъда в безопасност, щях да направя платното на Photoshop 600x600 пиксела.

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

Когато създавате платното, получавате бял фон. Искаме той да е прозрачен, иначе иконата ви ще показва бял квадратен фон около него (Което може да искате. Ако е така, продължете и запазете цвета).

За да изтриете бялото, трябва да се отървете от заключването на фона.

След това, използвайки {правоъгълния инструмент за маркиране (M)}, изберете всички (команда+A) и изтрийте.

(Вижте пълния списък с инструменти за Photoshop тук).

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

Сега искате да създадете основно ръководство както в хоризонтални, така и във вертикални посоки на платното, което да ви помогне да щракнете изображенията в центъра на платното. Ако не направите това, по-късно може да откриете, че иконата ви не е центрирана спрямо пространството с икони.

Отидете на [Преглед]> [Ново ръководство …] и изберете хоризонтална линия с позиция „300 пиксела“(игнорирайте, че първоначално изскача в сантиметри).

Повторете за вертикална линия с позиция "300 пиксела".

Сега трябва да видите светло синя линия, която минава хоризонтално и вертикално по платното, за да образува кръст в центъра.

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

И накрая, трябва да се уверите, че настройките на Photoshop са настроени така, че всичко, което преместите, да се прилепва към направените от вас ръководства. За това трябва да се уверите, че са проверени две неща:

1. [Преглед]> [Snap]
2. [Преглед]> [Прилепване към]> [Ръководства]

Стъпка 2: Създаване на вашата база с икони

Сега започва забавната част: създаването на собствена икона.

Всъщност обичам да превръщам иконите си в прости думи, като „UKE“за папка, съдържаща моите песни от укулеле, или „WORK“за файлове, свързани с това.

За този Instructable ще покажа пример, използващ думата "FUN".

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

Първо, настройте основата на думата с помощта на {инструмент за хоризонтален тип (T)}.

Тук просто използвам Arial Black, защото:

1. Да не нарушавате законите за авторското право, като използвате изтеглени шрифтове
2. Това е плътен, дебел шрифт

Въведете думата и я щракнете в центъра на вашето платно. За 3-буквена дума препоръчвам размер на шрифта 60 pt, който ще ви даде малко пространство, за да добавите декорации по-късно.

Стъпка 3: Създаване на четка за разсейване

Сега, нека създадем четка за разсейване!

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

Първо направете нов слой.

След това, използвайки {tool tool (B)}, изберете всеки вид четка, който харесвате. Ще използвам обикновен кръг.

Сега във вашите [предварително зададени четки]> [Четка] можете да промените настройките на тази четка, за да я накарате да разпръсква боя.

(Ако не можете да намерите този инструмент, отидете на [Window]> [Brush Presets], за да превключите прозореца на инструмента)

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

Като цяло стандартната четка за разпръскване, която препоръчвам, има следните настройки:

• Форма на върха на четката

  • Твърдост 100%
  • Разстояние 30%

• Динамика на формата: ВКЛ

  • Размер на трептене 100%
  • Минимален диаметър 20%
  • Ъглово трептене 100%
  • Закръглено трептене 0%
  • Flip X Jitter: ВКЛ
  • Flip Y Jitter: ON

• Разпръскване: ВКЛ

  • И двете оси: ИЗКЛ
  • Разпръскване 1000%
  • Брой: 1
  • Брой трептене: 0%
• Текстура: OFF
• Двойна четка: ИЗКЛ

• Цветова динамика: ВКЛ

  • Трептене на преден план/фон 100%
  • Hue Jitter 5%
  • Наситеност Jitter 0%
  • Трептене на яркостта 0%
  • Чистота 0%
• Прехвърляне: ИЗКЛ
• Шум: ИЗКЛ
• Мокри ръбове: ИЗКЛ
• Аерограф: ИЗКЛ
• Изглаждане: ИЗКЛ
• Защита на текстурата: ИЗКЛ

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

Но разбира се, можете да персонализирате всеки, както желаете! По -долу е дадено подробно описание на всяка настройка.

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

1. Форма на четката

Тук можете да видите вида на четката, който сте избрали, и да промените нейния размер.

Твърдост: Вариации в яснотата на очертанията на храста.

• Високи % = по -дефинирани (ясни) очертания на всеки скатер
• Нисък % = по -неясни (неясни) очертания на всеки скатер

Разстояние: Честота на разсейващи точки.

• Високи % = по -редки (по -малко) точки на разсейване
• Нисък % = по -чести (повече) точки на разсейване

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

2. Динамика на формата

Тук можете да промените „случайността“на размера на вашия скатер.

Трептене на размера: Ще получите по -голямо разнообразие от размери. Колкото по -нисък е %, толкова по -еднакъв ще бъде всеки размер.

• Високи % = По -голямо разнообразие от размери на разсейващи точки
• Нисък % = По -малко разнообразие от размер на точките на разсейване

Минимален диаметър: Определя обхвата на това колко малка може да бъде всяка точка на разсейване

• Високи % = по -голям размер на най -малката точка на разсейване (по -малко разнообразие)
• Нисък % = По -малък размер на най -малката точка на разсейване (повече разнообразие)

Ъглово трептене: Случайно завъртане на всяка точка на разсейване

• Високи % = Повече разнообразие на въртене на четката
• Нисък % = По -малко разнообразие на въртене на четката

Roundness Jitter: До каква степен четката ви може да бъде „смачкана“

• Високо % = Още „смачкване“(т.е. ако това е кръгова четка, виждате повече овали)
• Нисък % = По -малко „смачкване“(т.е. ако е кръгова четка, виждате повече кръгове)

Flip X Jitter: Прелистване на четката хоризонтално

Flip Y Jitter: Обръщането на четката вертикално

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

3. Разпръскване

И двете оси: Позволява разсейването да се случи както в X, така и в Y посоките. (Обикновено изключвам това, защото ако е включено, не можете да рисувате на празно място, за да го запълните; то ще се разпръсне на място, различно от мястото, където щракнете. За мен това е просто неудобно.)

Брой: Честота на точките на разсейване

• Високи % = Повече точки
• Нисък % = по -малко точки

Count Jitter: Случайност на броя брой (т.е. ще имате някои области с повече и някои с по -малко точки на разсейване)

• Високи % = Повече вариации
• Нисък % = По -малко вариации

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

4. Текстура

Тук можете да добавите текстура (дизайн) към вътрешността на всяка четка. Photoshop има някои предварително зададени текстури, но можете да изтеглите повече безплатни текстури онлайн, например тук.

Инвертиране: включването и изключването на тази опция ще обърне тъмните и светли области на дизайна; областите с плътен цвят ще станат прозрачни и обратно; по -тъмните зони ще станат по -светли и обратно.

Текстурирайте всеки връх: определя дали можете да видите очертанията на всяка точка на четка за разсейване

• ON = очертанията на всяка точка на разсейване все още ще бъдат отличителни
• OFF = точките на разсейване се смесват заедно

Дълбочина: колко дефинирана е текстурата

• Високи % = текстурата е ясно видима
• Нисък % = текстурата е слаба (лека)

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

5. Двойна четка

Това е по -скоро като текстурата, но вие избирате друга четка, която да бъде ограничена в първата избрана от вас форма на четката.

Добре, нека уточним.

Например, ако оригиналната ви форма на върха на четката е кръг, а двойният ви връх на четката е дизайн на пръски, вашият скатер ще показва пръски, ограничени в кръгове.

Режими: Има много режими. Те определят начина, по който двойните нюанси на четката в оригиналния връх на четката. Искрено бих ви препоръчал просто да преминете през всеки от тях, за да видите как изглежда тук. Както и да е, режимите са: Умножение, Потъмняване, Наслояване, Избягване на цвят, Изгаряне на цвят, Линейно изгаряне, Твърдо смесване и Линейна светлина.

Обръщането, размерът, разстоянието, разпръскването и размерът, ако за двойния връх на четката, но е същото като това за и.

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

6. Цветна динамика

Това създава промяна в цвета на вашите точки на разсейване. Цветовата вариация ще се основава на двата цвята, които изберете (цветове на преден план и фон) във вашата палитра от четки.

Трептене на преден план/фон: степента, до която цветът на фона може да се смеси с цвета на предния план

• Високо % = видим повече от цвета на фона (т.е. при 100 % ще видите пълната гама от цветове между предния план и цвета на фона)
• Нисък % = видима е само малка част от цвета на фона (т.е. при 0 % ще видите само цвета на предния план)

Hue Jitter: степента, до която цветът може да се отклонява от цветовете на преден план и фон

• Високи % = повече случайни цветове (т.е. при 100 % ще видите напълно случайни цветове)
• Нисък % = цветове, подобни на цветовете на преден план и фон (т.е. при 0 % ще видите само цвета на предния план)

Saturation Jitter: степента, до която наситеността на цветовете може да се промени от цветовете на преден план и фон. Ако не сте сигурни какво е насищане, просто го помислете като добавяне в бяло към цвета.

• Високи % = цветовете показват по -големи вариации на наситеността (т.е. повече „избледнели“цветове)
• Нисък % = цветове, подобни на цветовете на преден план и фон (т.е. по -малко "избледнели" цветове)

Brightness Jitter: степента, до която яркостта на цвета може да се промени от цветовете на преден план и фон. Представете си го като добавяне в черно към цвета.

• Високи % = цветовете показват по -големи вариации на яркостта (т.е. повече „тъмни“цветове)
• Нисък % = цветове, подобни на цветовете на преден план и фон (т.е. по -малко „тъмни“цветове)

Чистота: добре, така че това е "изместване на цвета към или далеч от неутралната ос". Прегледах хартия на неутралната ос тук и ще бъда честен … Все още не разбирам. Но аз експериментирах и моето заключение е …

• Положителните % = цветовете стават по -близо до центъра на централната линия на цветните мостри („най -ярката“и „най -силната“форма на цвета
• 0% = цветовете на предния и задния план са точно като цвета, който изберете
• Отрицателните % = цветовете стават по -близо до горната част на цветовите мостри, като в крайна сметка губят целия цвят, за да образуват бяло

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

7. Трансфер

Непрозрачност Jitter: степен на промяна в непрозрачността на точките на разсейване

• Високи % = повече разнообразие в непрозрачността
• Нисък % = по -малко разнообразие в непрозрачността

Трептене на потока: степен на вариация в потока на точките на разсейване

• Високи % = по -голямо разнообразие в потока
• Нисък% = по -малко разнообразие в потока

Разликата между непрозрачността и потока е, че ако отново преминете през сток в рамките на същия ход, можете да направите припокриването по -тъмно, ако дебитът е нисък, но не можете, ако непрозрачността е ниска; ще трябва да направите отделен щрих. (Тук е по -ясно обяснено.)

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

8. Само ON-OFF Настройки

Шум: Ако е ВКЛЮЧЕН, прави ръба на четката ви пикселизиран

Мокри ръбове: Ако е ВКЛЮЧЕН, той подчертава ръба на четката ви и леко намалява нейния поток

Аерограф: Ако е ВКЛЮЧЕН, той намалява потока на четката ви, за да позволи подобни на аерографа натрупващи ефекти

Изглаждане: Ако е ВКЛЮЧЕН, позволява изглаждане на пътя на мишката

Запазване на текстурата: Ако е ВКЛЮЧЕНО, позволява текстурата да бъде видима въпреки други промени в настройките на четката, които иначе биха затруднили виждането на текстурата. Следователно, той е приложим само ако използвате a.

Стъпка 4: Прилагане на Scatter към Word Design

Сега, нека разпръснем четка дизайн в думата!

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

Първо щракнете върху оригиналния слой с текста.

Изберете {инструмента за вълшебна пръчка (W)} и кликнете върху всяка „област“на думата.

Казвам „област“, защото ако буквите на вашия шрифт са свързани, трябва да кликнете върху него само веднъж.

В моя случай буквите F, U и N са отделни, така че трябва да кликна върху всяка от тях поотделно.

Не забравяйте да задържите Shift, когато щракнете върху различни „области“.

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

Сега се върнете към новия слой, който сте създали преди това.

Използвайки цветовия образец и инструмента за избор, изберете цветовете, които искате.

Изберете {четка (B)} и нарисувайте скатер.

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

Бъди креативен!

Стъпка 5: Добавяне на контур към текста

За да подчертаете думите, може да решите да добавите контур към текста.

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

Щракнете двукратно върху слоя с текста, за да отворите прозореца [Стил на слоя].

Включете [Outer Glow].

За да имате стабилен контур, променете настройките на следното:

• Режим на смесване НОРМАЛЕН
• Непрозрачност 100%
• Шум 0%
• Цвят (какъвто и да е контур на цвета, който искате да имат буквите)
• Техника ТОЧНОСТ
• Разпространение 100%
• Размер 10 px (зависи от размера на шрифта)
• Раздел за качество - оставете като предварително зададен

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

Прикачен е фотошоп файлът, който използвах за този Instructable, с някои други дизайнерски идеи върху базова буква "А".

Някои дизайни са доста детски, други са интересни … моля използвайте ги както желаете!

Бъдете креативни!:)

Стъпка 6: Запазване на вашата икона

Command + Shift + S, за да запазите файла си като-p.webp

Важно е да го запазите като PNG, тъй като след това ще запази прозрачния фон. Ако е JPEG, той ще показва бяло вместо прозрачно.

След това, когато го запазите, ще се покаже изскачащ прозорец на-p.webp

Стъпка 7: Направете-p.webp" />

Сега за грандиозния момент!

Ще покажа 3 различни процеса тук:

1. Ако използвате икона, която сте направили
2. Ако използвате икона от онлайн
3. Ако използвате изображение

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

1. Ако използвате икона, която сте направили

Отворете файла с Preview.

Изберете всички (Command + A).

Копиране (Command + C).

Изберете папката, на която искате да промените иконата.

Вземете информация (Command + I).

Кликнете върху иконата на папката в горната част на изскачащия прозорец.

Поставете иконата, която сте копирали преди (Command + V).

СВЪРШЕН!

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

2. Ако използвате икона от онлайн

Тук използвам икона от Creative Commons, за да избегна проблеми с авторските права. Предполагам, че изтеглената от вас икона има цветен фон, за да покаже как да я премахнете.

Отворете файла в Preview.

Отворете [Лента с инструменти за маркиране].

Кликнете върху [Незабавна алфа].

Щракнете върху областта на фона и плъзнете малко, докато фонът бъде маркиран, след което пуснете. Сега фонът трябва да бъде избран.

Изтрий.

Изберете всички (Command + A).

Копиране (Command + C).

Изберете папката, на която искате да промените иконата.

Вземете информация (Command + I).

Кликнете върху иконата на папката в горната част на изскачащия прозорец.

Поставете иконата, която сте копирали преди (Command + V).

СВЪРШЕН!

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

3. Ако използвате изображение

Тук отново използвам изображение от Creative Commons, за да избегна проблеми с авторските права.

Отворете изображението с Визуализация.

Тук можете или просто да изберете всички, в този случай вашето изображение ще бъде правоъгълно, или да отворите [лентата с инструменти за маркиране] и да използвате [инструмент за избор], за да изберете елипсовидна селекция.

Копиране (Command + C).

Изберете папката, на която искате да промените иконата.

Вземете информация (Command + I).

Кликнете върху иконата на папката в горната част на изскачащия прозорец.

Поставете иконата, която сте копирали преди (Command + V).

СВЪРШЕН!

Стъпка 8: Сега организирайте

Сега можете да направите перфектната папка за всяка група документи!

Организирайте файловете на компютъра си!

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

Ако ви хареса този Instructable, моля, гласувайте за мен в състезанието за безупречно!