Как упорядочить свой компьютер с помощью значков DIY (Mac): 8 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-31 10:24

Я виноват в том, что никогда не приводил в порядок свой компьютер.

Всегда.

Загроможденный рабочий стол, папка для загрузки, документы и т. Д. Удивительно, что я ничего не потерял… пока.

Но организовывать скучно. Кропотливый. Как сделать так, чтобы это доставляло удовольствие? Сделайте так, чтобы это выглядело красиво. Действительно мило.

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

Ниже вы узнаете, как настроить значки папок на компьютере MacBook.

Это руководство можно разделить на две части:

1. Если вы хотите использовать фотошоп и сделать свою иконку с нуля
2. Если вы хотите использовать существующее изображение в качестве значка

Для 1 начните читать с начала. Для 2 перейдите к шагу 7.

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

Я не профессионал, но постарался все максимально прояснить.

Надеюсь, это будет полезно!

Если вам это нравится, проголосуйте за меня в Конкурсе на безупречность!

Шаг 1. Настройка страницы Photoshop

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

На всякий случай я бы сделал холст фотошопа 600x600 пикселей.

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

Когда вы создаете холст, вы получаете белый фон. Мы хотим, чтобы он был прозрачным, иначе ваш значок будет показывать белый квадратный фон вокруг него (что, возможно, вы захотите. Если это так, продолжайте и сохраните цвет).

Чтобы стереть белый цвет, нужно избавиться от блокировки фона.

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

(См. Полный список инструментов фотошопа здесь).

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

Теперь вы хотите создать базовую направляющую как в горизонтальном, так и в вертикальном направлениях холста, чтобы помочь вам привязать изображения к центру холста. Если вы этого не сделаете, позже вы можете обнаружить, что ваш значок не выровнен по центру относительно пространства значков.

Перейдите в [View]> [New Guide…] и выберите горизонтальную линию с положением «300 пикселей» (не обращайте внимания на то, что изначально она отображается в сантиметрах).

Повторите то же самое для вертикальной линии с положением «300 пикселей».

Теперь вы должны увидеть голубую линию, проходящую горизонтально и вертикально по холсту, образуя крест в центре.

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

Наконец, вы должны убедиться, что настройки вашего фотошопа настроены так, чтобы все, что вы перемещаете, действительно привязалось к созданным вами направляющим. Для этого вам нужно убедиться, что две вещи проверены:

1. [Просмотр]> [Снимок]
2. [Просмотр]> [Привязка к]> [Руководства]

Шаг 2: Создание базы значков

Теперь начинается самое интересное: создание собственной иконки.

На самом деле мне нравится превращать свои значки в простые слова, например «UKE» для папки, содержащей мои песни для укулеле, или «WORK» для файлов, относящихся к этому.

Для этого руководства я покажу пример, использующий слово «УДОВОЛЬСТВИЕ».

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

Сначала настройте основу слова, используя {инструмент горизонтального набора (T)}.

Здесь я просто использую Arial Black, потому что:

1. Чтобы не нарушать законы об авторских правах, используя загруженные шрифты
2. Это сплошной толстый шрифт

Наберите слово и прикрепите его к центру холста. Для трехбуквенного слова я рекомендую размер шрифта 60 pt, что даст вам немного свободного места для украшения позже.

Шаг 3: Создание точечной кисти

Теперь давайте создадим рассеивающую кисть!

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

Сначала создайте новый слой.

Затем, используя {кисть (B)}, выберите любой тип кисти, который вам нравится. Я буду использовать простой круг.

Теперь в [настройки кисти]> [Кисть] вы можете изменить настройки этой кисти, чтобы она рисовала за вас.

(Если вы не можете найти этот инструмент, перейдите в [Окно]> [Наборы кистей], чтобы переключить окно инструмента)

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

В общем, стандартная кисть с разбросом, которую я рекомендую, имеет следующие настройки:

• Форма кончика кисти

  • Твердость 100%
  • Интервал 30%

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

  • Размер дрожания 100%
  • Минимальный диаметр 20%
  • Угловой джиттер 100%
  • Джиттер округлости 0%
  • Flip X Jitter: ВКЛ.
  • Flip Y Jitter: ВКЛ.

