Comment organiser votre ordinateur avec des icônes de bricolage (Mac): 8 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-31 10:19

Je suis coupable de ne jamais organiser mon ordinateur.

Déjà.

Bureau encombré, dossier de téléchargement, documents, etc. C'est incroyable, je n'ai rien perdu… pour le moment.

Mais organiser est ennuyeux. Long. Comment le rendre satisfaisant ? Faites en sorte que ça ait l'air sympa. Vraiment sympa.

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

Ci-dessous, vous découvrirez comment personnaliser les icônes de dossier sur un ordinateur MacBook.

Ce Instructable peut être divisé en deux parties:

1. Si vous souhaitez utiliser Photoshop et créer votre propre icône à partir de zéro
2. Si vous souhaitez utiliser une image existante comme icône

Pour 1, commencez à lire depuis le début. Pour 2, passez à l'étape 7.

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

Je ne suis pas un professionnel, mais j'ai essayé de rendre tout aussi clair que possible.

J'espère que c'est utile !

Si vous l'aimez, votez pour moi dans le concours Spotless !

Étape 1: Configuration de la page Photoshop

Selon OSXDaily, une icône MacBook peut être aussi petite que 16 × 16 pixels et aussi grande que 512 x 512 pixels.

Pour être sûr, je ferais le canevas photoshop 600x600 pixels.

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

