Comment créer des icônes de surbrillance Instagram

Dans ce didacticiel pas à pas, vous apprendrez à créer un ensemble d’icônes de mise en évidence de l’histoire Instagram dans un style aquarelle marbré mignon et tendance.

En outre, vous apprendrez un peu de théorie et dessinez des icônes par vous-même! Vous pouvez utiliser cette leçon comme modèle pour créer vos propres icônes de surbrillance Instagram et rendre votre compte élégant et fabuleux.

En outre, vous pouvez simplement télécharger des icônes de surbrillance Instagram prêtes à l’emploi à partir d’Envato Elements. Voici quelques exemples:

Et vous pouvez également trouver une gamme beaucoup plus large d’icônes de médias sociaux pour répondre à tous les besoins:

Ce dont tu auras besoin

Si vous souhaitez utiliser la méthode la plus simple, vous pouvez simplement télécharger les actifs:

Pour créer vos propres couvertures uniques, vous aurez besoin de:

  • accès à Adobe Photoshop et Adobe Illustrator (si vous ne disposez pas du logiciel, vous pouvez télécharger une version d’évaluation à partir du Site Web d’Adobe)
  • peintures à l’aquarelle, pinceau et papier aquarelle
  • appareil photo ou scanner (l’appareil photo d’un smartphone est bon)

Téléchargez les programmes, préparez vos peintures et nous pouvons commencer!

Mais d’abord, une théorie.

1. À propos des icônes de mise en évidence de l’histoire Instagram

Exemple d'Instagram Stories Highlights

Les faits saillants des histoires Instagram sont des histoires sélectionnées et enregistrées à partir de votre profil, qui sont fixées sous les informations du compte et que les utilisateurs peuvent consulter à tout moment, même après 24 heures. Ils sont situés sous les informations de votre compte (par exemple, regardez Compte d’Envato).

C’est une excellente possibilité de partager des informations importantes avec vos followers et nouveaux visiteurs et de sauvegarder les meilleures histoires de votre blog. Les faits saillants des histoires sont situés en haut de votre profil et sont plus difficiles à manquer.

En outre, vous pouvez ajouter vos propres couvertures pour les faits saillants d’Instagram. Les couvertures sont un excellent moyen d’ajouter plus d’identité à votre profil et de le rendre plus cohérent. Maintenant, vous pouvez créer un blog vraiment élégant avec un design unique.

Il existe de nombreux styles et variantes de couvertures Instagram Highlight. Aujourd’hui, nous allons apprendre à créer l’une des variantes les plus tendances et les plus flexibles, que vous pouvez appliquer à de nombreux thèmes en changeant simplement les icônes.

Un fond aquarelle dessiné à la main avec un effet marbré – quoi de plus cool? C’est un moyen universel d’ajouter un look léger et astucieux à votre profil et de le rendre plus élégant en même temps. Aujourd’hui, nous allons créer un ensemble sur le thème du voyage comme l’une des tendances Instagram les plus populaires.

Commençons!

2. Comment faire un fond de marbre aquarelle

Étape 1

Il est vraiment facile et rapide de créer votre propre texture aquarelle. Vous avez besoin de couleurs, d’un pinceau (taille moyenne ou grande) et de papier. N’utilisez pas de papier de bureau ordinaire – il est préférable d’utiliser du papier spécial conçu pour les aquarelles. Ce papier est plus dense et ne se déforme pas lors de la peinture.

Je veux créer un fond bleu pour mes couvertures Instagram Stories Highlight, je vais donc utiliser des couleurs bleues et turquoise.

Fournitures d'aquarelle dont vous aurez besoin

Étape 2

Ajoutez de l’eau sur votre papier. Vous devriez avoir une petite flaque d’eau sur le papier, nous avons donc besoin d’un bon papier aquarelle épais.

Ajouter de l'eau au papier aquarelle

Étape 3

Ajoutez au hasard des couleurs à votre tache d’eau.

Ajout de processus de couleur et de texture

Étape 4

Faites couler de l’eau sur les zones avec de la peinture et déplacez le papier pour peindre des motifs magnifiquement flous sur la feuille. J’ai ajouté du sel de cuisine ordinaire pour ajouter une texture plus intéressante. Laissez sécher.

En relation :  Facebook et Twitter agissent sur le message du président Trump à propos du COVID-19
Ajoutez du sel pour créer plus de textures

Étape 5

Notre texture de marbre aquarelle est prête. Faites une bonne photo ou un scan et envoyez-le à votre ordinateur (par Bluetooth, AirDrop, envoyé par e-mail, USB, etc.).

Ouvrez-le dans Adobe Photoshop. Utilisation Niveaux (Commande-L) et déplacez un peu le curseur blanc et noir pour ajouter de la luminosité et du contraste. Vous pouvez également utiliser le Teinte/Saturation panneau (Commande-U) et déplacez le Saturation curseur un peu pour rendre votre texture plus colorée.

La texture est prête! Toutes nos félicitations!

Corriger les niveaux dans Adobe Photoshop