• Рассеяние: ВКЛ.

  • Обе оси: ВЫКЛ.
  • Разброс 1000%
  • Количество: 1
  • Колебание подсчета: 0%
• Текстура: ВЫКЛ.
• Двойная кисть: ВЫКЛ.

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

  • Джиттер переднего / заднего плана 100%
  • Дрожание оттенка 5%
  • Джиттер насыщенности 0%
  • Джиттер яркости 0%
  • Чистота 0%
• Передача: ВЫКЛ.
• Шум: ВЫКЛ.
• Влажные края: ВЫКЛ.
• Аэрограф: ВЫКЛ.
• Сглаживание: ВЫКЛ.
• Защитить текстуру: ВЫКЛ.

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

Но, конечно, вы можете настроить каждую по своему желанию! Ниже приводится подробное описание каждой настройки.

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

1. Форма кончика кисти

Здесь вы можете увидеть тип кисти, которую вы выбрали, и изменить ее размер.

Твердость: Различная четкость контура втулки.

• Высокий% = более четкое (четкое) очертание каждого разброса
• Низкий% = более размытый (нечеткий) контур каждого разброса

Интервал: частота точек разброса.

• Высокий% = более редкие (меньше) точек разброса
• Низкий% = более частые (больше) точек разброса

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

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

Здесь вы можете изменить «случайность» размера разброса.

Джиттер размера: вы получите большее разнообразие размеров. Чем ниже%, тем более однородным будет каждый размер.

• Высокий% = больше разнообразия размеров точек разброса
• Низкий% = меньшее разнообразие размеров точек разброса

Минимальный диаметр: определяет диапазон того, насколько маленькой может быть каждая точка разброса.

• Высокий% = больший размер наименьшей точки разброса (меньшее разнообразие)
• Низкий% = Меньший размер самой маленькой точки разброса (больше разнообразия)

Угловой джиттер: случайное вращение каждой точки разброса

• Высокий% = больше разнообразия вращения кисти
• Низкий% = меньшее разнообразие вращения кисти

Колебание округлости: степень, в которой ваша кисть может быть раздавлена.

• Высокий% = больше «раздавливания» (т. Е. Если это круглая кисть, вы увидите больше овалов)
• Низкий% = меньше "раздавливания" (т. Е. Если это круглая кисть, вы увидите больше кругов)

Flip X Jitter: перевернуть кисть по горизонтали

Flip Y Jitter: перевернуть кисть по вертикали

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

3. Рассеяние

Обе оси: позволяет рассеянию происходить как в направлении X, так и в направлении Y. (Обычно я выключаю это, потому что, если он включен, вы не можете рисовать на пустом месте, чтобы заполнить его; он разлетится в место, отличное от того, где вы щелкаете. Для меня это просто неудобно.)

Count: частота точек разброса

• Высокий% = больше очков
• Низкий% = Меньше баллов

Колебание подсчета: случайность числа подсчетов (т. Е. У вас будет в некоторых областях больше, а в некоторых - меньше точек разброса)

• Высокий% = больше вариаций
• Низкий% = Меньше вариаций

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

4. Текстура

Здесь вы можете добавить текстуру (дизайн) внутри каждой кисти. В Photoshop есть несколько предустановленных текстур, но вы можете загрузить больше бесплатных текстур в Интернете, например здесь.

Инвертировать: включение и выключение этой опции будет инвертировать темные и светлые области дизайна; участки со сплошным цветом станут прозрачными и наоборот; более темные области станут светлее и наоборот.

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

• ВКЛ = контур каждой точки разброса по-прежнему будет отличаться
• ВЫКЛ = точки разброса сливаются вместе

Глубина: как определена текстура

• Высокий% = текстура хорошо видна
• Низкий% = текстура тусклая (светлая)

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

5. Двойная кисть

Это скорее похоже на текстуру, но вы выбираете другую кисть, которая будет ограничена первой выбранной вами формой кисти.

