Web – Design – Animation
Elephorm – After Effects 2023 – Détourer facilement avec Rotobrush 2
Elephorm – After Effects 2023 – Détourer facilement avec Rotobrush 2
RAR | Vidéo + Fichiers source | Français | 20 Min | 980 Mo
Dans cette formation, vous allez apprendre à détourer un personnage de premier plan en mouvement grâce à l’outil rotobrush d’after effects et l’incorporer avec n’importe quel fond. Cette formation est consacrée à l’outil roto brush 2 permettant le détourage d’objet en vidéo sous After Effects 2023. Nous allons voir ensemble dans cet atelier, l’utilisation de cet outil afin de sélectionner et détourer un sujet en mouvement dans une vidéo et voir le comportement de l’algorithme permettant l’automatisation image par image à partir d’un détourage donné en référence.
Elephorm – Illustrator – Créer un personnage pour l’animation
Elephorm – Illustrator – Créer un personnage pour l’animation
RAR | Vidéo + Fichiers source | Français | 1 H 56 Min | 3.4 Go
Créer un personnage pour l’animer avec After Effects. À la fin de cette formation, vous pourrez créer une illustration sur Illustrator, avec toutes les bonnes pratiques pour pouvoir correctement l’importer et l’animer avec After Effects. Cette formation vous guide pas à pas dans la création d’un personnage 2D en flat design, destiné à être animé avec After Effects. Vous suivez votre formateur depuis la recherche de références, jusqu’a l’import du document Illustrator dans After Effects.
Elephorm – WordPress et WooCommerce – Développer sa première boutique e-commerce
Elephorm – WordPress et WooCommerce – Développer sa première boutique e-commerce
RAR | Vidéo + Fichiers source | Français | 2 H 04 Min | 3.4 Go
Vous allez aprendre à utiliser WordPress couplé à Woocommerce afin de créer votre première boutique en ligne. Si vous êtes débutant, porteur de projet ou curieux, cette formation centrée sur la pratique et l’autonomisation vous conviendra parfaitement. Nous verrons comment choisir son nom de domaine, son thème, et son hébergeur, avant d’installer WordPress et Woocommerce. En quelques vidéos, vous configurerez votre boutique pour ensuite la personnaliser, et l’alimenter en contenus. Le workbook communiqué contient le lien vers la présentation pour retrouver certains élements, mais aussi un répertoire de sites sur lesquels vous pourrez vous référez dans le cadre de votre mise en autonomie.
Tuto – Développement Front-End – Popin animée
Tuto – Développement Front-End – Popin animée
ISO + Fichiers source | Français | 1 H 05 Min | 2.1 Go
J’ai le plaisir de vous proposer ici une nouvelle série de tutos entièrement dédiés au développement Front-End ! Pour ce premier cours, nous allons réaliser ensemble une popin avec un effet d’apparition (également appelée, selon les cas, toast, snackbar, interstitiel ou overlay). C’est quoi une popin animée ? Lorsqu’un utilisateur va cliquer sur un lien ou un bouton, cela fera alors apparaitre une zone, qui viendra recouvrir partiellement (ou en totalité) le contenu de la page. Le tout dans la même fenêtre (c’est d’ailleurs ce qui différencie la popin de la popup). Pour fermer cette popin, qui est apparue en « overlay » de notre contenu (par dessus donc), il nous suffira de cliquer sur un nouveau bouton ou lien.
Tuto – Développement Front-End – Mise en place d’un Popup
Tuto – Développement Front-End – Mise en place d’un Popup
ISO + Fichiers source | Français | 58 Min | 1.9 Go
Pour ce deuxième tuto dédié à la pratique développement web du côté Front-End, je vous propose de voir comment mettre en place une Popup sur notre site web. Afin de donner une logique à notre travail, nous allons reprendre beaucoup d’éléments vu au précédent tuto (Créer une Popin animée) afin d’apprendre à acquérir une logique de travail lorsque l’on a à réaliser un job.
Tuto – Développement Front-End – Menu hamburger
Tuto – Développement Front-End – Menu hamburger
ISO + Fichiers source | Français | 1 H 32 Min | 2.9 Go
Apprenez par la pratique : créer un menu hamburger. Pour ce 3ème tuto entièrement dédié à la pratique du développement côté front-end, je vous propose de réaliser un menu hamburger (également appelé menu burger). Nous n’allons pas nous contenter que de réaliser ce menu hamburger, nous allons également réaliser la maquette du site en utilisant la technologie du CSS-Grid. Nous rendrons notre site responsive et nous ferons apparaître le menu hamburger pour l’écran réservé aux smartphones.
Tuto – Développement Front-End – Réaliser un menu responsive facilement
Tuto – Développement Front-End – Réaliser un menu responsive facilement
ISO + Fichiers source | Français | 41 Min | 1.3 Go
Apprenez à créer un menu responsive complet. J’ai l’immense plaisir de vous proposer ce nouveau tuto vidéo dont la connaissance est une base indispensable de nos jours pour tout développeur Front-End, à savoir la mise en place d’un menu responsive. Pour cela nous utiliserons le CSS 3, notamment les flexbox (je vous invite à suivre mon tuto sur l’apprentissage des flexbox si cela n’est pas déjà fait) et nous utiliserons jQuery (je vous invite à suivre mon tuto sur l’apprentissage de jQuery si cela n’est pas déjà fait).
Tuto – Développement Front-End – Menu hamburger animé
Tuto – Développement Front-End – Menu hamburger animé
ISO + Fichiers source | Français | 50 Min | 1.6 Go
Apprenez à créer un menu hamburger animé ! Dans ce tuto vidéo je vous propose de découvrir comment animer un menu hamburger grâce au langage CSS ainsi qu’à la librairie jQuery. Le premier chapitre de cette formation, sera consacré à la réalisation de cette animation afin de bien nous focaliser sur le code, sans aucun superflu. Puis, dans le second chapitre, nous reprendrons les codes de mon précédent tutoriel « réaliser un menu responsive facilement » afin d’y incorporer notre menu hamburger animé. A la fin de ce cours vous aurez donc appris à créer une animation de menu hamburger et à l’intégrer sur votre site Internet !
Tuto – Développement Front-End – Icônes dans les champs d’un formulaire
Tuto – Développement Front-End – Icônes dans les champs d’un formulaire
ISO + Fichiers source | Français | 1 H 03 Min | 2.1 Go
Vous souhaitez améliorer visuellement vos formulaires ? Les rendre plus modernes et offrir une meilleure expérience utilisateur ? Voici un tuto vidéo qui va vous apprendre comment placer des icônes à l’intérieur d’un champ « input » de formulaire.
Tuto – Développement Front-End – Galerie d’images en JavaScript
Tuto – Développement Front-End – Galerie d’images en JavaScript
ISO + Fichiers source | Français | 36 Min | 1.1 Go
Dans ce nouveau tuto dédié au développement Font-End, nous allons apprendre à réaliser une galerie d’images. Un clic sur une vignette affichera l’image en grand et cela sans devoir rafraîchir la page web. Afin d’exécuter ce script, nous allons utiliser le langage JavaScript. Pour ce qui sera de la mise en page, nous utiliserons la technologie flexbox. Evidemment, nous mettrons en place le côté responsive afin que notre galerie d’images s’adapte à tout type d’écran.
