Logotype de style Figma des années 80 – tutoriel facile pour les effets nostalgiques
En tant qu’ardent admirateur des logotypes de style années 80 et de l’esthétique de cette époque, je me souviens avec émotion de regarder des publicités télévisées et de montrer des vignettes quand j’étais enfant, qui mettaient en évidence des conceptions 3D avec des matériaux chromés, des reflets et des effets de lumière. Les années 80 ont été une période d’extravagance des couleurs et d’expérimentation d’images numériques, où les designers ont repoussé les limites de ce qui était possible avec leur créativité. C’était une époque où tout pouvait être fait, et tout valait la peine d’être essayé. C’était l’inspiration pour essayer cela dans Figma.
Même après plusieurs décennies, je suis constamment attiré par l’attrait de ce style de conception, cherchant toujours des moyens de le recréer à l’aide de divers outils de conception. Récemment, j’utilise Figma pour le travail depuis cinq ans et j’ai été continuellement étonné par son ensemble croissant de fonctionnalités et par la communauté dynamique créant des plugins pour améliorer l’expérience de conception.
Pour mon dernier projet, j’ai exploité l’ensemble d’outils robustes de Figma, y compris ses capacités de gradient, et un plugin incroyable appelé Bruit et texture par Rogie King pour créer une image époustouflante qui capture l’essence du style design des années 80. La possibilité d’intégrer de manière transparente ces outils et plugins dans la plate-forme Figma m’a permis de donner vie à mes visions créatives avec facilité, et je suis ravi de voir où ce voyage me mènera ensuite.
Voici un aperçu rapide de ce que j’ai fait.
Étape 1
Créez un texte tout en majuscules pour que le centre du dégradé soit le même sur toutes les lettres. Il existe d’autres façons d’y parvenir en minuscules, mais cela nécessitera un travail supplémentaire avec les formes de masquage.
Pour le dégradé, vous pouvez jouer avec différentes couleurs, mais il est important que le milieu ait une transition nette du noir au blanc. Idéalement vous avez une couleur super claire en bas, comme du blanc puis une couleur foncée en haut. Entre les deux, vous avez des variations, mais le milieu est la transition difficile.
Étape 2
Pour créer l’aspect 3D, ajoutez un trait extérieur. Faites-le plus grand que 4px. Utilisez ensuite un dégradé pour la couleur du trait. Assurez-vous qu’ils ne correspondent pas à celui de remplissage pour créer des effets de lumière et une sensation de profondeur. Ce que je veux dire, c’est qu’ils ont en quelque sorte un léger décalage.
Étape 3
Ajoutez des ombres intérieures pour créer plus de profondeur.
Étape 4
Dupliquez le calque et appliquez l’effet Layer Blur.
Étape 5
Changez le mode de fusion de ce calque en superposition et utilisez 50% pour l’opacité. Après cela, dupliquez cela et changez le mode de fusion en Écran à 80%. Cela créera un effet lumineux.
Étape 6
Maintenant, ajoutez simplement l’effet de bruit du Bruit et texture par Rogie King
Conclusion
Pour ajouter des fusées éclairantes supplémentaires, créez simplement un cercle et appliquez le dégradé de diamant. Utilisez du blanc pour le centre et du noir pour les côtés. Ensuite, changez simplement le mélange en couleur Dodge. Boom, vous avez créé une lumière parasite. Déplacez-les simplement dans votre conception.