Lorsque vous créez le canevas, vous obtenez un fond blanc. Nous voulons qu'elle soit transparente, sinon votre icône affichera un fond carré blanc autour d'elle (ce que vous voudrez peut-être. Si c'est le cas, continuez et gardez la couleur).

Pour effacer le blanc, vous devez vous débarrasser du verrou d'arrière-plan.

Ensuite, à l'aide de l'{outil de sélection rectangulaire (M)}, sélectionnez tout (commande+A) et supprimez.

(Voir la liste complète des outils photoshop ici).

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

Vous souhaitez maintenant créer une ligne directrice de base dans les directions horizontale et verticale du canevas pour vous aider à aligner les images au centre du canevas. Si vous ne le faites pas, vous constaterez peut-être plus tard que votre icône n'est pas alignée au centre de l'espace de l'icône.

Allez dans [Affichage]> [Nouveau guide…] et sélectionnez une ligne horizontale avec la position "300 pixels" (ignorez qu'elle apparaît à l'origine en centimètres).

Répétez l'opération pour une ligne verticale avec la position "300 pixels".

Vous devriez maintenant voir une ligne bleu clair s'étendre horizontalement et verticalement sur la toile pour former une croix au centre.

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

Enfin, vous devez vous assurer que les paramètres de votre photoshop sont définis de manière à ce que tout ce que vous déplacez s'aligne réellement sur les guides que vous avez créés. Pour cela, vous devez vous assurer que deux choses sont vérifiées:

1. [Afficher] > [Accrocher]
2. [Affichage] > [Accrocher] > [Guides]

Étape 2: Création de votre base d'icônes

Maintenant, la partie amusante commence: créer votre propre icône.

En fait, j'aime transformer mes icônes en mots simples, comme "UKE" pour un dossier contenant mes chansons de ukulélé, ou "WORK" pour les fichiers pertinents.

Pour ce Instructable, je vais montrer un exemple en utilisant le mot « FUN ».

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

Tout d'abord, configurez la base du mot à l'aide de l'{outil de type horizontal (T)}.

Ici, j'utilise simplement Arial Black, car:

1. Pour ne pas enfreindre les lois sur le droit d'auteur en utilisant des polices téléchargées
2. C'est une police solide et épaisse

Tapez le mot et accrochez-le au centre de votre toile. Pour un mot de 3 lettres, je recommande une taille de police de 60 pt, ce qui vous donnera un peu d'espace extérieur pour ajouter des décorations plus tard.

Étape 3: Création d'un pinceau à dispersion

Maintenant, créons un pinceau à dispersion !

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

Tout d'abord, créez un nouveau calque.

Ensuite, à l'aide de l'{outil pinceau (B)}, sélectionnez le type de pinceau que vous aimez. Je vais utiliser un simple cercle.

Maintenant, dans vos [préréglages de pinceau]> [Pinceau], vous pouvez modifier les paramètres de ce pinceau pour qu'il se disperse pour vous.

(Si vous ne trouvez pas cet outil, allez dans [Fenêtre]> [Préréglages de pinceau] pour basculer la fenêtre de l'outil)

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

En général, un pinceau à dispersion standard que je recommande a les paramètres suivants:

• Forme de la pointe du pinceau

  • Dureté 100%
  • Espacement 30%

• Dynamique de forme: ON

  • Gigue de taille 100%
  • Diamètre minimum 20%
  • Gigue d'angle 100 %
  • Gigue de rondeur 0%
  • Flip X Jitter: ON
  • Flip Y Jitter: ON

• Diffusion: ON

  • Les deux axes: OFF
  • Dispersion à 1000%
  • Compte: 1
  • Compter la gigue: 0%
• Texture: DÉSACTIVÉE
• Brosse double: OFF

• Dynamique des couleurs: ON

  • Gigue de premier plan/arrière-plan 100 %
  • Gigue de teinte 5%
  • Gigue de saturation 0%
  • Gigue de luminosité 0%
  • Pureté 0%
• Transfert: DÉSACTIVÉ
• Bruit: OFF
• Bords mouillés: OFF
• Aérographe: OFF
• Lissage: OFF
• Protéger la texture: OFF

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

Mais bien sûr, vous pouvez personnaliser chacun comme vous le souhaitez ! Vous trouverez ci-dessous une description détaillée de chaque paramètre.

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

1. Forme de la pointe du pinceau

Ici, vous pouvez voir le type de pinceau que vous avez choisi et modifier sa taille.

Dureté: Variations de la clarté du contour du buisson.

• % élevé = contour plus défini (clair) de chaque scatter
• Faible % = contour plus flou (peu clair) de chaque scatter

Espacement: Fréquence des points de dispersion.

• % élevé = points de dispersion plus rares (moins)
• % faible = points de dispersion plus fréquents (plus)

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

2. Dynamique de la forme

Ici, vous pouvez modifier le « caractère aléatoire » de la taille de votre scatter.

Gigue de taille: Plus de variété de tailles que vous obtiendrez. Plus le % est bas, plus chaque taille sera uniforme.

• % élevé = plus grande variété de tailles de points de dispersion
• % faible = moins de variété de tailles de points de dispersion

Diamètre minimum: détermine la plage de taille de chaque point de dispersion

• % élevé = plus grande taille du plus petit point de dispersion (moins de variété)
• % faible = plus petite taille du plus petit point de dispersion (plus de variété)

Gigue d'angle: rotation aléatoire de chaque point de dispersion

• % élevé = plus de variété de rotation de la brosse
• Faible % = Moins de variété de rotation de la brosse

Gigue de rondeur: mesure dans laquelle votre pinceau peut être « écrasé »

• % élevé = plus d'écrasement (c'est-à-dire que si c'est un pinceau circulaire, vous voyez plus d'ovales)
• % faible = moins d'écrasement (c'est-à-dire que si c'est un pinceau circulaire, vous voyez plus de cercles)

Flip X Jitter: Retourner le pinceau horizontalement

Flip Y Jitter: retournement vertical du pinceau

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

3. Diffusion

Les deux axes: permet à la diffusion de se produire dans les deux directions X et Y. (Je désactive généralement cette option car si elle est activée, vous ne pouvez pas dessiner sur un emplacement vide pour le remplir; il se dispersera à un endroit différent de celui où vous cliquez. Pour moi, c'est juste gênant.)

Comptage: fréquence des points de dispersion

• % élevé = plus de points
• Faible % = Moins de points

Count Jitter: caractère aléatoire du nombre de comptage (c'est-à-dire que vous aurez des zones de plus et d'autres de moins de points de dispersion)

• % élevé = plus de variations
• Faible % = Moins de variations

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

4. Textures

Ici, vous pouvez ajouter une texture (design) à l'intérieur de chaque pinceau. Photoshop propose des textures prédéfinies, mais vous pouvez télécharger d'autres textures gratuites en ligne, comme ici.

Inverser: activer et désactiver cette option inversera les zones sombres et claires du dessin; les zones de couleur unie deviendront transparentes et vice versa; les zones plus sombres deviendront plus claires et vice versa.

Texture chaque pointe: détermine si vous pouvez voir le contour de chaque point de pinceau de dispersion

• ON = le contour de chaque point de dispersion sera toujours distinctif
• OFF = les points de dispersion se confondent

Profondeur: comment est définie la texture

• % élevé = la texture est clairement visible
• Faible % = la texture est pâle (légère)

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

5. Double brosse

C'est un peu comme la texture, mais vous choisissez un autre pinceau à confiner dans la première forme de pinceau que vous choisissez.

Bon, clarifions.

Par exemple, si la forme de votre pointe de pinceau d'origine est un cercle et que votre pointe de pinceau double est une conception d'éclaboussures, votre dispersion affichera des éclaboussures confinées dans des cercles.

Modes: Il existe de nombreux modes. Ils déterminent la façon dont les teintes du pinceau double dans la pointe du pinceau d'origine. Honnêtement, je vous recommanderais de parcourir chacun d'eux pour voir à quoi cela ressemble ici. Quoi qu'il en soit, les modes sont: Multiplier, Assombrir, Superposer, Esquiver les couleurs, Brûler les couleurs, Brûler linéairement, Mélanger dur et Lumière linéaire.

Le retournement, la taille, l'espacement, la dispersion et la taille sont pour la pointe du pinceau double, mais c'est la même chose que pour et.

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

6. Dynamique des couleurs

Cela crée une variation dans la couleur de vos points de dispersion. La variation de couleur sera basée sur les deux couleurs que vous choisissez (couleurs de premier plan et d'arrière-plan) dans votre palette de pinceaux.

Gigue de premier plan/arrière-plan: la mesure dans laquelle votre couleur d'arrière-plan peut se mélanger à la couleur de premier plan

• % élevé = plus de couleur d'arrière-plan visible (c'est-à-dire qu'à 100 %, vous verrez toute la gamme de couleurs entre le premier plan et la couleur d'arrière-plan)
• Faible % = seulement un peu de la couleur d'arrière-plan visible (c'est-à-dire à 0%, vous ne verrez que la couleur de premier plan)

Hue Jitter: la mesure dans laquelle la couleur peut s'écarter des couleurs de premier plan et d'arrière-plan

• % élevé = plus de couleurs aléatoires (c'est-à-dire qu'à 100 %, vous verrez des couleurs complètement aléatoires)
• Faible % = couleurs similaires aux couleurs de premier plan et d'arrière-plan (c'est-à-dire qu'à 0%, vous ne verrez que la couleur de premier plan)

Gigue de saturation: la mesure dans laquelle la saturation des couleurs peut changer à partir des couleurs de premier plan et d'arrière-plan. Si vous n'êtes pas sûr de ce qu'est la saturation, pensez simplement à ajouter du blanc à la couleur.

• % élevé = les couleurs présentent une plus grande variation de saturation (c'est-à-dire des couleurs plus « décolorées »)
• Faible % = couleurs similaires aux couleurs de premier plan et d'arrière-plan (c'est-à-dire moins de couleurs « décolorées »)

Gigue de luminosité: la mesure dans laquelle la luminosité des couleurs peut changer par rapport aux couleurs de premier plan et d'arrière-plan. Imaginez que cela ajoute du noir à la couleur.

• % élevé = les couleurs présentent une plus grande variation de luminosité (c'est-à-dire des couleurs plus « foncées »)
• Faible % = couleurs similaires aux couleurs de premier plan et d'arrière-plan (c'est-à-dire moins de couleurs « foncées »)

Pureté: d'accord, donc celui-ci est "le décalage de couleur vers ou loin de l'axe neutre". J'ai parcouru un papier sur l'axe neutre ici, et je vais être honnête… Je ne comprends toujours pas vraiment. Mais, j'ai expérimenté et ma conclusion est…

• % positif = les couleurs se rapprochent du centre de la ligne médiane des échantillons de couleur (la forme "la plus brillante" et "la plus forte" de la couleur
• 0% = les couleurs de premier plan et d'arrière-plan sont identiques à la couleur que vous choisissez
• % négatif = les couleurs se rapprochent du haut des échantillons de couleurs, finissant par perdre toute couleur pour former du blanc

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

7. Transfert

Gigue d'opacité: étendue de la variation de l'opacité des points de dispersion

• % élevé = plus de variété dans l'opacité
• Faible % = moins de variété d'opacité

Flow Jitter: étendue de la variation du flux des points de dispersion

• % élevé = plus de variété dans le débit
• Faible % = moins de variété dans le débit

La différence entre l'opacité et le flux est que si vous repassez un trait dans le même trait, vous pouvez rendre le chevauchement plus sombre si le flux est faible, mais vous ne pouvez pas si l'opacité est faible; vous auriez besoin d'en faire un trait séparé. (C'est plus clairement expliqué ici.)

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

8. ON-OFF uniquement Paramètres

Bruit: si activé, le bord de votre pinceau est pixelisé

Bords mouillés: si activé, il met en valeur le bord de votre pinceau et réduit légèrement son débit

Aérographe: si activé, il réduit le débit de votre pinceau pour permettre des effets de construction semblables à ceux de l'aérographe

Lissage: si activé, il active le lissage du chemin de la souris

Conserver la texture: si cette option est activée, elle permet à la texture d'être visible malgré d'autres modifications apportées aux paramètres du pinceau qui rendraient autrement difficile la visualisation de la texture. Par conséquent, il n'est applicable que si vous utilisez un fichier.

Étape 4: Application du Scatter à Word Design

Maintenant, dispersons un dessin dans le mot !

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

Tout d'abord, cliquez sur le calque d'origine avec le texte.

Sélectionnez l'{outil baguette magique (W)} et cliquez sur chaque "zone" du mot.

Je dis "zone" car si votre police a ses lettres connectées, vous n'avez besoin de cliquer qu'une seule fois dessus.

Dans mon cas, les lettres F, U et N sont toutes séparées, je dois donc cliquer sur chacune d'elles séparément.

Assurez-vous de maintenir la touche Maj enfoncée lorsque vous cliquez sur différentes « zones ».

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

Revenez maintenant au nouveau calque que vous avez créé précédemment.

À l'aide de l'échantillon et du sélecteur de couleurs, sélectionnez les couleurs souhaitées.

Sélectionnez le {pinceau (B)} et dessinez un nuage de points.

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

Sois créatif!

Étape 5: Ajout d'un contour au texte

Pour accentuer les mots, vous pouvez décider d'ajouter un contour au texte.

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

Double-cliquez sur le calque avec le texte pour ouvrir la fenêtre [Style de calque].

Activez le [Lueur externe].

Pour avoir un contour solide, modifiez les paramètres comme suit:

• Mode de fusion NORMAL
• Opacité 100%
• Bruit 0%
• Couleur (quelle que soit la couleur du contour que vous voulez que les lettres aient)
• Technique PRÉCIS
• Répartir 100%
• Taille 10 px (dépend de la taille de la police)
• Section qualité -- laisser comme préréglé

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

Ci-joint le fichier photoshop que j'ai utilisé pour ce Instructable, avec quelques autres idées de conception sur une lettre de base « A ».

Certains designs sont plutôt enfantins, d'autres sont intéressants… utilisez-le comme bon vous semble !

Faire preuve de créativité!:)

