Une tendance forte relevée par Iscomigoo Webdesign: les fonds abstraits polygonaux en flat design
Vous en voyez de plus en plus et vous vous dites que finalement vous aussi vous aimeriez adapter cette tendances à certains de vos travaux ?
Et bien aujourd'hui, je propose un article sur Iscomigoo Webdesign complètement dédié à ces fonds abstraits utilisant des formes plus ou moins triangulaires dans des dégradés de couleurs plus attrayants les uns que les autres.
La solution des ressources gratuites grâce à Iscomigoo
Vous êtes pressés ou tout simplement un tout petit peu flemmard?
Je vous propose deux solutions plutôt rapides:
Transparent Textures, un outils pour créer vos propres fonds
C'est un outils déjà présentés sur Iscomigoo Webdesign mais qui est fort utile. Le principe: changer la couleur de fond du site pour visualiser les différents motifs sur fonds transparents qui s'y superposent.Vous pouvez ensuite télécharger le motif pour l'utiliser sur la couleur souhaiter, ou bien sélectionner la dimension du fond que l'on souhaite (comme par exemple le fond pour un écran d'accueil d'iPhone), la couleur, le motif et télécharger le résultat.
En quelques clics, votre fond polygonal est prêt à l'emploi!
 |
| Les fond abstraits polygonaux en flat design sur Iscomigoo Webdesign: Transparent Textures |
 |
| Les fond abstraits polygonaux en flat design sur Iscomigoo Webdesign: Transparent Textures |
Téléchargement de ressources gratuites
Encore plus simple, voici une sélection de packs de fonds abstraits polygonaux en flat design à télécharger gratuitement et à utiliser comme bon vous semble ! |
| Ressources gratuites sélectionnées par Iscomigoo Webdesign: 5 fonds géométriques |
Téléchargez ce pack de 5 fonds géométriques.
 |
| Ressources gratuites sélectionnées par Iscomigoo Webdesign: 10 fonds géométriques |
Téléchargez ce pack de 10 fonds géométriques.
La solution du tutoriel déniché par Iscomigoo
Je suis tombée il y a peu de temps sur un tutoriel vous permettant de réaliser vous-même votre propre fond abstrait polygonal en flat design. Pour consulter le site d'origine, vous trouverez le tutoriel sur le site de Wonkastudio.
Prévoyez 20 minutes pour réaliser ce fond grâce à ce tutoriel.
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
#01: Téléchargez Triangulator
Tout ce tutoriel repose sur l'utilisateur de Triangulator qui va vous permettre des créer des polygones en fonction d'une image que vous aurez choisie.
Cette première étape est donc des plus simple: téléchargez Triangulator sur Wonkastudio et installez-le.
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
#02: Sélectionnez une image
Pour obtenir un fond polygonal abstrait il vous suffit de sélectionner une image qui servira de base pour la création de polygones.
Choisissez donc votre image en fonction de la couleur de fond que vous souhaitez obtenir.
Il est également préférable de ne pas choisir une image trop complexe et peu colorée pour un résultat optimal, mais n'importe quelle image fonctionne.
Prenez par exemple une photographie dans ce genre là:
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
#03: Importez votre image et "polygonisez-la"
Ouvrez ensuite le fichier "index.html" dans Triangulator dans un navigateur web.
Wonkastudio conseille d'utiliser la dernière version de Firefox pour une meilleure utilisation du logiciel.
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
Ensuite, vous n'avez qu'à importer votre image en la glissant dans le navigateur pour la charger.
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
Cliquez ensuite sur "add 25 vertices randomly" en haut à gauche du navigateur pour créer de manière aléatoire 25 polygones sur votre images que vous pourrez par la suite personnaliser.
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
#04: Personnalisez vos polygones
Tous vos polygones sont modifiables. Il vous suffit de cliquer sur chaque jointure et chaque coin de polygone pour les personnaliser comme bon vous semble. Vous pouvez également ajouter de nouveaux polygones pour en avoir davantage sur votre fond.
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
Votre fond vous plait? Exportez-le en .svg pour ensuite le peaufiner sous Photoshop (ou sous un autre logiciel de votre choix).
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
Voici le résultat de Wonkastudio, qui vous permet de téléchargez tous les fichiers sources en .psg de ce tutoriel.
A vous de jouer !
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: le tutoriel de Wonkastudio |
Sélection de fonds polygonaux by Iscomigoo Webdesign
Si vous n'êtes pas encore convaincus par l'utilisation de ces fonds, je vous propose une sélection de sites internet qui l'ont déjà adoptés !Zeropixel
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Zeropixel |
Audi CES
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Audi CES |
Soleil Noir
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Soleil Noir |
Hexagen
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Hexagen |
Names for Change
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Names for Change |
Startup Turkey
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Startup Turkey |
Midori Aoyama
 |
| Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Midori Aoyama |
0 commentaires :