3. Comment créer des icônes de surbrillance Instagram

Nous allons créer un petit jeu d’icônes sur le thème du voyage. C’est facultatif – vous pouvez créer des icônes sur un autre thème. Pour le rendre lisible même à une petite taille en tant que couverture Highlight, n’ajoutez pas de petits détails et de lignes fines.

Étape 1

Tout d’abord, nous devons préparer notre flux de travail.

Créer un Nouveau document (CommanderN, ou Fichier> Nouveau) dans Adobe Illustrator et définissez la taille. Nous réaliserons la conception finale de la couverture dans Adobe Photoshop, donc la taille actuelle n’est pas très importante, mais je vous conseille de ne pas utiliser une taille trop grande ou trop petite. j’ai utilisé 1200 px x 1920 px.

Création d'un nouveau document dans Adobe Illustrator

Étape 2

Nous allons commencer par l’icône de l’avion.

Avec le Outil Rectangle (M), dessinez un rectangle noir vertical. Choisir la Outil de sélection directe (A), cliquez sur le rectangle, et avec le Décalage touche enfoncée, sélectionnez les deux cercles blancs dans les coins supérieurs et déplacez le curseur sur le côté, en maintenant le bouton de la souris enfoncé. Vous obtiendrez des coins arrondis.

Forme principale de l'avion dans Adobe Illustrator

Avec le même Outil de sélection directe (A), sélectionnez les points supérieurs (en maintenant Décalage) et déplacez-les vers le haut en appuyant sur Flèche vers le haut sur le clavier. Maintenant, nous avons la base de l’avion.

Forme principale de l'icône d'avion

Étape 3

Sélectionnez le Outil stylo (P) et dessinez la forme de l’aile. Ensuite, dessinez la forme de la moitié de la queue. Alignez-les horizontalement (Fenêtre> Aligner) la gauche.

Dessin de l'aile et de la queue de l'avion dans Adobe Illustrator

Étape 4

Ajoutez une forme de petit rectangle (R) à l’aile. Déplacez le point inférieur gauche vers le haut avec le Outil de sélection directe (A). Sélectionnez le petit rectangle et la forme de l’aile principale (Outil de sélection, V) et groupez-les (Commande-G).

Détail de l'aile

Étape 5

Sélectionnez l’aile et faites une copie (Commande-C) et collez devant (Commande-F). Clic-droit sur l’aile supérieure et sélectionnez Transformer> Refléter. Choisir Axe vertical et cliquez D’accord.

Refléter vertical dans Adobe Illustrator

Étape 6

Déplacez l’aile supérieure vers la gauche. Répétez l’action avec la queue. Regroupez les ailes et les queues séparément. Sélectionnez les trois objets (ailes, queues et forme du corps principal) et alignez-les au centre.

Aligner des objets dans Adobe Illustrator

Étape 7

Notre avion est presque terminé! Déplacez un peu les points inférieurs de la forme principale (avec le Outil de sélection directe, A) et Unir (Fenêtre> Pathfinder> Unir). Déplacez un peu les points si vous le souhaitez, et nous avons terminé!

Unir les formes d'icônes d'avion

Étape 8

Il est temps pour la prochaine icône: une caméra.

Dessinez un rectangle (M) et autour de son coin. Cliquez simplement sur la forme avec le Outil de sélection directe (A) et déplacez le curseur sur le côté, en maintenant le bouton de la souris enfoncé.

Coins arrondis dans Adobe Illustrator

Étape 9

Ajoutez deux rectangles plus petits. Arrondir leurs coins aussi. Pour rendre votre flux de travail plus confortable, utilisez Refaire (Commande-Z), Agrandir (Commande- +), et Dézoomer (Commande- –).

Ajouter des détails à l'icône de la caméra vectorielle

Étape 10

Avec le Outil Ellipse (L), dessinez un cercle sur l’appareil photo. Met le blanc Couleur (Fenêtre> Couleur).

Dessiner un cercle dans Adobe Illustrator

Étape 11

Copie (Commande + C) et collez devant (Commande-F) votre cercle blanc, changez la couleur en noir, utilisez le Outil de sélection (V), tenir Décalage, et réduisez-le un peu. Sélectionnez à la fois vos cercles et le rectangle supérieur et alignez-les au centre (Fenêtre> Aligner).

Aligner les détails des caméras dans Adobe Illustrator

Étape 12

Dessinez un petit rectangle et colorez-le en blanc. Alignez-le avec le petit noir sur le dessus.

En relation :  Le guide des tailles d'images Facebook pour 2018
Ajout de détails à une icône de caméra

Étape 13

Sélectionnez les trois rectangles noirs et Unir leur (Fenêtre> Pathfinder> Unir).

Réunissez toutes les formes noires dans Adobe Illustrator

Étape 14

Maintenant, sélectionnez toutes les formes de la caméra et Diviser leur. Supprimer (retour arrière) toutes les formes blanches. L’icône de la caméra est terminée!

Icône d'appareil photo dans Adobe Illustrator

Étape 15

