Icône AIM Buddy animée personnalisée = Rapide et facile ! : 10 étapes

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

Par TarantuladySuivez plus par l'auteur:

À propos: Salut ! Je suis Dee. Je viens du NJ surpeuplé et sale, où je vis avec mon petit ami et nos nombreux animaux de compagnie. Je suis très intéressé par les arts et l'artisanat et les animaux. Je passe la plupart de mon temps seul à coller des choses ensemble… En savoir plus sur Tarantulady »

Remarque: cette instructable nécessite que vous ayez Adobe Photoshop. Si vous voulez que ce soit une icône animée, vous aurez également besoin d'Adobe Imageready, mais vous pouvez créer une icône statique sans cela. Autres choses dont vous avez besoin: Une image sur votre ordinateur que vous voudrez utiliser pour créer votre icône ! J'ai inclus une vidéo du projet fini, à la fin.

Étape 1: Ouvrir Photoshop/Créer un fichier

Ouvrez Adobe Photoshop. Créez un nouveau document. Largeur = 48 pixelsHauteur = 48 pixels créer le fichier.

Étape 2: Préparez votre photo

Ouvrez maintenant un fichier séparé. Il doit contenir la photo ou l'image que vous souhaitez utiliser pour la première image de l'icône de votre ami.

J'ai utilisé une photo de moi n_n

Étape 3: recadrez-le

Choisissez l'outil marquis. Assurez-vous que c'est le rectangulaire.

En haut de la fenêtre, choisissez "Fixed Aspect Ratio" au lieu de "normal" (par défaut) La largeur et la hauteur saisies n'ont pas d'importance. Cliquez et faites glisser pour sélectionner la section de votre image que vous souhaitez utiliser.

Étape 4: Collez votre image…

Après avoir sélectionné votre section de photo, appuyez sur ctrl+c pour la copier.

Réduisez la photo et revenez au document d'icônes. appuyez sur ctrl+v pour la coller… Votre image ne rentre pas dans la petite fenêtre ! Ne paniquez pas ! 0_0 Appuyez sur ctrl+t. Cela choisira l'outil "transformation libre" et les poignées de l'outil de transformation apparaîtront (voir 2ème image). Pour redimensionner votre image, (omg voir la 3ème image d'abord !!!) MAINTENEZ LA TOUCHE MAJ et faites glisser dans un coin. Lorsque vous êtes satisfait, appliquez la transformation (4e image). Si vous n'avez pas imageready, c'est ici que vous avez fini de créer votre icône. Enregistrez votre fichier au format.gif. Lisez la suite pour voir comment optimiser et téléchargez-le pour viser. Ceux qui sont prêts pour l'image, dépêchez-vous et passez à l'étape suivante !

Étape 5: Créez le calque suivant / Remplissez-le

Créez un nouveau calque (Couche 2).

Choisissez l'outil Pot de peinture dans la boîte à outils. Choisissez une couleur que vous souhaitez utiliser comme arrière-plan pour la deuxième image de votre animation. Le mien est noir. Cliquez pour remplir le calque (assurez-vous que vous êtes sur le calque 2 !!)

Étape 6: saisissez votre message

Choisissez l'outil Texte horizontal. (raccourci = appuyez sur T sur le clavier) En haut de l'écran, assurez-vous de choisir une petite police (environ 6 pt). La police doit être une police de caractères facilement lisible. Les polices sans empattement sont définitivement meilleures pour cela. Choisissez une couleur qui contraste avec votre arrière-plan avant de commencer à taper, sinon ça va être nul. Cliquez sur l'arrière-plan coloré du 2ème calque et commencez à taper votre message. Redimensionnez la police (avec le type en surbrillance) si nécessaire. Un troisième calque sera automatiquement créé pour le type.

Étape 7: Fusionnez les 2e et 3e calques…

D'accord, vous avez terminé à mi-chemin !:) Dans la palette Calques, cliquez avec le bouton droit sur le calque de texte. Choisissez "Rasterize Type" dans le menu. Cliquez à nouveau avec le bouton droit sur le calque de type. Choisissez "Fusionner vers le bas". Cela fusionnera les deux calques supérieurs (le bg et le type). Il est maintenant temps de le modifier dans imageready !!! Shift + ctrl = m vous amènera à imageready.

Étape 8: commencez à animer

Maintenant, nous animons. Ne paniquez pas. Cela va être si facile que vous allez vomir !

Une fois que vous êtes tous chargés dans imageready, assurez-vous que les palettes Calques et Animation sont ouvertes. (voir 1ère image) Sur la palette Animation, cliquez une fois sur le bouton "Dupliquer l'image courante". OH MERDE !! 1 ! Les deux cadres sont identiques ! XD Avec la 2ème image en surbrillance dans la palette Animation, accédez au calque 2 et cliquez sur l'icône en forme de globe oculaire. Cela rend le calque invisible.

Étape 9: Terminez-le

Appuyez sur PLAY. Votre animation devrait être stupide rapidement. Hehehe. Sur la palette Animation, cliquez sous l'image 1, où il est écrit "Pas de délai". Dans le menu contextuel, choisissez une durée (environ 1 seconde est généralement un bon choix - Jouez avec.) Répétez cette étape avec l'image 2. Après avoir lu l'animation et être satisfait, vous êtes prêt à optimiser it. Ouvrez la palette Optimiser. Choisissez-g.webp

Étape 10: Téléchargement de votre icône terminée…

Quelques instructions rapides sur le téléchargement de votre propre icône de visée. Désolé pas de photos, mais il est maintenant 4h du matin et je commence à avoir sommeil:P- Ouvrez votre liste d'amis et connectez-vous.- En haut, choisissez Modifier.- Choisissez Paramètres dans le menu.- Sur la page Paramètres, cliquez sur l'onglet Expressions (côté gauche de l'écran).- Votre icône actuelle est affichée sur le côté droit. Cliquez sur "Parcourir" sous l'icône. - Recherchez le fichier sur votre ordinateur et téléchargez-le ! Remarque: si pour une raison quelconque votre fichier ne se télécharge pas, vous devez revenir à Imageready et l'optimiser jusqu'à ce que la taille du fichier soit suffisamment petite. Ce problème ne se produit généralement pas dans les fichiers-g.webp