Archives par étiquette : graphisme

6 sites web de ressources et d’outils à ajouter à vos favoris

Photo de Tranmautritam provenant de Pexels

Parfois, on a beau retourner les requêtes Google dans tous les sens pour essayer de dénicher un outil précis, mais on n’arrive à rien… Plutôt que vous perdiez votre temps à faire des recherches, je vous propose ici quelques sites web listant des services, des outils et des ressources sur le web. Certains de ces sites ne sont pas très connus, mais ils couvrent des domaines assez larges, comme le marketing, l’entrepreneuriat ou encore la vidéo.

Ils sont selon moi de véritables pépites qu’il est impératif d’ajouter à sa barre de favoris ! D’ailleurs, si vous en connaissez d’autres dans ce genre, n’hésitez pas à les partager ! 😉


→ IgTools : la boite à outils 100% Instagram

Le site de IgTools n’est pas très beau, mais il est utile, c’est le top du top pour ceux qui souhaitent développer au maximum leur compte Instagram ! En effet, celui-ci centralise une multitude d’outils, qui sont répertoriés en différentes catégories pour s’y retrouver. Il y en a pour tous les gouts, jeux-concours, analytics, downloaders… faites-vous plaisir ! 😋

IgTools.app

→ AllTheFreeStock : une mine d’or pour les créatifs

C’est sans nul doute le plus populaire de cette sélection ! AllTheFreeStock, comme son nom l’indique, liste des librairies gratuites d’images, de vidéos, de polices… Les créatifs et les community managers y trouveront très probablement leur bonheur ! 🤗

AllTheFreeStock

→ Awesome Video : une bible pour les vidéastes

Ce site s’adresse aussi bien aux professionnels de la vidéo qu’aux néophytes. Le jargon technique est très bien expliqué, même si c’est en anglais. Awesome Video traite de toutes les caractéristiques du média : encodage, framerate, diffusion… 🤓

Awesome Video


→ Curated List of Nocode tools : pour les aficionados du no-code

Bon, celui-ci n’a pas vraiment de nom et c’est une page Notion. On y retrouve une centaine d’outils en no-code pour gagner du temps et pour à peu près tout ce dont vous avez besoin ! 👍

Curated List of Nocode tools

→ The ultimate guide to the creator economy : des plateformes pour réussir sur internet

Il s’agit là d’un article de blog qui répertorie plus de 220 plateformes pour mettre en œuvre tous vos projets. Découvrez les meilleurs outils de curation, de monétisation et de community management ! 👌

The ultimate guide to the creator economy

→ Lemstash : pour l’entrepreneur à succès

Lemstash propose des outils, des ressources et des histoires inspirantes de startups. Le site centralise les éléments essentiels pour une croissance rapide. Vous n’aurez plus d’excuse pour trouver la motivation et réussir dans votre vie d’entrepreneur après ça ! 😁

Lemstash


Storyset (by Freepik) : des illustrations gratuites à animer pour vos projets en ligne

Besoin d’illustrations pour égayer vos différents projets (landing page, emails, publications sociales…) ? Alors Storyset (by Freepik) est fait pour vous ! Non, ce n’est pas la fameuse fonctionnalité éphémère disponible sur (tous) les réseaux sociaux… quoique, ça vous permettra de raconter des histoires autrement ! 😉

L’outil est gratuit et tout se passe directement en ligne. Donc, pas besoin d’un logiciel en particulier pour éditer les visuels, mais rien ne vous empêche d’intégrer ces fichiers dans un PSD ou un AI/EPS. Pour les aficionados de Figma, il existe un plugin pour exploiter les illustrations dans le soft.

Comment ça fonctionne ?

Sur le principe, Storyset fonctionne comme une banque d’images classique comme Pexels ou bien Pixabay. Il y a une barre de recherche si vous souhaitez affiner la sélection à l’aide d’un mot-clé. Sur la page d’accueil, il est possible dès le départ de filtrer par style graphique, de sélectionner la couleur principale et de choisir d’afficher plus ou moins de détails en arrière-plan. Je tiens à préciser qu’il n’est pas possible de créer ou de dessiner quoi que ce soit avec cet outil.

Une fois le choix de votre illustration faite, « l’outil d’édition » s’affiche alors. Vous avez de nouveau la possibilité de modifier la couleur, mais surtout de choisir les éléments que vous souhaitez afficher ou non sur le visuel grâce aux calques présents à droite. Le nombre de calques dépend de la complexité du visuel.

https://boulevardduweb.com/wp-content/uploads/2020/11/stories-demo-1.mp4

Jusqu’ici rien de palpitant mais, Stories possède une fonctionnalité que j’apprécie particulièrement, c’est le fait de pouvoir animer les éléments du visuel ! Pour cela, il suffit de cliquer sur le bouton magique 🪄 Animate it !

Dans ce nouvel éditeur, si vous ne souhaitez pas trop vous prendre la tête, vous pouvez cliquer sur « Randomize » pour générer une animation aléatoire. Évidemment, afin d’obtenir quelque chose d’un peu lécher et fluide, il faut prendre le temps d’animer un par un chacun des calques à votre convenance.

https://boulevardduweb.com/wp-content/uploads/2020/11/animation-1.mp4

L’exportation

Pour les visuels fixes : si ceux-ci ne possèdent pas d’animations, il suffit d’exporter en PNG. Il est également possible d’exporter un fichier SVG, à intégrer sur un site web ou à éditer via un logiciel de création vectorielle.

Pour les visuels animés : vous avez le choix d’exporter soit en GIF, soit en MP4 et de définir certaines caractéristiques de sortie.

  • Boucle une fois ou toujours
  • La couleur de fond
  • Les dimensions du visuel

Ps : l’exportation ne supporte pas les animations multiples, pour toutes les avoir, il faut les exporter séparément.

Pour ceux qui ont des compétences en HTML/CSS et en intégration d’animations SVG, Stories fournit automatiquement le code correspondant.

Même si c’est gratuit, n’oubliez pas de faire apparaitre un lien d’attribution là où le visuel est utilisé ! 😉
Illustration by Freepik Stories