Derniers tutorials ajoutés (Tuto.com)

0205 - Optimiser son travail : les espaces de travail

Mon, 27 Sep 2021 13:21:14 +0200

Un tuto gratuit pour apprendre à bien s’organiser pour trouver le bon outil au bon endroit dans Photoshop.

Facilitez-vous la vie avec les espaces de travail de Photoshop !
En fonction des besoins du moment, vous apprendrez grâce à ce tuto débutant comment travailler de façon optimum sur une tâche donnée.

Je suis Pascal Gauch , Expert Certifié par Adobe sur Premiere Pro CC.
Je suis réalisateur et formateur sur Premiere Pro, After Effects, Photoshop.
Bon tuto !

Exercice FIGMA : Designer & Animer une Landing Page

Mon, 27 Sep 2021 08:51:04 +0200

Dans ce tuto Figma en vidéo, nous allons découvrir ensemble comment designer une Landing Page de A à Z.
Ensuite, nous créerons ensemble un prototype qui nous permettra de faire des animations tout en basculant vers un autre contenu.

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.

Les fichiers sources contenant le fichier Figma final sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !

Formation complète à l'UX design

Fri, 24 Sep 2021 11:45:48 +0200

Apprenez et appliquez les fondamentaux de l’UX Design avec cette formation complète.

L’UX est une des disciplines les plus demandées dans le domaine du design.
Que vous soyez novice ou ayant déjà des bases en graphisme/UI Design, cette formation en ligne vous aidera à développer vos compétences de designer dans le domaine de l’UX, mais également plus généralement à étoffer votre raisonnement de designer.
Ce qui accélérera vos opportunités professionnelles et vous démarquera de la concurrence.

Nous aborderons le côté théorique dans ses grandes lignes que l’on mettra en pratique.

Je vous expliquerai clairement les étapes clés du UX design, et plus précisément celui que j’ai l’habitude de suivre lors d’un UX redesign.

J’appliquerai concrètement les méthodologies évoquées de redesign d’une application existante. Cela vous permettra de suivre un exemple réel, pas à pas, afin d’effectuer votre propre UX redesign et ainsi avoir votre premier projet centré sur l’UX dans votre portfolio.

Ce cours en vidéo est issu de 8 ans d’expérience sur le terrain. Les techniques et méthodologies présentées sont des fondamentaux et sont utilisées par tout UI/UX designer.

Tous les logiciels que j’utilise lors de cette formation ont une version gratuite et vous pourrez toujours utiliser vos outils préférés.
Cette formation ne vous apprendra pas l’utilisation d’un logiciel en particulier.

Vous pourrez valider vos acquis grâce à un QCM et surtout en me contactant sur le forum pour me présenter votre propre UX redesign.
Tous les fichiers sources sont fournis sous Figma, le logiciel leader dans le domaine de l’UI/UX design.
J’espère vous retrouver très bientôt pour cette formation !

Administration de Windows Server 2022 sur Site (On-Premises) et sur le Cloud (Azure)

Thu, 23 Sep 2021 09:52:20 +0200

Dans cette formation Windows Server 2022, nous verrons comment installer un Contrôleur Principal de Domaine (CPD) dans une architecture On-Premises et nous verrons comment profiter des services Cloud de Microsoft Azure.

Nous verrons comment réaliser ceci en simulant un petit réseau d'entreprise grâce à VirtualBox et nous verrons également Microsoft Azure afin d'utiliser d'externaliser les services sur le Cloud.

De nombreuses entreprises utilisent des serveurs sous Windows Server. Il est donc intéressant professionnellement d'acquérir ces compétences.

Au programme de ce tuto Administration de Windows Server 2022 :

Voici les notions qui sont abordées dans ce cours vidéo.

Téléchargement et Installation de Microsoft Windows Server 2022.
Installation Active Directory et Insertion des Postes Clients dans le Domaine.
Création des Unités d'Organisation, des Utilisateurs, des Groupes et Configuration du Partage des Dossiers.
Configuration des Scripts de Connexion et des Profils Utilisateurs.
Configuration des Quotas de Disque, de l'Administration à Distance et des Stratégies de Groupe.
Création d'un Compte Gratuit Microsoft Azure.
Gestion du Serveur depuis Microsoft Azure.
Administration Active Directory depuis Microsoft Azure.
Synchronisation des Dossiers Partagés de l'Active Directory Local avec un Compte de Stockage sur le Cloud.
Mise en Place de l'Authentification Unique (SSO).
Mise en Place des Applications d'Entreprise.
Mise en Place de l'Authentification Forte.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Les systèmes d'exploitation utilisés sont au format ISO mais vous pouvez utiliser des CD/DVD d'installation. Des versions de Windows et des logiciels sont disponibles en ligne pour une durée limitée, elles peuvent être légèrement différentes de celles utilisées dans cette formation. A savoir :

