La tendance des fonds abstraits polygonaux en flat design, tutoriels et outils dénichés par Iscomigoo Webdesign



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


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
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
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
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
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
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
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
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
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
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
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


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
Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Zeropixel




Audi CES

Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, 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
Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Soleil Noir




Hexagen

Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, 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
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
Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Startup Turkey




Midori Aoyama

Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Midori Aoyama
Réaliser son fond polygonal sur Iscomigoo Webdesign: inspiration, Midori Aoyama








Iscomigoo Webdesign sur Facebook

Iscomigoo Webdesign sur Twitter

Iscomigoo Webdesign sur Google +

Follow on Bloglovin



0 commentaires :