03 Mar 2016

Visionaire Studio: série de tutoriels en vidéo en anglais

Posté dans Logiciels, Tutoriel par Webmaster le 3 mars 2016

Tags:visionaire studio

Laisser un commentaire Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

Rechercher
Réseau Blogmania
Articles au hasard…
- Boutique en ligne de vente de dés
  
  Voici une boutique très spécialisée puisqu’elle propose à la vente des dés. Bien entendu des dés à 6 faces de diverses dimensions et couleurs, mais également des dés à 4, 8, 10, 12, 20 faces et plus encore. Ces derniers sont indispensables pour les adeptes de jeux de rôle ou de jeux de plateau. Vous pouvez également trouver des accessoires comme des petits sacs bien pratiques pour les ranger. Le site a été testé et il est très sérieux. https://www.des-en-folie.fr/
- Infomaniak: nom de domaine pas cher
  
  Il n’est pas toujours simple de trouver un hébergeur de nom de domaine pas cher, mais sérieux et efficace. Je vous présente infomaniak, un site sérieux sur lequel vous pouvez acheter en toute confiance un nom de domaine. Voici l’adresse du site: https://www.infomaniak.com/fr Infomaniak présente plusieurs avantages. D’abord le prix. Les noms de domaine ne sont vraiment pas chers. Il est important de noter ici que le prix indiqué pour un “.fr” est non seulement celui que vous allez payer pour l’année à venir, mais restera le même pour les années suivantes. donc pas de mauvaise surprise comme les sites qui vous proposent une bonne réduction pour la première année, mais augmente fortement dès la seconde. Voici un exemple: Une fois commandée, pour ma part, le mise en place a été très rapide et n’a posé aucune difficulté. La société est implantée en Suisse et le site est entièrement en francais. Ensuite une fois le service activé, vous disposez d’une interface simple et claire, qui vous permet de gérer votre nom de domaine: Pour conclure, Infomaniak propose également l’hébergement mais aussi bien d’autres services qu’on trouve généralement sur tous les autres hébergeurs web.
- Better Search Replace: convertir les adresses HTTP en HTTPS
  
  Après une conversion de votre site en HTTPS, les liens dans vos articles pointant vers vos images restent en HTTP. Cela peut poser des problèmes comme le non affichage des images ou un mauvais référencement auprès des moteurs de recherche. Better Search Replace est un plugin Wordpress qui peut pallier à ce problème. Vous pouvez le récupérer dans le menu “extensions” de Wordpress. Son fonctionnement est simple. Il remplace une expression dans la base de données SQL de votre site par une autre expression. Par exemple vous indiquez au plugin de rechercher l’expression “http://www.monsite.fr/images/” et la remplacer par “https://www.monsite.fr/images/”. Voici comment j’ai procédé sur mon propre site pour redéfinir toutes les URL pointant vers mes images d’illustration en HTTPS: J’ai remplacé dans cet exemple uniquement les images se trouvant dans le répertoire “/wp-content/uploads”. Il s’agit du répertoire de Wordpress dans lequel toutes les photos sont stockées. Vous pouvez bien entendu utiliser ce plugin pour convertir les URL indiqués dans vos articles. Attention, par précaution pensez à sauvegarder votre base de données avant de l’utiliser.