Windows 10 : Prendre l'Installation de Windows 10 Professionnel.
Windows 2022 : Choisir l'Installation de Windows 2022 Standard Evaluation (Expérience Utilisateur) - 2nd Menu lors de l'Installation.

Pour information, toutes les ISO seront téléchargés au format 64 Bits.
Concernant le matériel, il vous faudra au minimum un processeur 64 Bits pour virtualiser les systèmes d'exploitation avec cette architecture, 16 Go de Mémoire RAM (24 Go Recommandée) et il faudra activer la Virtualisation VT-X dans votre Bios sinon vous ne pourrez pas installer les OS en 64 Bits. Je reste disponible dans le salon d'entraide pour répondre à vos questions !

Si vous débutez, je vous propose ma formation de base sous VirtualBox.
Je reste disponible dans le salon d'entraide pour répondre à vos questions !

Animation en boucle de personnage sur After Effects - Cycle de course

Thu, 23 Sep 2021 09:03:48 +0200

Dans ce nouvel atelier dédié à l'animation de personnage sur After Effects, vous allez apprendre à réaliser et animer en partant de 0 un personnage vectoriel complet.
Vous serez capable de concevoir et d'animer avec méthode un saut de personnage.
Cet atelier pratique est le complément logique de "Animation en boucle de personnage sur After Effects - Le rebond" ainsi que "Animation en boucle de personnage sur After Effects - Le balancier", que je vous conseille de suivre pour faciliter l'apprentissage du cycle de course que je vous propose ici.

Au programme de ce tuto Animation en boucle de personnage sur After Effects - Cycle de course

Vous verrez dans ce but comment :

démarrer une animation qui boucle,
dessiner un personnage à partir de formes simples,
rigger un personnage afin de l'animer simplement,
donner du rythme avec l'utilisation du graphique de vitesse,
enrichir l'animation principale grâce aux animations,
donner de l'impact et du dynamisme à un mouvement,
et nombreuses techniques et astuces !

A la fin de cet atelier, vous serez capable de reproduire le même type de séquence animée avec vos propres design que vous pourrez me partager dans l'espace d'entraide.

L'animation de personnage permet une compréhension fine des possibilités d'After Effects.

Ainsi, les connaissances apprises durant cet atelier vous permettront de réaliser d'autres types d'animations.

Attention, cet atelier nécessite au moins la version cc2018 du logiciel car elle intègre un script utilisé pour divers rigs.
Toutes les étapes peuvent être suivies par des débutants, car je m’efforce d’avancer pas à pas.

Cela dit, une connaissance même basique de l’interface d'After Effects vous permettra de suivre plus aisément le fil de ce cours en ligne.
Si le rythme pouvait s'avérer trop lent selon votre niveau, n'hésitez pas à accélérer la vitesse de la vidéo, l'outil de visionnage le permettant.

Et bien entendu, en cas de soucis, je suis à votre disponibilité sur l’espace d’entraide.

Bonne formation !

Créer une timeline verticale en HTML & CSS

Thu, 23 Sep 2021 11:34:15 +0200

Dans ce cours en vidéo, je vous propose d'apprendre à créer une timeline verticale en utilisant les langages HTML et CSS.

Une timeline sert généralement à valider des étapes.
Cet élément peut être utilisé avec des formulaires par exemple.
En général, on joue visuellement sur l'état des étapes. Ici, nous changerons la couleur, quand une étape sera franchie.
Notre timeline se composera de cercles traversés par une ligne verticale. La mise en forme sera effectuée en CSS.
Un exercice pratique, pour enrichir vos compétences techniques de front-end développeur.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je mets les codes de ce tuto à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Si vous souhaitez vous sentir plus à l'aise avec le HTML et CSS, je propose également une formation de plus de 13h00 pour apprendre à votre rythme !

Créer un PDF interactif créatif avec Adobe Acrobat

Thu, 23 Sep 2021 11:50:36 +0200

