Webdesigner Archives - Page 2 sur 2

Formation Création de bannières animées avec Animate

1921 Views

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Objectifs

Vous devez réaliser des bannières publicitaires animées au format Flash en intégrant contraintes techniques et esthétiques.
Il vous faut maîtriser les fonctions essentielles d’animate et générer rapidement des animations fluides, interactives et intégrant les liens indispensables à ce genre de fichiers.
Prérequis
Maîtrise de l’outil informatique.

Contenu de formation

Contexte technique

Les formats de bannières standard
Limite de poids de fichiers
Principes de création
Méthodologie et scénarisation
Préparation des sources

L’environnement

Grille et règle
Fenêtre inspecteur
Ligne de temps
Les outils de dessin
Les outils de texte
La gestion des groupes

Le document

Taille et compression

Les symboles

Rôle des symboles
Création et édition de symboles
Insertion d’images
Création de textes
Création de formes

Animation

Insertion des symboles
Les interpolations
Calque masque, calque guide
Gestion du timing

Interactivité

Création de boutons
Introduction à l’ActionScript
Assignation d’action à des boutons et à des images
Création de boutons invisibles
Insertion du “clickTag”

Sonorisation

Import de sons
Assignation de sons à un bouton, à une image
Synchronisation de sons

Enregistrement et export

Formats de sauvegarde
Export HTML

Les autres formations qui pourraient vous intéresser

Formation Flash ActionScript 3.0

By Steph

0

1419 Views

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Objectifs

Le but est de découvrir et de maîtriser la programmation (Action script), la gestion de variables et les animations complexes.
Prérequis
Utilisateurs ayant une bonne maîtrise des fonctions de base des principes d’animation sous Flash.

Contenu de formation

Action script, l’animation programmée

Les principes de la programmation “objet”
Intégration d’ActionScript dans l’animation
Accès à l’animation 3D

Les principes fondamentaux

Types de données
Blocs et instructions
Types d’instructions
Le panneau Actions

Gestion des variables

Saisie et restitution d’une variable
Opérateurs logiques et arithmétiques

Fonctions

Principe d’écriture
Fonctions et expressions
Conditions

Gestion des textes

Textes modifiables et/ou déroulants
Incorporation de données externes
Exportation de données textuelles

Débogage

Vérification de la syntaxe
Action trace
Le débogueur

Les scripts de base

Scripts de ligne temporelle, de boutons et de clips

Quelques scripts utiles

Déplacement de la souris
Quizz avec résultats
Jeu d’adresse
Curseur personnalisé
Menus déroulants
Gestion de l’impression

Les autres formations qui pourraient vous intéresser

Formation Animate Migration Flash vers Animate

By Steph

0

1650 Views

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Objectifs

Vous savez utiliser Adobe Flash mais vous souhaitez être capable de créer des animations compatibles multiplateforme MAC, PC, smartphone, tablette iPad et iPhone en utilisant le HTML 5, les CSS et le javascript sans écrire de code.
Vos connaissances et les similitudes entre ces 2 logiciels vous permettront d’être productifs en 2 jours. Grâce à cette cession, le passage de Flash à Edge sera une formalité.
Prérequis
Bonne connaissances de la création d’animations Flash (hors ActionScript).

Contenu de formation

Préambule

Les contraintes techniques de l’environnement matériel actuel
Qu’est-ce que le HTML 5 et les CSS3 ?
Flash VS Edge : comparaison et limites techniques respectives

Retrouver ses marques

Présentation de l’environnement de travail
Similitude entre les 2 logiciels
Personnalisation de l’interface
Les éléments, les propriétés et le scénario

Création d’un nouveau document

Préparation des sources et méthodes de travail
Paramétrage de taille, fond…
Règles d’insertion dans un environnement défini
Mise en place du préloader

Création d’éléments

Création d’un texte
Mise en forme du texte
Limitation et ajout des polices Web
Création d’éléments avec les outils de dessin
Personnalisation des dessins
Gestion des superpositions (arrière et avant-plan)

Les images

Insertion dans l’animation

Les symboles

Créer, modifier un symbole
Création d’une scène de niveau inférieur

Personnalisation de l’aspect des éléments

Modification de l’opacité, les couleurs (contours, fond) d’un élément
Transformation des éléments
Ajout de bords arrondis
Effets d’ombre portée

Animation des éléments

Présentation du « scénario »
Paramétrage
Ajouter des images clés
Créer des déplacements d’éléments
Modifier les apparences d’un élément
Modification d’accélération de mouvement

Pilotage de l’animation

Passage de l’actionscript au Javascript
Ajout de déclencheurs
Sélection des actions
Personnalisation des actions
Ajout d’actions Javascript personnalisées

Exportation d’un projet

Publier pour le Web
Publier pour InDesign/DPS
Publier pour iBook/iOS

Les autres formations qui pourraient vous intéresser

Formation Photoshop pour les community manager et les réseaux sociaux

Formation éligible au CPF

Objectifs

Formation Shopify

Apprenez à créer votre site shopify

Formation Slack initiation – Atelier de mise en pratique

Contactez-nous directement pour connaitre

Formation Slack initiation

