3 sites pour se former en ligne

Le web est un domaine qui évolue très rapidement. En tant que professionnel de ce secteur, je me forme encore régulièrement afin d’être à jour dans toutes les nouveautés. Il existe de nombreux sites qui permettent d’apprendre par vous même des nouvelles compétences ou d’approfondir ce que vous connaissez déjà. Je vous propose aujourd’hui une sélection de 3 sites pour en apprendre plus dans le domaine du web et du graphisme.

 

Adobe TV

L’excellente chaine d’Adobe. Vous souhaitez apprendre Photoshop, InDesign ou Lighroom? Vous retrouverez de nombreuses formations sur ce site. Les vidéos sont réalisées par des experts Adobe et des membres de l’équipe. Il s’agit d’une excellente source d’information… qui est gratuite en plus 🙂 La version FR comporte moins de vidéos mais elles sont toutes sous-titrées ou en français. Si vous vous sentez à l’aise avec l’anglais, consultez la version internationale qui comporte encore plus de formations.

former_formation_en_ligne_adobe_tv

 

Video2Brain

Vidéo2Brain est la version française de Lynda.com. Ce site est une référence dans le domaine de la formation en ligne. La plate-forme a d’ailleurs été rachetée par Linkedin. Vous retrouverez des formations dans le domaine de la création web mais également des cours de marketing, business,… Une qualité qui a un cout : 19,95€ pour un mois. Vous pouvez tester le site pendant 10 jours gratuitement avant. Il s’agit d’un petit investissement mais la qualité est là 😉

former_formation_en_ligne_video2brain

 

Code Academy

Vous souhaitez vous former au code? Envie de maitriser les langages HTML et CSS? Ce site est fait pour vous! Hyper bien fait et très complet, c’est une excellente ressource. La version de base est gratuite. Si vous souhaitez accéder aux cours supérieurs et au quizz, vous devrez passer à la version “pro” qui est également à 19,95€ par mois.

former_formation_en_ligne_codeacademy

 

Si vous souhaitez vous former, il existe donc des solutions gratuites ou peu cher pour apprendre à votre rythme, de chez vous. De mon côté, j’ai appris énormément comme cela. En lisant des tutoriaux, en regardant des vidéos,…

Connaissiez-vous ces sites? Aimez-vous apprendre par vous même?

Dites moi si vous utilisez ces sites 😉

Mockup : améliorer vos visuels dans vos articles (tutoriel complet)

Je vous parle aujourd’hui d’une “technique” que j’utilise régulièrement dans mon travail. Il s’agit des “mockups” qui m’aident à améliorer mes visuels sur mon site web professionnel ou tout simplement lors de présentations. Envie d’en savoir plus? Je vous explique tout 🙂

 

Les “mockups”?

Tout d’abord, qu’est-ce qu’un mockup? Il s’agit d’un fichier Photoshop avec l’image d’un iMac, d’un iPhone,… est qui formaté de manière à pouvoir mettre sa propre image dans l’écran de ce device. Comme une image est plus parlante, voici un exemple concret :

tutorial_mockup_blog_1

Grâce à ce mockup, j’ai affiché la page d’accueil de mon blog sur l’écran de ce MacBook.

 

A quoi ça sert ?

Tout simplement à présenter une page web, une photo, un article, dans un visuel plus intéressant qu’une simple capture d’écran. Par exemple, quand je présente une maquette pour un site internet à un client, je la présente toujours de cette manière. En plus de l’aspect esthétique, cela permet de mettre la maquette “en action”.

Si vous avez un blog, cette technique peut donc être très intéressante. Pas pour montrer des photos de looks ou de décoration d’intérieur 😉 Mais je vois très souvent des blogs présentant des sélections d’articles sur des e-shops, illustrés avec des simples captures d’écran. Que pensez-vous de présenter ces screenshots dans un plus beau visuel ?

Par exemple, imaginons que je travaille sur un article présentant mes derniers achats chez Zara. Je pourrais illustrer l’article avec une photo du site. Et grâce à un mockup, c’est encore plus joli :

tutorial_mockup_blog_2

 

Comment ça fonctionne ?

Je vous rassure, c’est très facile. Vous devez bien sur disposer d’Adobe Photoshop. Ensuite, vous devez trouver le mockup idéal en fonction du sujet. Il existe de nombreux sites mais le site Mockup World vous propose une large sélection de fichiers gratuits.

Dans ce tutorial, j’ai sélectionné celui-ci.

Etape 1 : Sélectionner et télécharger le mockup. Ensuite, ouvrir le fichier dans Photoshop.

tutorial_mockup_blog_3

 

Etape 2 : Dans la fenêtre des calques, vous trouverez le calque “image” de l’écran. Facile à retrouver, il est souvent renommé par “Your screenshot here” ou “Remplace me”. Sélectionnez ce calque et faites un double-clic dessus.