Je vous fais part aujourd'hui d'un procédé de création que j'ai conçu (pour mon CV à l'origine) sous Adobe Acrobat CC pour enrichir un fichier PDF avec du contenu graphique interactif, sans pour autant sacrifier le poids final.

Ce tuto en vidéo vous permettra de reproduire cette méthode et d'améliorer un document, infographie ou illustration facilement et avec efficacité en y incorporant du contenu interactif.
Les applications de cette méthode sont nombreuses et limitées à votre seule créativité !
Apportez de la personnalité et une vraie plus value à vos documents PDF.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Gratuit : Créer un Mockup rapidement sur Figma

Thu, 23 Sep 2021 08:58:48 +0200

Dans ce tuto vidéo Figma, nous allons découvrir comment créer un mockup (mise en situation) à partir d'une maquette, et ce en un clic !
Toujours dans l'optique de rester le plus longtemps possible sur le logiciel, cette astuce vous fera gagner un temps précieux lorsque vous aurez à créer des mockups de mobile, tablette, PC ...

Si vous avez des questions, n'hésitez pas à me les soumettre dans le salon d'entraide.
Bon tuto !

Créer un effet de GLOW Animé uniquement en CSS

Tue, 21 Sep 2021 16:23:09 +0200

Dans ce tuto CSS en vidéo, nous allons découvrir ensemble comment créer un effet de "Glow" animé uniquement avec du CSS, c'est à dire un effet d'ombre colorée animée sur un texte éditable.
Nous verrons aussi comment donner une dynamique à cette typographie, ainsi que la solution pour changer la couleur de sélection.
Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
Les fichiers sources contenant les fichiers de départ ainsi que les fichiers finaux sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !

Bundle CSS : 10 astuces & exercices pour vous perfectionner

Mon, 13 Sep 2021 15:08:48 +0200

Je vous propose un Bundle CSS comprenant 10 astuces & exercices afin de perfectionner l'utilisation du CSS dans vos prochains sites web.
Vous découvrirez ci-dessous l'intitulé de chacune de ces astuces.

Et je vous propose de regarder l'extrait vidéo pour vous rendre compte de ce que nous allons faire pendant ces 3h de formation.

Un Bundle de 10 astuces et exercices CSS en vidéo

Grâce à ce regroupement de cours en vidéo, vous allez progresser en CSS ! Voici ce que nous allons apprendre grâce à des cas pratiques :

contenir une image avec des dimensions prédéfinies,
mettre une vidéo dans un texte,
créer un site onepage avec un scroll animé,
aligner des logos,
créer un portfolio avec CSS Grid,
créer des filtres,
créer un switch on / off,
définir une couleur,
utiliser les variables CSS,
utiliser la position Sticky,

Les sources de chaque astuce sont fournies avec la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage.

Bonne formation !

Créer un Logo à partir d'une typographie existante

Fri, 17 Sep 2021 09:29:30 +0200

Dans ce tuto Illustrator en vidéo, nous allons découvrir ensemble comment utiliser une typographie (police de caractère) existante pour en faire un Logo utilisable sur tous les supports, au format vectoriel.

Les notions abordées dans ce tuto pour apprendre à créer un logo avec une typo :

Créer un nouveau document,
Afficher la grille,
Ecrire du texte et choisir une typographie,
Vectoriser un texte,
Adapter la forme des lettres pour aérer notre logo,
Dupliquer une lettre et la pivoter,
Trouer ou joindre 2 formes avec le Pathfinder,
Enlever des morceaux inutiles sur une forme grâce au concepteur de formes,
Garder un espacement égal entre les lettres,
Zoomer/Dézoomer dans le document pour être se rendre compte du logo en petite taille, et adapter si besoin le placement de certaines lettres,
Poser des couleurs sur le logo,
Créer un planche d'ambiance pour présenter le logo à un client,
Créer un mockup avec le logo intégré dessus,
Et bien d'autres choses encore...

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
Les fichiers sources contenant les typographies utilisées, ainsi que la planche de logos au format .eps sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !

SAGE 50C CIEL Compta 2021

Fri, 17 Sep 2021 11:35:40 +0200

Ce cours en ligne comprenant 43 vidéos vous apprendra à bien prendre en main le logiciel SAGE 50 C CIEL Compta PREMIUM 2021.
Cela dans le but de bien enregistrer vos opérations comptables.

Grâce à cette formation Sage, vous verrez