Étape 6: Enregistrer votre icône

Commande + Maj + S pour enregistrer votre fichier au format PNG.

Il est important de l'enregistrer au format-p.webp

Ensuite, lorsque vous l'enregistrez, une fenêtre contextuelle [Options PNG] s'affiche. Laissez-le comme préréglage "Aucun".

Étape 7: faire en sorte que le-p.webp" />

Maintenant pour le grand moment !

Je vais montrer ici 3 processus différents:

1. Si vous utilisez l'icône que vous avez créée
2. Si vous utilisez l'icône en ligne
3. Si vous utilisez une image

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

1. Si vous utilisez l'icône que vous avez créée

Ouvrez le fichier avec Aperçu.

Tout sélectionner (Commande + A).

Copier (Commande + C).

Sélectionnez le dossier dont vous souhaitez modifier l'icône.

Obtenir des informations (Commande + I).

Cliquez sur l'icône du dossier en haut de la fenêtre contextuelle.

Collez l'icône que vous avez précédemment copiée (Commande + V).

TERMINÉ!

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

2. Si vous utilisez l'icône en ligne

Ici, j'utilise une icône de Creative Commons pour éviter les problèmes de droits d'auteur. Je suppose que l'icône que vous téléchargez a un arrière-plan coloré pour montrer comment la supprimer.