tutorial_mockup_blog_4

 

Etape 3 : Une nouvelle fenêtre s’ouvre. C’est dans cette fenêtre que vous allez mettre la photo, capture d’écran, que vous souhaitez voir dans l’écran de l’ordinateur. Une fois que c’est fait, fermez cette fenêtre et cliquez sur enregistrer.

tutorial_mockup_blog_5tutorial_mockup_blog_6

 

Etape 4 : Et voila! L’image est automatiquement mise en place. Il ne vous reste plus qu’à enregistrer cette image en jpeg.

tutorial_mockup_blog_7

 

Il s’agit donc d’une astuce facile à appliquer et qui pourra faire la différence.

 

Utiliser ses propres photos?

C’est tout à fait possible, mais cela demande un peu plus de technique car vous devez créer vous-même la perspective de l’image. Mais je prépare actuellement un article à ce sujet 😉

 

Si quelque chose n’est pas clair, n’hésitez pas à me le dire en commentaire.

J’espère que cela vous sera utile,

Bonne soirée !

 

 

5 outils gratuits pour améliorer le design de votre blog

Si vous avez un blog, ou pensez en ouvrir un, vous savez que l’aspect visuel à de l’importance. Tout le monde n’a pas Photoshop sur son ordinateur, ni les compétences techniques pour réaliser des visuels. Je vous ai donc sélectionné 5 sites gratuits, et faciles d’utilisation, pour vous aider dans l’aspect graphique de votre blog.

 

Pour les couleurs : Adobe Color

Vous avez envie de personnaliser votre blog avec une identité visuelle qui vous ressemblent ? Que ce soit pour des éléments comme le menu, les catégories, ou le texte écris sur certaines de vos photos, les couleurs doivent être harmonieuses. Pour cela, rendez-vous sur Adobe Color. Ce site propose des thèmes de 5 couleurs. Hyper pratique pour votre identité visuelle. Vous pouvez parcourir gratuitement la bibliothèque. Si vous avez un abonnement à la Creative Cloud d’Adobe, vous pouvez également télécharger un thème et l’importer dans votre bibliothèque de style sur Photoshop.

outils_adobecolor

 

Pour les images de cover des articles : Canva

Envie de jolies photos « header » pour illustrer chacun de vos articles ? C’est désormais très simple et rapide grâce à Canva. Ce site propose une multitude de templates éditables en ligne. Blogs, covers Facebook, infographies,.. Canva propose plusieurs types d’images, déjà aux bons formats. Tout le contenu n’est pas gratuit mais vous y trouverez déjà beaucoup de ressources… et une bonne d’ose d’inspiration.

outils_canva

 

Pour trouver des images libres de droit : Pixabay

La question des droits d’auteur sur les photos trouvées sur le web est assez compliquée. Pixabay vous facilite la vie et propose une très belle bibliothèque d’images libres de droit. Certaines photos sont même libres pour un usage commercial. La photo qui illustre cet article vient de ce site.

outils_pixabay

 

Pour retoucher des photos : Picmonkey

Vous n’avez pas Photoshop et rêvez de ce logiciel pour retoucher, recadrer, redimensionner vos photos ? Pas besoin ! Le site Picmonkey vous propose de nombreuses fonctionnalités pour les éditer. La version Basic est gratuite et vous propose déjà de nombreux outils très pratiques.

outils_picmonkey

 

Pour trouver la bonne police d’écriture : Fontsquirrel

J’ai remarqué un reflexe chez de nombreuses personnes qui cherchent une police : allez sur Dafont. Certes, ce site n’est pas mauvais mais soyons honnête, il a pris un petit coup de vieux 😉 J’aime beaucoup Fontsquirel qui vous propose une large de gamme de polices (gratuites ou non) qui sont beaucoup plus modernes. Les catégories sont également mieux travaillées et vous trouverez plus rapidement une police qui vous plaira.

outils_fontsquirrel

 

Bonus : Creative Market

Probablement mon site préféré en matière de ressources graphiques. Il s’agit d’une vrai Marketplace, et chaque produit est donc payant. Je me sers beaucoup de ce site dans mon activité professionnelle.

Mais chaque lundi, le site propose 6 ressources gratuites parmi son catalogue ! L’occasion de télécharger des polices, images, effets lightroom, et même… des thèmes WordPress ! Le contenu change chaque semaine et je ne manque pas ce rendez-vous chaque lundi 😉

outils_creativemarket

 

J’espère que ces sites et outils vous seront utiles dans vos créations. Comme quoi, il est tout à fait possible de créer des jolies choses sans avoir besoin logiciels payants 😉 Enjoy !