UserBars France
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment : -40%
Tefal Ingenio Emotion – Batterie de cuisine 10 ...
Voir le deal
59.99 €

 

 creation + integration d'un gif(virtual dub+ulead+photoshop)

Aller en bas 
5 participants
AuteurMessage
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMar 15 Aoû - 13:44

CREATION D'UN GIF ANIME ET INSERTION DANS UNE USERBAR


Logiciels nescessaires:

- FLV CONVERTER : Telechargeable ici :
http://alix.lelombrik.net/index.php?2006/03/15/13-flv-to-mpeg-converter-gratuit-youtube-video
- VIRTUAL DUB : Telechargeable ici : http://www.01net.com/telecharger/windows/Multimedia/edition_video/fiches/8694.html
- ULEAD GIF ANIMATOR : Telechargeable (version demo) ici:
http://www.01net.com/telecharger/windows/Multimedia/outils_internet/fiches/16934.html

Et bien sur, PHOTOSHOP.
Installez tout ca sur le pc.


RECUPERER UNE VIDEO EN STREAMING
Allez sur https://www.youtube.com/
Choisissez une video, et copiez l'url.

Allez ensuite sur http://keepvid.com/
Collez l'url de la video dans le cadre vert et cliquez sur download
Attendez quelques secondes...un lien "download link" apparait dans le cadre gris du dessous, cliquez dessus et chargez la video au format flv.
ATTENTION, IL FAUT RENOMMER LA VIDEO EN .flv

Ouvrez flv converter
Selectionnez le codec MPEG1, le fichier source, et le fichier destination, cliquez sur convertir (rien de compliqué , le logiciel peut buger de temps en temps, suffit de recommencer)

SELECTIONNER UNE SEQUENCE DANS LA VIDEO

Ouvrez VIRTUAL DUB, ouvrez votre video.
Cherchez une sequence la plus courte possible pour votre gif, passer frame par frame (image par image grace aux fleches directionelles)
Cliquez sur les icones fleches du bas (voir image) pour selectionner le debut et la fin de votre sequence.

creation + integration d'un gif(virtual dub+ulead+photoshop) Tuto1bc4.th


Menu fichier----> save image sequence.
Remplissez le formulaire comme ceci:

creation + integration d'un gif(virtual dub+ulead+photoshop) Tuto2hi6.th


Ca va vous sauvegarder les images de la sequence, plus celle ci est longue, plus il y a d'images.

CREER LE GIF
Ouvrez ulead gif animator.
Choisissez "animation wizard" dans le menu qui s'ouvre.
Normalement la taille est de 320x240 , sinon adaptez la taille a celle de vos images.
Suivant---> Add image, selectionnez toutes vos images en laissant appuyé sur shift.
Suivant---> choisissez le frame rate, c est a dire la vitesse a laquelle vos images vont defiler.