l'ensemble des fonctionnalités du logiciel avec des cas concrets pour chaque mode de saisie,
les traitements comptables de la TVA,
le lettrage,
les rapprochements bancaires,
les échéanciers clients et fournisseurs,
la comptabilité analytique et budgétaire,
ainsi que les nouveautés pour tout ce qui concerne les attestations pour être en conformité avec l'administration fiscale.

Si vous avez des questions, je reste disponible dans le salon d'entraide de ce cours.
Bonne formation !

Blender - Module 06 - Texte & Logo

Fri, 17 Sep 2021 11:47:59 +0200

Après avoir vu les différentes primitives de type Mesh, Curve, Surface, Metaball, on va s'attaquer aux primitives de type "Text".

Ces primitives sont complètement différentes de ce que l'on a pu voir depuis le début.
Comme pour les primitives de type MetaBall, celles-ci auront juste un mode Edition et Objet afin de modifier le texte.
Dans ce cours en vidéo, on apprendra à créer un logo sur Inkscape et à l'exploiter sur Blender. Et en ce qui concerne la primitive de type Text, je vous expliquerai tout sur celle-ci.

Pour finir, je ferai en sorte de vous montrer des cas concrets en exploitant différentes technologies proposées par Blender (Modifier, Curve, gestion de particules...).

Bien entendu, vous retrouvez la plupart du temps, des fichiers au niveau du module Ressources.

Au programme de ce tuto modélisation avec la primitive de type "Text" de Blender

Cette formation en ligne se composera ainsi :

Introduction,
Gestion des onglets Shape, Texture Space, geometry, Font, Paragraph, Text Boxes,
Gestion des menus Select et Text,
Convertir un texte en Mesh ou Curve,
Introduction du logiciel Inkscape,
Création du logo et porte clef sur Inkscape,
On verra ensuite des exercices pratiques sur l'animation, gestion des particules et curve toujours sur la primitive de type Text.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Je vous souhaite à tous et à toute une excellente formation !

JavaScript Moderne avancé - Les vidéos

Wed, 15 Sep 2021 09:33:40 +0200

Dans cette formation JavaScript Moderne en ligne, nous allons apprendre tout ce qui concerne le fonctionnement d'une vidéo en JavaScript ! Ce cours mélange théorie et pratique, puisqu'à la fin du cours, nous apprendrons à créer un lecteur vidéo de A à Z !
Cela sera très pratique si vous souhaitez créer votre propre lecteur de vidéo et en maîtriser tous ses aspects.

Au programme de ce tuto JavaScript Moderne avancé - Les vidéos

Voici ce que nous allons apprendre dans ce cours vidéo :

Lancer la lecture d'une vidéo,
Mettre une vidéo sur pause et la reprendre là où elle s'est arrêtée,
Stopper et recommencer la lecture,
Modifier le volume,
Couper et remettre le son de la vidéo,
Afficher la durée totale de la vidéo,
Afficher en temps réel, le temps restant,
Modifier la vitesse de lecture,
Passer la vidéo en plein écran.

Une fois toutes ces connaissances théoriques acquises, nous créerons un lecteur vidéo de A à Z !

A la fin de cette formation, vous serez en mesure de créer des lecteurs de vidéos totalement personnalisés pour vos propres pages web ou bien celles de vos clients.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Envie d'apprendre plus de choses ? Je propose un formation complète sur le JavaScript Moderne de 14h

Apprendre ZBrush facilement

Wed, 15 Sep 2021 09:20:47 +0200

Vous débutez avec ZBrush ? Vous manquez de pratique ? L'interface vous paraît trop complexe ?
Cette formation en ligne est faite pour vous !

Nous allons voir, pas à pas comment modéliser l’intégralité d’un modèle 3D spécialement choisi pour vous permettre d’évoluer efficacement .

Ce cours en vidéo est accompagné d’un atelier créatif complet qui vous servira ensuite de référence pour créer toutes sortes d’objets que vous pensiez complexes, ou irréalisables.

Au programme de ce cours Apprendre ZBrush facilement

Nous allons commencer très doucement par comprendre les fondamentaux de ZBrush et son interface, sans entrer dans des détails, ou techniques poussées, qui sont souvent fastidieuses pour tous les débutants et utilisateurs intermédiaires.

Nous entrerons ensuite dans une phase plus rapide mais adaptée, qui vous permettra d’assimiler aisément les fonctionnalités les plus utiles sous ZBrush.