Хорошо, давайте проясним.

Например, если исходная форма кончика кисти представляет собой круг, а двойной кончик кисти представляет собой рисунок с брызгами, то на разбросе будут отображаться брызги, ограниченные кругами.

Режимы: Есть много режимов. Они определяют способ растушевки двойной кисти в исходном кончике кисти. Я честно рекомендую вам просто просмотреть каждый из них, чтобы увидеть, как он здесь выглядит. В любом случае, это следующие режимы: Умножение, Затемнение, Наложение, Осветление цвета, Затемнение цвета, Линейное затемнение, Жесткое смешивание и Линейное освещение.

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

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

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

Это создает вариацию цвета ваших точек разброса. Вариация цвета будет основана на двух цветах, которые вы выберете (цвет переднего плана и цвет фона) для палитры кистей.

Джиттер переднего плана / фона: степень, в которой цвет вашего фона может смешиваться с цветом переднего плана

• Высокий% = больше видимого цвета фона (т. Е. При 100% вы увидите полный диапазон цветов между цветом переднего плана и цветом фона)
• Низкий% = видна лишь небольшая часть цвета фона (т. Е. При 0% вы будете видеть только цвет переднего плана)

Колебание оттенка: степень, в которой цвет может отличаться от цветов переднего плана и фона.

• Высокий% = больше случайных цветов (например, при 100% вы увидите совершенно случайные цвета)
• Низкий% = цвета, похожие на цвета переднего плана и фона (т. Е. При 0% вы увидите только цвет переднего плана)

Колебание насыщенности: степень, в которой насыщенность цвета может изменяться от цветов переднего плана и фона. Если вы не знаете, что такое насыщенность, просто подумайте об этом как о добавлении белого к цвету.

• Высокий% = цвета показывают большее изменение насыщенности (т. Е. Более «блеклые» цвета).
• Низкий% = цвета, похожие на цвета переднего плана и фона (т. Е. Менее «блеклые» цвета)

Колебание яркости: степень, в которой яркость цвета может изменяться от цветов переднего плана и фона. Представьте, что это добавление черного к цвету.

• Высокий% = цвета показывают большее изменение яркости (т. Е. Более «темные» цвета)
• Низкий% = цвета, похожие на цвета переднего плана и фона (т. Е. Менее «темные» цвета)

Чистота: хорошо, это «смещение цвета в сторону нейтральной оси или от нее». Я бегло просмотрел здесь статью о нейтральной оси, и я буду честен… Я до сих пор не совсем понимаю. Но я экспериментировал и пришел к выводу …

• Положительный% = цвета становятся ближе к центру центральной линии образцов цвета (самая яркая и самая яркая форма цвета.
• 0% = цвета переднего плана и фона соответствуют выбранному вами цвету
• Отрицательный% = цвета становятся ближе к верхнему краю образцов цвета, в конечном итоге теряя весь цвет и образуя белый

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

7. Перенос

Колебание непрозрачности: степень вариации непрозрачности точек разброса

• Высокий% = больше разнообразия непрозрачности
• Низкий% = меньшее разнообразие непрозрачности

Джиттер потока: степень изменения потока точек разброса

• Высокий% = больше разнообразия в потоке
• Низкий% = меньшее разнообразие потоков

Разница между непрозрачностью и перетеканием состоит в том, что если вы снова пройдете по штриху в той же мазке, вы можете сделать перекрытие темнее, если поток низкий, но нельзя, если непрозрачность низкая; вам нужно будет сделать это отдельным штрихом. (Здесь это более четко объяснено.)

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

8. Только настройки ВКЛ-ВЫКЛ

Шум: если он включен, края кисти становятся неровными.

Влажные края: если включено, подчеркивает край кисти и немного уменьшает ее растекание.

Аэрограф: если он включен, он уменьшает поток кисти, чтобы создать эффекты, похожие на аэрограф.

Сглаживание: если включено, включает сглаживание траектории мыши.

Сохранить текстуру: если включено, текстура будет видна, несмотря на другие изменения в настройках кисти, которые в противном случае затруднили бы просмотр текстуры. Следовательно, это применимо только в том случае, если вы используете.

Шаг 4: применение разброса к текстовому дизайну

А теперь давайте рассыпаем кистью дизайн в слово!

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

Сначала щелкните исходный слой с текстом.

Выберите {инструмент волшебной палочки (W)} и щелкните каждую «область» слова.

Я говорю «область», потому что, если у вашего шрифта есть связанные буквы, вам нужно щелкнуть его только один раз.

В моем случае буквы F, U и N отдельные, поэтому мне нужно нажимать на каждую из них отдельно.

Обязательно удерживайте нажатой клавишу Shift при щелчке по разным «областям».

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

Теперь вернитесь к новому слою, который вы создали ранее.

Используя образец цвета и палитру, выберите нужные цвета.

Выберите {кисть (B)} и нарисуйте разброс.

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

Будь креативным!

Шаг 5: добавление контура к тексту

Чтобы выделить слова, вы можете добавить к тексту контур.

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

Дважды щелкните слой с текстом, чтобы открыть окно [Стиль слоя].

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

Чтобы контур был сплошным, измените настройки на следующие:

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

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

Прилагается файл фотошопа, который я использовал для этого руководства, с некоторыми другими дизайнерскими идеями на базовой букве «А».

Одни рисунки довольно детские, другие - интересные… используйте, пожалуйста, как хотите!

Проявите творческий подход!:)