Contactez-nous directement pour connaitre

Formation Adobe XD

Contactez-nous directement pour connaitre

Formation SAP Business Objects Initiation

Contactez-nous directement pour connaitre

Formation Animate Perfectionnement

Contactez-nous directement pour connaitre

Formation Création d’emailing avec Adobe Dreamwaever

Contactez-nous directement pour connaitre

Formation SPIP Administrateur et rédacteur

Contactez-nous directement pour connaitre

Formation SPIP Installation et paramétrage

Contactez-nous directement pour connaitre

Formation Animate Initiation – Animations pour le web/supports mobiles

By Steph

0

1411 Views

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Objectifs

Vous souhaitez réaliser des animations pour le web sans passer par le format Flash et être ainsi compatible avec tous les types de supports de diffusion (PC, Mac, iPhone et iPad, tablette et smartphone Android).
Pour cela Adobe Animate vous permettra de générer le code HTML5 et Javascript sans connaissance particulière du code.
Prérequis
Maîtrise de l’outil informatique.

Contenu de formation

Préambule

Les contraintes techniques de l’environnement matériel actuel
Qu’est-ce que le HTML 5 et les CSS3 ?
Rappel historique les animations et Flash

Faire connaissance avec le logiciel

Présentation de l’environnement de travail
Personnalisation de l’interface
Les éléments, les propriétés et le scénario

Créer un nouveau document

Préparation des sources et méthodes de travail
Paramétrage de taille, fond…
Règles d’insertion dans un environnement défini
Mise en place du préloader

Création d’éléments

Création d’un texte
Mise en forme du texte
Limitation et ajout des polices web
Création d’éléments avec les outils de dessin
Personnalisation des dessins
Gestion des superpositions (arrière et avant-plan)

Les images

Contrôler la conformité technique des fichiers
Adaptation de la taille et du format
Insertion dans l’animation

Les symboles

Présentation du principe d’imbrication
Créer, modifier un symbole
Création d’une scène de niveau inférieur

Personnalisation de l’aspect des éléments

Modification de l’opacité, les couleurs (contours, fond) d’un élément
Transformation des éléments
Ajout de bords arrondis
Effets d’ombre portée

Animation des éléments

Introduction : la gestion du temps par les images clé
Brainstorming : scénarisation de l’animation
Les interpolations (forme, mouvement et classique)
Présentation du « scénario »
Paramétrage
Ajouter des images clés
Créer des déplacements d’éléments
Modifier les apparences d’un élément
Modification d’accélération de mouvement
Animation par squelette
Ajout et gestion de la “Caméra”

Pilotage de l’animation

Ajout de déclencheurs
Sélection des actions
Personnalisation des actions
Ajout d’actions Javascript personnalisées

Exportation d’un projet

Publier pour le Web
Publier pour InDesign/DPS
Publier pour iBook/OS X

Les autres formations qui pourraient vous intéresser

Formation Photoshop pour le web et les réseaux sociaux

By Steph

0

1650 Views

Inscrivez-vous à cette formation dès maintenant via votre compte CPF

FORMATION INDIVIDUELLE

Objectifs

Maîtrisez les fonctions puissantes de Photoshop dédié au web tels que la création de bannières, création de visuels pour les réseaux sociaux, de templates, Gifs animés, etc.

Durant cette formation seront abordées les fonctions s’appuyant sur l’IA (intelligence artificielle) de Photoshop tels que les sélections, l’outil supprimer, le remplissage génératif…

À l’issu de cette formation vous serez capable de :

Personnaliser l’interface et les préférences du logiciel
Redimensionner et recadrer une image
Optimiser les réglages (contraste et chromie) d’une photo
Insérer du texte
Insérer des formes
Comprendre le fonctionnement de l’IA dans Photoshop
Détourer une personne
Faire un photomontage
Exporter pour les réseaux sociaux

Prérequis
Utilisateurs ayant une bonne maîtrise des fonctions de base de Photoshop.

Contenu de formation

Préparation du document

Création d’un document pour le web
Les plans de travail et déclinaisons de format
Les formats standards
Gestion des groupes de calques
Chaînage
Objets dynamiques

Optimiser les images

Adaptation de la taille de l’image (IA)
Recadrage
Les calques de réglages

Création de formes

Principes des calques de formes
Les formes de base
Déformation vectorielle
Les formes personnalisées
Sauvegarde de formes personnalisées

Insertion de textes

Création de calques de texte
Options de texte
Paramètres de lisibilité

Détourage et photomontage

Les différentes méthodes de sélection (IA)
Création de masque de fusion automatique (IA)
Insertion d’éléments détourés
Retouche de masque de fusion
Harmonisation de couleurs et densité (IA)

Les styles et les effets

Appliquer un motif, une texture
Appliquer des effets
Enregistrer des styles

Création d’animations

Préparation des calques
Interpolation de mouvement
Gestion de la transparence
Uniformisation de paramètres

Automatisation

Création de script
Traitement par lot
Conversion de formats

Le principe de tranches

Créer des tranches
Nommer, ajouter, supprimer des tranches
Options de tranches

Exportation et formats