Ouvrez le fichier dans Aperçu.

Ouvrez [Barre d'outils d'annotation].

Cliquez sur [Alpha instantané].

Cliquez sur la zone d'arrière-plan et faites glisser un peu jusqu'à ce que l'arrière-plan soit tout en surbrillance, puis relâchez. L'arrière-plan doit maintenant être sélectionné.

Effacer.

Tout sélectionner (Commande + A).

Copier (Commande + C).

Sélectionnez le dossier dont vous souhaitez modifier l'icône.

Obtenir des informations (Commande + I).

Cliquez sur l'icône du dossier en haut de la fenêtre contextuelle.

Collez l'icône que vous avez précédemment copiée (Commande + V).

TERMINÉ!

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

3. Si vous utilisez une image

Ici, j'utilise à nouveau une image de Creative Commons pour éviter les problèmes de droits d'auteur.

Ouvrez l'image avec Aperçu.

Ici, vous pouvez soit tout sélectionner, auquel cas votre image sera rectangulaire, soit ouvrir la [barre d'outils de balisage] et utiliser un [outil de sélection] pour sélectionner une sélection elliptique.

Copier (Commande + C).

Sélectionnez le dossier dont vous souhaitez modifier l'icône.

Obtenir des informations (Commande + I).

Cliquez sur l'icône du dossier en haut de la fenêtre contextuelle.

Collez l'icône que vous avez précédemment copiée (Commande + V).

TERMINÉ!

Étape 8: Organisez-vous maintenant

Vous pouvez maintenant créer le dossier parfait pour chaque groupe de documents !

Allez organiser les fichiers de votre ordinateur !

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

Si vous avez apprécié ce Instructable, veuillez voter pour moi dans le concours Spotless !