Шаг 6: Сохранение вашего значка

Command + Shift + S, чтобы сохранить файл в формате PNG.

Важно сохранить его как PNG, так как в этом случае будет сохранен прозрачный фон. Если это JPEG, он будет отображаться белым, а не прозрачным.

Затем, когда вы сохраните его, появится всплывающее окно [Параметры PNG]. Оставьте предустановку «Нет».

Шаг 7. Создание изображения-p.webp" />

А теперь великий момент!

Я покажу здесь 3 разных процесса:

1. Если вы используете значок, который вы сделали
2. При использовании значка из Интернета
3. Если используется изображение

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

1. Если вы используете созданный вами значок

Откройте файл с предварительным просмотром.

Выделите все (Command + A).

Скопируйте (Command + C).

Выберите папку, значок которой вы хотите изменить.

Получить информацию (Command + I).

Щелкните значок папки в верхней части всплывающего окна.

Вставьте ранее скопированный значок (Command + V).

СДЕЛАНО!

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

2. При использовании значка из Интернета

Здесь я использую значок Creative Commons, чтобы избежать проблем с авторскими правами. Я предполагаю, что загруженный вами значок имеет цветной фон, чтобы показать, как его удалить.

Откройте файл в режиме предварительного просмотра.

Откройте [Панель инструментов разметки].

Щелкните [Instant Alpha].

Щелкните область фона и немного потяните, пока фон не будет выделен полностью, затем отпустите. Теперь должен быть выбран фон.

Удалить.

Выделите все (Command + A).

Скопируйте (Command + C).

Выберите папку, значок которой вы хотите изменить.

Получить информацию (Command + I).

Щелкните значок папки в верхней части всплывающего окна.

Вставьте ранее скопированный значок (Command + V).

СДЕЛАНО!

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

3. При использовании изображения

Здесь я снова использую изображение из Creative Commons, чтобы избежать проблем с авторскими правами.

Откройте изображение с предварительным просмотром.

Здесь вы можете либо просто выбрать все, и в этом случае ваше изображение будет прямоугольным, либо открыть [панель инструментов разметки] и использовать [инструмент выбора], чтобы выбрать эллиптическое выделение.

Скопируйте (Command + C).

Выберите папку, значок которой вы хотите изменить.

Получить информацию (Command + I).

Щелкните значок папки в верхней части всплывающего окна.

Вставьте ранее скопированный значок (Command + V).

СДЕЛАНО!

Шаг 8: Теперь организуйтесь

Теперь вы можете сделать идеальную папку для каждой группы документов!

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

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

Если вам понравилось это Учебное пособие, проголосуйте за меня в Конкурсе на безупречность!