La dernière icône de nos couvertures de voyage Highlights est le cocktail. Vous pouvez ajouter des histoires liées à la nourriture et aux boissons sous cette couverture.

Tout d’abord, faisons la forme principale du verre. Utilisez le Polygone Outil (cliquez sur l’icône rectangle dans le panneau d’outils de gauche et sélectionnez le Polygone de la liste). Tout en dessinant la forme, appuyez sur Flèche vers le bas sur le clavier pour définir le nombre d’angles. Maintenant, nous avons un triangle.

Dessiner un triangle dans Adobe Illustrator

Étape 16

Avec le Outil de sélection (V), élargissez-le. Dessinez deux rectangles (M) et placez-le sous le triangle. Réduisez celui du bas et arrondissez ses coins (Outil de sélection directe, A). Sélectionnez toutes les formes et alignez-les (Fenêtre> Aligner).

Aligner des formes dans Adobe Illustrator

Étape 17

Sélectionnez le Outil Ellipse (L), définissez la couleur du trait (Fenêtre> Couleur) à noir, et le remplissage est aucun. Ouvrez le Accident vasculaire cérébral panneau (Fenêtre> Trait), ensemble Casquette ronde, et faites le Poids de course beaucoup plus large (j’ai utilisé 22 px).

Paramètres de contour et de couleur dans Adobe Illustrator

Étape 18

En utilisant le Outil ciseaux (C), coupez votre cercle près de la forme du verre. Supprimez ce nouveau chemin.

Outil Ciseaux dans Adobe Illustrator

Étape 19

Avec le Outil stylo (P), dessinez la paille à cocktail. Sélectionnez tous les éléments et c’est parti Objet> Chemin> Contour du contour. Sélectionnez à nouveau tous les éléments et Unir leur (Fenêtre> Pathfinder> Unir).

Icône de boisson dans Adobe illustrator

L’icône de boisson est prête! Maintenant, nous pouvons enfin créer nos couvertures d’histoires Instagram!

4. Comment créer une couverture Instagram en surbrillance

Étape 1

Faire un Nouveau document (Commande-N ou Fichier> Nouveau) dans Adobe Photoshop. Ensemble Largeur 1080 px et 1920 px Hauteur. La résolution est 72 pixels / pouce. Il s’agit d’une dimension standard d’Instagram Stories. La couverture Instagram Story Highlight est identique à une taille d’histoire normale.

Création d'un nouveau document Adobe Photoshop

Étape 2

Placez votre texture aquarelle dans votre fichier (Fichier> Placer intégré).

Ajouter de la texture à la couverture Instagram Story Highlights

Sélectionnez le Outil Ellipse (U) depuis le panneau d’outils latéral. Dessinez un cercle au milieu de l’image. Tenir Décalage tout en dessinant pour faire un cercle parfait.

Dessiner un cercle parfait dans Adobe Photoshop

Étape 3

Déplacez le calque de cercle sous le calque de texture. Tenir Alt et cliquez entre ces couches. Vous avez maintenant un calque de clip.

Calque de clip dans Adobe Photoshop

Étape 4

Accédez à votre fichier Adobe Illustrator et sélectionnez l’icône du plan. Copier (Commande-C) et coller (Commande-V) à votre fichier Photoshop. Sélectionner Coller comme calque de forme. Déplacez-le, mettez-le à l’échelle et faites-le pivoter à l’aide du Outil de transformation (Commande-T).

Ajouter une icône au modèle de couverture Instagram Story Highlight

Étape 5

Double-cliquez sur le calque de l’icône et changez sa couleur en blanc.

Toutes nos félicitations! Votre couverture est prête. Répétez les étapes pour les autres icônes. Vous pouvez expérimenter et le faire sans le cercle ou modifier la taille de l’icône. Improviser!

Enregistrer (Fichier> Enregistrer sous) la couverture comme .jpeg et envoyez-le sur votre téléphone.

Changer la couleur du calque de forme dans Adobe Photoshop

5. Comment définir vos nouvelles couvertures de surbrillance

Étape 1

Accédez à votre compte Instagram et sélectionnez le Nouveau cercle (créer de nouveaux moments forts d’histoires) sous votre bio. Sélectionnez des histoires déjà publiées pour les rassembler sous forme d’ensemble.

Ensuite, cliquez sur Modifier la couverture sous la couverture suggérée automatiquement. Cliquez sur l’icône de la petite photo et sélectionnez notre nouvelle image aquarelle.

Alignez-le et nous sommes prêts!

Modifier la couverture si Faits saillants dans Instagram

Nous avons finis!

Toutes nos félicitations! Votre profil Instagram cool avec des couvertures de créateurs est prêt. Aujourd’hui, nous avons appris à créer des icônes de mise en évidence d’Instagram. Vous pouvez utiliser ce flux de travail comme base et créer vos propres couvertures.

Merci d’avoir créé et expérimenté avec moi. Profitez du processus et partagez votre résultat!

Comment obtenir des icônes pour les faits saillants d'Instagram

Découvrez quelques-uns de nos autres tutoriels et articles sur ce type de design!

Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.