Nous verrons de nombreuses fonctionnalités et étudierons ensemble le fonctionnement de ces dernières, vous permettant ainsi d'acquérir des libertés quant à vos techniques de modélisation.
Enfin, nous verrons un petit tour dans le logiciel de texturing Substance Painter. Cela vous permettra de compléter vos compétences dans le domaine de la sculpture 3D et de la création de matériaux et textures.

A la fin de cette formation, vous allez vous surprendre dans la compréhension de ZBrush et dans la logique de ce dernier.

Évidemment, je vous fournis tous les fichiers de travail nécessaires au bon déroulement du projet pratique.

Après le visionnage et la mise en pratique des vidéos, vous aurez acquis les techniques pour vous lancer seul dans des projets de de modélisation hard surface. Le type de modélisation 3D le plus redouté par les sculpteurs en herbe !

Je me tiens à votre disposition dans le salon d'entraide si vous éprouvez des difficultés.
Bonne découverte de ZBrush !

Apprendre Windows Serveur 2019 et le Réseau

Fri, 10 Sep 2021 10:48:54 +0200

Cette formation en ligne vous permettra de découvrir comment créer un réseau d'entreprise de A à Z.

Dans un premier temps, vous apprendrez l'adressage réseau TCP/IP ainsi que son fonctionnement.
Ensuite, vous installerez Windows serveur 2019, ainsi que toute les rôles et fonctionnalités nécessaire pour en faire un contrôleur de domaine.
Vous apprendrez à administrer les groupes, les utilisateurs de l'annuaire Active Directory, mais aussi les différentes façons de gérer les ressources mis a disposition de vos utilisateurs.
Une section sera consacrée au Group Policy Objet (GPO) afin de déployer une stratégie de sécurité adaptée à votre domaine administratif ou encore déployer des logiciels depuis le serveur.

Nous utiliserons l'hyperviseur VirtualBox (Gratuit) afin de mettre en pratique l'installation et l'administration de notre domaine.

Aucun pré-requis n'est nécessaire pour suivre cette formation.
Tous les concepts vous seront expliqués avant de les mettre en œuvre.

Objectifs pédagogiques de ce cours Windows Serveur 2019

À la fin de ce cours, vous saurez :

Installer et administrer Windows Server,
Installer et configurer les rôles Windows Server et leurs fonctionnalités associées,
Gérer les services avancés,
Mettre en place Windows Server dans un contexte professionnel.

Tous les chapitres sont enregistrés en HD 1080p pour que vous puissiez tout voir clairement pendant le cours (vous pouvez regarder les previews gratuits). Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je répondrai personnellement à vos questions vous en avez, et je fournirai autant d'aide que possible pour vous aider à maîtriser le réseau et Windows serveur 2019.
N'attendez plus et cliquez sur Suivre ce cours en haut à droite. C'est parti !

CSS Design, créer un formulaire de contact

Fri, 10 Sep 2021 11:05:20 +0200

Dans ce tuto vidéo, je vous propose de réaliser un formulaire de contact tendance et design que vous pourrez utiliser pour vos clients, pour vous-même ou bien en guise de book de présentation.

Pour cela, nous allons utiliser le langage CSS afin de mettre en forme le code HTML qui constituera notre formulaire.

Ici, l'idée sera de jouer avec les opacités afin de faire apparaître de la transparence au niveau de notre formulaire.
Notre écran sera coupé en deux couleurs dans le sens de la hauteur (voila une petite prouesse technique intéressante à découvrir !)
Notre page web sera 100% responsive. Cela signifie qu'elle s'adaptera automatiquement à la largeur de l'écran qui viendra la visiter.

Au niveau des champs de formulaires ainsi que du textarea, nous jouerons d'une petite astuce CSS qui nous permettra de mettre en place un trompe l'oeil, ceci dans le but d'améliorer l'expérience utilisateur.

Je propose un autre cours sur le design de formulaire et un autre pour devenir incollable sur Flexbox

Entraînement à l'Illustration Vectorielle sur Illustrator - Atelier 2

Fri, 10 Sep 2021 10:22:03 +0200

Cet atelier pratique est le second d'une série de cours en vidéo visant à vous exercer sur la réalisation d'illustrations vectorielles en flat design.

Il fait suite à "Entrainement à l'Illustration Vectorielle - Atelier 1".

L'objectif de cette formation en ligne est de vous donner de quoi vous entraîner sur des illustrations variées et plus ou moins complexes, afin d'acquérir des automatismes créatifs et techniques et d'enrichir au fil de l'eau votre boîte à outils.
Cet atelier fait suite à la formation complète "Illustration vectiorelle pour débutant", dans laquelle je fournis les bases nécessaires pour suivre aisément les tutos d'entrainements qui suivront. C'est pourquoi, si vous n'êtes pas familier d'Illustrator, je vous encourage avant tout à suivre cette formation avant de vous lancer dans cet atelier destiné aux personnes ayant déjà des connaissances corrects dans l'utilisation du logiciel et de ses raccourcis.

Cet atelier est réalisé sur Illustrator CC et ne sera pas totalement compatible avec la version CS6.

Si vous avez la moindre question, je suis à votre disposition pour y répondre dans l'espace d'entraide.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Je vous dis à de suite dans cet atelier pratique sur Illustrator !

Notion : l'outil d'organisation incroyable

Fri, 10 Sep 2021 10:43:58 +0200

Bienvenue pour une introduction à Notion !
Aujourd'hui, je vous embarque pour vous faire découvrir cet outil de productivité et d'organisation incroyable qui m'accompagne depuis plus de 2 ans.

Absolument toute ma vie est organisée dessus.
Notion ne cesse d'évoluer pour proposer une expérience toujours plus avancée.

Pour ce cours en ligne, j'ai décidé de repartir d'une page blanche avec vous.
Je vais vous présenter Notion et créer avec vous mon planning journalier.
On va passer en revue les fonctions phares du logiciel. A la fin de cette introduction vous serez capable de vous lancer sans trop de mal dans Notion.

Au programme de cette Introduction à Notion

Nous allons ensemble :

Détailler l'interface de Notion,
Créer des pages,
Comment éditer des textes et des titres,
Créer des to do list,
Créer des listes à puces et des listes numérotées,
Mettre place des citations,
Changer les couleurs,
Utiliser la puissance des tags,
Créer des bases de données,
Et bien d'autres fonctions,

Cette petite introduction a pour but de vous donner envie de vous lancer avec cet outil No-Code que vous allez pouvoir utiliser sur tous vos devices et avec vos équipes
Je vous attends dans la vidéo et je reste disponible dans le salon d'entraide pour répondre à vos questions.

Atelier WEB DESIGN : Designer un Blog minimaliste de A à Z sur Figma

Fri, 10 Sep 2021 09:49:02 +0200

Dans ce tuto Figma en vidéo, nous allons apprendre ensemble les différentes étapes de création pour designer un Blog minimaliste de A à Z sur le logiciel Figma.
A la fin de cet atelier pratique, vous obtiendrez un prototype fonctionnel de notre Blog qui pourra être partager pour validation par exemple auprès d'un client, ainsi que toutes les maquettes nécessaires à l'intégration en HTML/CSS.

Au programme de cet Atelier WEB DESIGN création d'un blog dans Figma :

Voici les notions que nous allons aborder dans ce cours en ligne :

Utiliser une palette de couleurs
Créer une grille adaptée au blog minimaliste
Créer un logo à partir d'une typographie choisie
Designer un menu de navigation
Apprendre à bien aérer le contenu pour que le résultat soit agréable à l'oeil
Utiliser des images avec différents types d'affichage : fill, crop...
Créer un composant avec le footer pour qu'il soit réutilisable/modifiable facilement sur toutes les maquettes
Utiliser les variants pour créer un effet de Hover sur article
Découvrir l'auto layout pour créer un bouton ou une catégorie qui va s'allonger automatiquement en fonction du texte
Faire la connaissance de certains plugins Figma pour être plus rapide
Ajouter un pattern sur un bandeau pour donner du volume au design
Utiliser des modes de fusion pour colorer une image
Utiliser le HSL pour jouer avec la luminance d'une couleur choisie sur la palette de départ et ainsi créer des déclinaisons
Des conseils pour garder une homogénéité sur toutes les maquettes, par exemple sur l'utilisation des tailles de titres
Et plein d'autres choses encore...

Pour avoir une idée de tout ce que l'on va réaliser ensemble pendant ces 2h20 de vidéo, vous pouvez visionner l'extrait vidéo sur la fiche du tuto.

INCLUS avec ce Tuto : Tous les fichiers nécessaires à la création des maquettes : Images, Icônes SVG, Polices de caractères, le fichier Figma de départ avec la palette de couleurs, et bien sur le fichier Figma final avec toutes les maquettes obtenues à la fin de la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon atelier !