Choix de formats adéquats
Exportation rapide et Export
Exportation de calques
Les paramètres de compression
Exportation au format HTML

Les autres formations qui pourraient vous intéresser

Formation Dreamweaver Site dynamique

By Steph

0

1243 Views

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Objectifs

Maîtriser les fonctionnalités avancées de Dreamweaver : exploiter une base de données, utiliser les comportements serveur, sécuriser les accès.
Prérequis
Utilisateurs ayant une bonne maîtrise des fonctions de base de Dreamweaver.

Contenu de formation

Créer un site dynamique

Configurer le serveur Web
Créer le site local et le site distant
Définir le dossier de traitement des pages dynamiques

Créer des pages dynamiques courantes

Interroger une base de données
Ajouter, mettre à jour, supprimer
Afficher des résultats
Créer des menus déroulants
Contrôler la saisie et gérer les erreurs
Navigation personnalisée en fonction des profils
Lister des fichiers d’un répertoire
Gestion des Cookies

Mettre en œuvre un accès sécurisé au site

Créer un formulaire
Gestion des mots de passe
Vérifier la validité des login

Gérer la base de données (PHPMyAdmin)

Créer une table : les différents types de champs
Insérer des enregistrements
Mettre à jour des enregistrements
Supprimer des enregistrements
Le langage SQL : SELECT, INSERT, DELETE, UPDATE

Maîtriser les bases du langage PHP

Les fonctions de base : chaîne de caractères, dates, images, fichiers, messageries…
Créer des fonctions, des bibliothèques
Connaître les différents types de variables
Connaître les tests IF… ELSE… SWITCH
Les boucles FOR, DO, WHILE

Les autres formations qui pourraient vous intéresser

Formation Dreamweaver Initiation

Contactez-nous directement pour connaitre

Formation WordPress pour les rédacteurs

Contactez-nous directement pour connaitre

Formation Dreamweaver Initiation

By Steph

0

1073 Views

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Objectifs

Dreamweaver propose un nouveau concept de création de page Web. Il est plus naturellement orienté « effets », répercutant la programmation en HTML, JavaScript et feuilles de style.
L’approche est originale, en s’éloignant encore plus de l’aspect technique pour favoriser des mises en page et des animations assez performantes.
Prérequis
Maîtrise de l’outil informatique.

Contenu de formation

L’environnement

Le plan de travail
Les palettes flottantes
Visualisation du code HTML
Sélection des balises HTML

Gestion de site

Configuration du gestionnaire
Visualisation du site
Vérification des liens
Publication FTP

Structure d’une page web

Les standards du web
Évolution du HTML
Les bonnes pratiques
Concevoir une page web
Utiliser les modèles de Dreamweaver

Les objets

Textes
Mise en page par les tableaux
Mise en page par les DIV
Insertion d’images
Animations Flash et Shockwave, plug-in et ActiveX

Automatisation des procédures

Feuilles de styles CCS
Rechercher, remplacer
Scripts et historiques
Snippets et bibliothèque

Animation par calque

Principe des calques (layer)
Balises HTML associées, compatibilité entre navigateurs
Exploitation de la ligne de temps
Insertion d’image clé

Comportements des objets

Définition des événements
Compatibilité
Actions possibles

Les autres formations qui pourraient vous intéresser

Formation WordPress pour les rédacteurs

By Steph

0

1109 Views

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Objectifs

Vous souhaitez mettre en place un blog et personnaliser l’affichage, par template, ou par module.
Vous souhaitez publier des informations et comprendre le mécanisme de fonctionnement d’un blog.

À l’issu de cette formation vous serez capable de :

Installation de wordpress
Ajouter un thème
Personnaliser un thème
Créer des pages
Créer des articles
Ajouter des médias
Sécuriser son site
Ajouter les extensions
Optimiser le contenu pour le référencement

Prérequis
Connaître l’environnement informatique.

Contenu de formation

Découverte du Framework

Pourquoi WordPress, et quelle utilisation?
Notion d’écriture pour le web
Structure d’un blog
Front et Backoffice

Installation de WordPress

Télécharger WordPress
Installer WordPress pas à pas
Configurer l’accès SQL

Backoffice

Les différents bandeaux
Le tableau de bord
L’écran d’accueil
Configuration de base

Graphisme

Choisir un thème
Télécharger et appliquer un thème
Modifier un thème

Configuration

Gérer les widgets
Ajouter des plugins
Gestion des utilisateurs
Référencement du blog
Autres outils

Gestion des commentaires

Autoriser les commentaires
Modération des commentaires
Désactiver les commentaires
Combattre le SPAM

Gestion des articles

Ajouter un article
Gestion des mots clés
Rubriquage
Modifier ou supprimer un article
Principe d’archivage
Statut de publication
Gestion d’URL
Pagination

Mise en forme des articles

Editeur WYSIWYG
Mise en forme simple
Insérer un lien
Insérer un média
Gestion des images
Faire une galerie
Rétroliens

Un peu de sécurité

Sécuriser les accès
Paramétrer des sauvegardes
Contrôler et corriger les failles de sécurité

Les autres formations qui pourraient vous intéresser

Tout voir