- Tutoriel Visionaire Studio n°2: créer son personnage
  
  Dans le tutoriel précédent, nous avions vu comment créer une scène. Nous allons maintenant voir comment créer le personnage. J’entends ici le personnage principal c’est-à-dire celui que vous dirigerez dans le jeu. Cliquez cette fois sur l’icone représentant un personnage. Cliquez sur le symbole “+” afin de créer un nouveau personnage. Vous pouvez ensuite le renommer. Je l’appelle ici Personnage (quelle imagination !). Vous apercevez ici dans l’onglet “outfits” plusieurs sous-menus. Nous nous intéresserons ici au sous-menu “Standing animations” qui correspond aux animations fixes de votre personnage en position debout. Il y a en a 4: face, de dos, coté gauche et coté droit. Nous allons commencer par l’image de votre personnage de face. Cliquez sur “front” puis sur le symbole “+”. Une fenêtre va s’ouvrir afin d’aller chercher le fichier image de votre personnage lorsqu’il vous fait face. Bien entendu ce tutoriel sous entend que vous avez déjà créé votre personnage sous ses différentes postures. Cliquez sur les 3 petits points pour aller chercher votre fichier image sur votre disque dur. Voici ce que ça donne, une fois l’image chargée. Vous constaterez ici que la transparence de votre image n’est pas visible. C’est le cas si vous avez conçu une image sans le faire sur un fond transparent. Ce n’est pas grave, voici la démarche à suivre pour que ce fond (qui ici est de couleur rose) devienne transparent. D’abord la flèche verte pour choisir “Color”, ensuite cliquez sur la pipette (flèche rouge) et cliquez sur le fond rose de l’image (flèche bleue). Je le répète cette manœuvre n’est pas à effectuer si votre personnage est déjà sur un fond transparent (désigné par un quadrillage de carrés gris et blancs). Avant de voir le résultat, une petite précision si vous ne l’avez pas compris. La transparence est importante car lorsque votre personnage sera sur le décor, le fond de l’image (ici le rose) ne doit pas apparaitre, c’est bien le décor qui doit apparaitre au delà du contour qui dessine votre personnage. Votre personnage est maintenant sur un fond transparent. Vous pouvez valider. Il faut maintenant désigner l’axe central de votre personnage. Il doit être placé tout en bas (ici sous les chaussures) et au milieu de votre personnage. Pour cela cliquez sur la flèche verte sur l’icône représentant une fenêtre. Puis effectuez la manipulation expliquée et désignée par la flèche rouge. Il ne vous reste plus qu’à recommencer la manipulation avec les 3 autres positions. Par exemple ici celle de dos désignée par la flèche verte. Après avoir vu les positions fixes de votre personnage, il faut maintenant effectuer les positions dynamiques c’est-à-dire lorsqu’il marche. Il s’agit du menu “Walk animations”. Vous apercevez comme le menu “Standing animations”, quatre positions correspondant à votre personne qui marche vers vous, qui s’éloigne de vous, qui marche vers la droite, et enfin vers la gauche. Avant de poursuivre il est nécessaire d’avoir plusieurs images correspondant à une animation de votre personnage comme suit: En effet, c’est le principe du dessin animé, une animation est une succession d’images fixes. Nous allons commencer par la position de face. La manipulation est la même que pour la position fixe sauf que vous allez ajouter les images les une après les autres, toujours avec l’icône “+”. Vous pouvez constater que toutes les images ajoutées sont représentées par des petites “bâtonnets”dans la barre désignée par la flèche verte. Vous pouvez cliquer indépendamment sur chaque “bâtonnet” pour voir les images chargées. A noter il n’est pas nécessaire de définir à chaque fois l’axe central du personnage, vous ne le faites que pour la première image de l’animation. Vous pouvez voir sur l’image ci-dessous que j’ai ajouté une troisième image d’animation. (flèche verte). Passons à l’étape suivante. Il faut maintenant définir la vitesse de l’animation c’est-à-dire le temps entre chaque image. Cliquez sur l’icône représentant “deux petites roues crantées”désigné par la flèche rouge. Je définis ici un temps de 70 milliseconde entre l’affichage de chaque seconde. Si je diminue ce temps, mon personnage donnera l’impression de courir. Si vous augmenter, votre personnage se déplacera plus lentement. Le symbole désigné par la flèche rouge est important car il définit le sens de votre animation. Ici il est par défaut vers le bas car votre personnage est animé pour marcher vers vous. Lorsque vous effectuerez l’animation de votre personnage qui marche vers la droite, vous cliquez sur le coté droit du symbole pour que la ligne en gras (comme la grande aiguille sur une horloge) désigne la droite. Il vous reste à effectuer les animations pour les 3 autres positions. C’est assez fastidieux mais indispensable. Il reste d’autres animations possibles pour votre personnage comme par exemple les animations correspondant à votre personnage qui parle. Il suffira de dessiner des images où votre personnage aura la bouche ouverte et ce dans les 4 positions. On pourra aller plus loin en imaginant également en position debout ou en marchant. Ces animations sont désignées ici par la flèche verte. C’est tout pour ce tutoriel qui vous demandera pas mal de manipulations. Nous verrons dans le prochain comment inclure le personnage dans une scène. Ressources utilisées lors de ce tutoriel: images constituant le personnage
Catégories
- Actualités (3)
- Applications Android (6)
- Boutique en ligne (7)
- Divertissement (5)
- Liens utiles (29)
- Logiciels (39)
- SOS informatique (24)
- Tutoriel (35)
- Webmaster (28)
Partenaires

Articles similaires

Laisser un commentaire Annuler la réponse