Vous pouvez ensuite bidouiller votre gif, avec les nombreuses options dispo... le redimensionner en faisant edit--->resize image (par exemple avec une largeur de 350 pour remplir toute l'userbar).
Je patauge moi meme legerement avec ulead gif animator, j'essaye, je recommence etc etc.
Bref...une fois, le gif a votre gout (vous pouvez le tester dans "preview"), sauvegardez le, file--->save as gif.

Ouvrez Photoshop...
Creez votre userbar comme d habitude...mais en laissant une place pour le gif.
Pour faire simple , juste les hachures, le reflet, le texte et le cadre.
Sauvegarder en format psd.

Revenir sur ulead gif animator (c'est chiant hein?)
Choisissez "open an existing image file" dans le menu qui s'affiche et ouvrez votre userbar.psd
Choisissez "open each layer as an object" pour conserver vos calques.

L'operation delicate est d'integrer le gif a l'endroit voulu.
Une tres bonne explication ici: http://forum.pcastuces.com/sujet.asp?SUJET_ID=284340&page=1&#1803598

File--->add image--->ouvrez votre gif.
Utilisez les fleches directionelles pour le placer a l'endroit voulu (ca ne fonctionne pas a chaque coup, au cas ou, re-essayez)
Menu frame----> synchronize objet across frames et remplissez le formulaire comme ceci:

creation + integration d'un gif(virtual dub+ulead+photoshop) Ecranfixpd7.th

C'est archi-aleatoire, et je recommence souvent deux fois avant d'y arriver.

Selectionnez tous les objets de votre gif (menu a droite), et placez les sous les hachures pour que votre userbar soit au dessus du gif.

Vous devriez avoir une userbar normale apres ca.
Cliquez sur optimize, afin de reduire la taille du gif (pareil...aleatoire et des fois ca l'augmente plus qu'autre chose)
Cliquez sur save dans cette fenetre, ou faites file--->save as gif.


Voila...ce tuto est loin d etre parfait, j ai la gueule de bois gravissime...je le modifierai ou repondrai a vos questions avec grand plaisir.


Dernière édition par le Lun 2 Oct - 20:40, édité 2 fois
Revenir en haut Aller en bas
TheGreenMan
TGM Tout Puissant
TGM Tout Puissant
TheGreenMan


Masculin Nombre de messages : 4363
Age : 42
Localisation : sur E-Design...
Date d'inscription : 06/02/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMer 16 Aoû - 2:37

J'avais meme pas vu le tuto... Neutral

Faudrait que je test quand j'ai un peu de temps Wink
Ca m'a l'air bien sympathique en tout cas.
Revenir en haut Aller en bas
http://daleetstudios.free.fr/dotclear/
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptySam 30 Sep - 19:25

Excellent tuto, j'ai pas encore réussi à faire une bar animée mais ca viendra...

Par contre je bloque au moment où tu dis :

Citation :
Choisissez "open each layer as an object" pour conserver vos calques.

J'ai la version française d'Ulead Gif Animator et je ne vois pas du tout où se trouve cette option!
Revenir en haut Aller en bas
http://anakel87.free.fr/
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptySam 30 Sep - 20:15

Quand tu ouvres un fichier photoshop, il doit te demander "voulez vous conserver toutes les couches separement? ou comme objet" un truc comme ca..il faut choisir "oui" pour conserver tes differents calques.
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptySam 30 Sep - 21:36

Ah oui effectivement! La première fois que j'ai testé le tuto le message n'était pas apparu...

Encore bravo pour ce tuto!
Revenir en haut Aller en bas
http://anakel87.free.fr/
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptySam 30 Sep - 21:44

Merci et j'attend avec impatience tes delires.
N'hesite pas a poser d autres questions au cas ou.
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptySam 30 Sep - 22:05

creation + integration d'un gif(virtual dub+ulead+photoshop) Userbartest

Voilà pour une première, dur dur hein!
En fait le fond n'est pas blanc il est transparent j'ai pas preparé comme il fallait la bar dans photoshop...

A revoir...
Revenir en haut Aller en bas
http://anakel87.free.fr/
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptySam 30 Sep - 22:25

Yep, c est un bon debut.

J'garde photoshop ouvert en meme temps qu'ulead , pour pouvoir retoucher vite fait au cas ou. tu peux aussi rajouter les calques psd au fur et a mesure dans ulead.
Revenir en haut Aller en bas
formol

creation + integration d'un gif(virtual dub+ulead+photoshop) Userba10
formol


Masculin Nombre de messages : 813
Age : 55
Localisation : Var (83)
Loisirs : graphisme,jeux,www
Date d'inscription : 31/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyDim 1 Oct - 20:45

GG good tuto je l'avais pas vus moi non plus
bon taf ratpack Wink
Revenir en haut Aller en bas
http://ilestaware.c.la
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyLun 2 Oct - 16:52

J'ai un problème quand je fais "Synchroniser les objets sur l'image" je met tout bien et ca ne fait rien, la première image a toujours la même taille et les autres n'ont pas changés comme je l'aurai voulu!

Merci de m'éclairer un peu, ciao!
Revenir en haut Aller en bas
http://anakel87.free.fr/
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyLun 2 Oct - 20:35

Justement , il m 'arrive d'avoir le MEME probleme.
Cette option permet d'appliquer certains criteres (visibilitée, hauteur , largeur, transparence) a un ou plusieurs objets sur toutes ou seulement sur certaines frames.

Essaye de cocher l'option "transparency" dans le menu "synchronize".
J'ai fait une mauvaise copie d'ecran dans le tuto, desolé, je la change de suite.

si tu as d'autres prob ou si celui ci persiste, n'hesite pas.
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyLun 2 Oct - 21:00

Justement le problème persiste, tu dis que tu recommences 2-3 fois, moi je continue sans fin!
Revenir en haut Aller en bas
http://anakel87.free.fr/
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyLun 2 Oct - 22:29

Quand tu fais "synchronize object" tu remplis bien les options comme ici?
creation + integration d'un gif(virtual dub+ulead+photoshop) Ecranfixpd7.th
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMar 3 Oct - 21:32

oui oui je fais exactement ce qu'il y a sur le screen, ca commence a me prendre le chou cette histoire, j'aurais bien aimé faire des userboxz animées comme vous mais ca semble impossible...!
Revenir en haut Aller en bas
http://anakel87.free.fr/
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMar 3 Oct - 22:04

En fait quand c'est une question de position la synchro marche nikel, mais quand on parle de rectification de taille ca s'applique pas comme y faut!
Revenir en haut Aller en bas
http://anakel87.free.fr/
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMar 3 Oct - 22:13

Je crois que tu ne peux pas reduire la taille des elements sous ulead, tu peux seulement DEPLACER tes objets, pour bien les positionner.

Il faut modifier la taille des objets sous photoshop, en tous cas, c est ce que je fait.

L'option "resize image" dans ulead change la taille du gif en entier.

Tu peux aussi: selectionner la partie du gif qui t interesse, et choisir "crop canvas" dans le menu edit.
En jouant sur ces options, tu peux retailler des anims.


Dernière édition par le Mar 3 Oct - 22:19, édité 1 fois
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMar 3 Oct - 22:16

eh bien le problème se résoud donc, merci beaucoup pour ton aide, cet "Ulead Animator" c'est un peu le système D pour la création de gif (j'aurais dû penser a Photoshop...!)

Merci, maintenant j'vais m'y mettre et remplir la nouvelle gallerie d'userboxz! Chao!
Revenir en haut Aller en bas
http://anakel87.free.fr/
NoLife

creation + integration d'un gif(virtual dub+ulead+photoshop) Nouveau



Masculin Nombre de messages : 25
Age : 32
Localisation : Lyon
Date d'inscription : 29/09/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMer 4 Oct - 22:13

'Soir

J'ai un blem lors de l'installation de Ulead... Erreur lors de l'installation iKernel.exe, lecture impossible sur le périphérique spécifié. Si ce problème est récurant et qu'il y aune solution, pourriez me filer le tyau please, sinon je vais opter pour un autre animateur en GIF.

En tous cas merci pour le tutos, rien que pour la récupération des videos sur Youtube Wink
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMer 4 Oct - 22:59

Petite question, on peut pas mettre autant d'images que l'on veut pour faire le gif? Ca bloque et c'est énervant quand on a des scenes assez longues...
Revenir en haut Aller en bas
http://anakel87.free.fr/
RatPack

RatPack


Nombre de messages : 1008
Age : 50
Date d'inscription : 02/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMer 4 Oct - 23:07

tu as essayé "file"---> add image ou add video?
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 33
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) EmptyMer 4 Oct - 23:30

Ah oui c'est bon j'ai trouvé, j'enregistre en séquence vidéo ca dure plus longtemps, tu as raison!

Merci!
Revenir en haut Aller en bas
http://anakel87.free.fr/
Contenu sponsorisé





creation + integration d'un gif(virtual dub+ulead+photoshop) Empty
MessageSujet: Re: creation + integration d'un gif(virtual dub+ulead+photoshop)   creation + integration d'un gif(virtual dub+ulead+photoshop) Empty

Revenir en haut Aller en bas
 
creation + integration d'un gif(virtual dub+ulead+photoshop)
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
UserBars France :: Tutoriels / Support :: Tutos :: Photoshop :: Divers-
Sauter vers: