Heroes
Les sondagesSondages Les BlogsBlogs Liste des HérosListe des Héros ConnexionConnexion Carte des membresCarte des membres S'enregistrerS'enregistrer
[Créations] Trucs et astuces
Aller a la page Précédente  1, 2, 3 ... 6, 7, 8 ... 31, 32, 33  Suivante
Voir les nouveaux messages depuis votre derniere visite
http://www.heroes-france.com/forum/sujet_1976-90.htm
Héros Message
Darth
Si j'avais une fille elle ressemblerait à Kayla
heroes

Inscrit le: 21 Mar 2007
Messages: 3158
Localisation: là -->O
Age: 100

Posté le: Dim 03 Juin 2007 10:05 Sujet: [Créations] Trucs et astuces
Répondre en citant

StarZz-Shine a écrit:
Sa a du te faire ch ... t'énervé quand t'a vu qu'on pouvez faire directement Laughing Laughing


Non je me suis juste dit COOOOOOl je vais pouvoir délirer Razz lol Laughing


http://blog.darth.ch/wp-content/uploads/2008/11/sign.pnghttp://belforum.net/img/depot4/d996ca754e6d5dc9f16c453df4f7a161.jpg
/!\Commandement N°20/!\ Roi par mariage du CSS & VIMC confirmé I Sylar http://www.darth.ch/im/cer.gif
CSS: Membre Honorable N°2 CSH: Maitre Jedi N°1 Vieille Pô: Apprenti Comploteur
Eminent Docteur en Sakéologie! CSAM en FORCE!!!
BLOG.DARTH.CH
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSS Blog Masculin
Alban
Sylar, what else?
heroes

Inscrit le: 27 Oct 2006
Messages: 630
Localisation: Vannes

Posté le: Dim 03 Juin 2007 10:26 Sujet: [Créations] Trucs et astuces
Répondre en citant

Les gens !
Avec 'toshop CS3 il est passé où ImageReady ?!
Je le trouve plus Crying or Very sad

Edit: C'est réglé
Citation:
ImageReady est un produit abandonné.

Dans la CS3, pour les animations complexes, c'est Fireworks qui complète Photoshop (Fireworks aurait été réécrit pour offrir une intégration à Photoshop telle celle de ImageReady précédemment).

Sinon, pour les animations simples (genre GIF animé), les fonctions de ImageReady ont été intégrées directement à Photoshop CS3 (ce qui n'est pas plus mal wink.gif )
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSS Masculin
Durden
Big Brother's watching you!
heroes

Inscrit le: 06 Déc 2006
Messages: 2361
Localisation: Gone away

Posté le: Dim 03 Juin 2007 10:51 Sujet: [Créations] Trucs et astuces
Répondre en citant

Insérer une image animée dans une création fixe


Bonjour, alors comme je l'ai dit hier, voilà un tuto pour apprendre à faire cet effet :

http://img519.imageshack.us/img519/6965/tutolr1.gif


Tout d'abord, ouvrez l'image gif à insérer avec image ready. Ensuite, créez un nouveau set en cliquant ici :

http://img175.imageshack.us/img175/9235/29237652gr0.jpg


Placez ensuite chacune des images de votre animation dans ce set, puis passez à photoshop :

http://img237.imageshack.us/img237/6566/97873126tz6.jpg


Une fois sur photoshop, il va falloir agrandir votre surface de travail, allez donc dans Image/Canvas size et appliquez les changements que vous souhaitez.

http://img161.imageshack.us/img161/4961/28552283fr1.jpg


Vous devriez vous retrouvez avec quelque chose dans ce genre là :

http://img161.imageshack.us/img161/5909/68506487mq3.jpg


Faites les modifications que vous voulez autour de l'image pour créer une signature, un avatar, une bannière, ce que vous voulez. Faites place à votre imagination Wink

Une fois ces changements appliqués, retournez sur image ready :

http://img169.imageshack.us/img169/7157/11413584ww0.jpg


Il ne vous reste plus qu'à enregistrer, et voilà le travail!

http://img169.imageshack.us/img169/727/tutolz4.gif


ATTENTION : Lorsque vous enregistrer votre création avec image ready, il se peux qu'elle soit modifiée, pour cela faites des changements dans les réglages.

http://img337.imageshack.us/img337/9234/81063352ff3.jpg



Voilà j'espère que c'était assez clair et que ça vous sera utile Wink


http://img528.imageshack.us/img528/9797/sylarmw5.jpghttp://i11.tinypic.com/4mhlbpf.jpg
CCCCS is back!!!
I Sylar
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail CSS Blog
Lilly

heroes

Inscrit le: 03 Juin 2007
Messages: 416
Localisation: Dans les etoiles

Posté le: Dim 03 Juin 2007 11:07 Sujet: [Créations] Trucs et astuces
Répondre en citant

Et bien et bien et bien ....
C'est incroyable de voir tout ce qu'on peut faire quand on maitrise le truc... En tout cas bonne idée d'avoir regroupé tous ces tuto car je ne maitrise rien du tout ^^ ! Bon peut être Virtualdub et movie maker pour la realisation de video...
Sinon merci à tous pour toutes ces infos... Vais pouvoir me lancer maintenant ^^ !


... You saved the cheerleader, so we could save the world ...
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail CSS Feminin
Alban
Sylar, what else?
heroes

Inscrit le: 27 Oct 2006
Messages: 630
Localisation: Vannes

Posté le: Dim 03 Juin 2007 11:09 Sujet: [Créations] Trucs et astuces
Répondre en citant

C'est très clair merci beaucoup.
Par contre j'ai une question quant à l'animation.
Comment on fait pour que les lettres soient une par une illuminé comme sur la sign de StarZz-Shine ou pour les NATHAN FOR CONGRESS etc. ?

Edit: C'est reglé encore une fois. Avec le temps on obtient tout Smile .
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSS Masculin
Adrien
Dans la monde de C.R.A.Z.Y.
heroes

Inscrit le: 08 Avr 2007
Messages: 284
Localisation: Seraing

Posté le: Dim 03 Juin 2007 12:33 Sujet: [Créations] Trucs et astuces
Répondre en citant

Flying Toaster a écrit:
Adrien si tu veux réussir à faire un avatar animé comme le mien, je peux poster un tuto. C'est comme tu veux Smile


J'essaye sa méthode, et si ca va, j'en aurais pas bessoin Wink
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail CSS
Flying Toaster

heroes

Inscrit le: 03 Avr 2007
Messages: 9

Posté le: Dim 03 Juin 2007 13:46 Sujet: [Créations] Trucs et astuces
Répondre en citant

Créer un avatar animé

Pour cela il vous faudra le logiciel VirtualDub et ImageReady qui vient avec Photoshop.

Tout d'abord, ouvrez VirtualDub. Sélectionnez File/Open Video et choisissez la video.

Je veux faire un gif de Sylar parce que je l'aime. Tiens, la toute fin de l'épisode 22 par exemple.

http://host-images.surf-remunere.com/uploads/ebbbd30839.jpg

Le bouton entouré en rouge et celui entouré en vert définissent le début et la fin du clip que vous voulez transformer en gif.
Tout d'abord vous glisser le truc entouré en bleu jusqu'à trouver le moment de la video que vous voulez capturer.
Quand vous avez trouver le début de ce moment, vous appuez sur le bouton entouré en rouge et quand vous trouvez la fin du moment, c'est à dire la fin de votre futur avatar, vous appuez sur le bouton entouré en vert.
Pour faire un bon avatar, il vaut mieux avoir un moment assez court.

Puis vous allez dans File/Save Image Sequence et vous éditez comme ceci:
http://host-images.surf-remunere.com/uploads/a4bb52fdc5.jpg
Toutes les frames seront sauvées dans un dossier. Vérifiez en cliquant dessus et avec les fléches du clavier que les images se déroulent comme vous le voulez.
Le truc marrant arrive, faire l'icone Very Happy

Ouvez Image Ready.
Faites File/Import/Folder as Frames et sélectionnez votre dossier.
Vous avez normalement ceci:
http://host-images.surf-remunere.com/uploads/35794ad4b9.jpg
Bon là, il y a vraiment trop de frames. Mais on verra ça plus tard.
D'abord on va faire du cropping.
http://host-images.surf-remunere.com/uploads/a088c7b812.jpg
Ce qui est entouré en bleu est trés important.
1/ sélectionnez l'outil
2/ sélectionnez la taille. Pour une icone, le mieux c'est soit 50*50 ou 100*50.
3/ sélectionnez DELETE. C'est trés important pour la suite.
4/ sélectionnez ce que vous voulez garder. La tête de Sylar et ses mains sont un bon choix Smile
5/ cliquez sur la flêche et patientez deux minutes.

Et voilà!
Bon maintenant, direction Photoshop. Cliquez sur le truc tout en bas de la barre d'outil qui vous emméne vers toshop.
Sur Photoshop, allez dans Images / Canvas Size et sélectionnez 100*100 en pixels. En cm, ca fait 3.53 Smile
Tout en bas, rajoutez un layer et remplissez le de noir ou de blanc.
Bon maintenant on va faire un ptit effet sur les images parce que c'est vraiment trop sombre.
Pour cela, allez tout en haut de toutes vos frames et faites Layer/ New Adjustment Layer/ Curves, cliquez sur load et mettez cette curve.
Vous devez avoir ceci dans photoshop:
http://host-images.surf-remunere.com/uploads/d9771f81a1.jpg
et cela dans ImageReady:
http://host-images.surf-remunere.com/uploads/fc94964943.jpg
Enfin pour la déco nous allons mettre une brush, celle-ci convient trés bien. Choisissez celle-ci: http://host-images.surf-remunere.com/uploads/8556c432f6.jpg
(Remarque: ces deux étapes peuvent se sauter, ce n'est que de la pure décoration)

L'étape la plus chiante maintenant, rendre le gif acceptable en supprimant des frames.
Commencez par en supprimer une sur deux en cliquant sur la poubelle:
http://host-images.surf-remunere.com/uploads/01bd4e7787.jpg
Puis vous supprimez toutes les frames qui vous semblent inutiles, par exemple le début ou la toute fin. Le mieux serait d'avoir entre 14 et 35 frames.
Pour tester tout ça, vous enregistrer en cliquant sur File/Save Optimized As
http://host-images.surf-remunere.com/uploads/a072fe5437.jpg
Pour l'instant nous avons ceci: http://host-images.surf-remunere.com/uploads/3285d785f2.gif
Pas mal mais...la fin est trop abrupte n'est ce pas?

Allez sur Photoshop, tout en haut. Créer un nouveau layer et faites en sorte d'avoir ceci http://host-images.surf-remunere.com/uploads/e764863b09.jpg
Aller dans ImageReady, à la derniére frame et sélectionnez l'outil "tween". Faites les mêmes réglages.
http://host-images.surf-remunere.com/uploads/528b01c792.jpg
Vous devrez avoir ceci:
http://host-images.surf-remunere.com/uploads/76522b61bb.jpg
Supprimez la frame 31, on ne veut pas de ce carré tout noir dans notre icone.
Par contre modifiez la durée de la frame 30 en 0.2 secondes.
http://host-images.surf-remunere.com/uploads/42a032e1c6.jpg

Et voilà!
http://host-images.surf-remunere.com/uploads/33b63f2722.gif

© Flying Toaster
(si vous avez des questions...n'hésitez pas!)
Enregistrez.


http://img01.picoodle.com/img/img01/8/6/2/f_4m_34d85c3.png
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSS
Byanka
N*E*R*D
heroes

Inscrit le: 10 Jan 2007
Messages: 1693
Localisation: IDF

Posté le: Dim 03 Juin 2007 13:49 Sujet: [Créations] Trucs et astuces
Répondre en citant

Merci beaucoup pour tous ces tuto !
J'ai juste à me procurer Photoshop et j'essairais !


http://img.photobucket.com/albums/v296/Byanka/Californication01.jpg http://img.photobucket.com/albums/v296/Byanka/LaBelleAuBoisDormant053.png http://img.photobucket.com/albums/v296/Byanka/TrueBlood06.gif http://img.photobucket.com/albums/v296/Byanka/Weeds004.png
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail MSN Messenger CSNJ Feminin
Alban
Sylar, what else?
heroes

Inscrit le: 27 Oct 2006
Messages: 630
Localisation: Vannes

Posté le: Dim 03 Juin 2007 13:52 Sujet: [Créations] Trucs et astuces
Répondre en citant

Sympa comme tuto. J'ai une autre technique plus bête et plus méchante mais celle là semble plus intéressante. Merci !
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSS Masculin
StarZz-Shine
Graphiste
heroesGraphistes

Inscrit le: 02 Mai 2007
Messages: 675
Localisation: Somewhere Over The Rainbow

Posté le: Dim 03 Juin 2007 13:56 Sujet: [Créations] Trucs et astuces
Répondre en citant

Il est très bien ton tuto, mais je vois pas pourquoi t'utilise VirtualDub, m'enfin chacun sa façon de faire Very Happy


http://www.heroes-france.com/forum/templates/rc/images/comite_peter.gif
http://www.heroes-france.com/forum/templates/rc/images/comite_claire.gif
http://www.heroes-france.com/forum/templates/rc/images/comite_niki.gif
Un Membre Du CDC à Plein Temps =[
http://img166.imageshack.us/img166/5899/bannire1rr8.jpg
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSP Masculin
Adrien
Dans la monde de C.R.A.Z.Y.
heroes

Inscrit le: 08 Avr 2007
Messages: 284
Localisation: Seraing

Posté le: Dim 03 Juin 2007 14:01 Sujet: [Créations] Trucs et astuces
Répondre en citant

Avec le tuto de StarZz-Shine, je suis arrivé à ca:

http://img389.imageshack.us/img389/6991/3x22000ox3.gif

Le seule problème, c'est qu'il est vraiment lourd, j'ai pris trop de temps de la vidéo. Je suis arrivé à faire ca en 3 heures...
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail CSS
StarZz-Shine
Graphiste
heroesGraphistes

Inscrit le: 02 Mai 2007
Messages: 675
Localisation: Somewhere Over The Rainbow

Posté le: Dim 03 Juin 2007 14:05 Sujet: [Créations] Trucs et astuces
Répondre en citant

Ah ouais d'accord, mauvaise manip, mais c'est pas mal, après c'est un coup de main à prendre Very Happy


http://www.heroes-france.com/forum/templates/rc/images/comite_peter.gif
http://www.heroes-france.com/forum/templates/rc/images/comite_claire.gif
http://www.heroes-france.com/forum/templates/rc/images/comite_niki.gif
Un Membre Du CDC à Plein Temps =[
http://img166.imageshack.us/img166/5899/bannire1rr8.jpg
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSP Masculin
Darth
Si j'avais une fille elle ressemblerait à Kayla
heroes

Inscrit le: 21 Mar 2007
Messages: 3158
Localisation: là -->O
Age: 100

Posté le: Dim 03 Juin 2007 17:22 Sujet: [Créations] Trucs et astuces
Répondre en citant

Merci pour ces dernuer tuto, j'ai apris plein de choses today!

J'ai mis la première page à jour, on commence à avoir pas mal de choses c'est cool Very Happy


http://blog.darth.ch/wp-content/uploads/2008/11/sign.pnghttp://belforum.net/img/depot4/d996ca754e6d5dc9f16c453df4f7a161.jpg
/!\Commandement N°20/!\ Roi par mariage du CSS & VIMC confirmé I Sylar http://www.darth.ch/im/cer.gif
CSS: Membre Honorable N°2 CSH: Maitre Jedi N°1 Vieille Pô: Apprenti Comploteur
Eminent Docteur en Sakéologie! CSAM en FORCE!!!
BLOG.DARTH.CH
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSS Blog Masculin
JellyFish

heroes

Inscrit le: 31 Mar 2007
Messages: 510
Localisation: Cachée sous ton lit

Posté le: Dim 03 Juin 2007 17:58 Sujet: [Créations] Trucs et astuces
Répondre en citant

http://host-images.surf-remunere.com/uploads/d4a2240da8.gif
Ce que j'ai fait avec le tuto de FlyingToaster. Ce n'est vraiment pas lourd et c'est facile Very Happy


http://img293.imageshack.us/img293/138/signhfsmalltl2.jpg
I Sylar
Fière membre du CSS!
Unhappy the land that has no heroes. No, unhappy the land that needs heroes.
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur CSS Blog Feminin
AliceGA

heroes

Inscrit le: 06 Avr 2007
Messages: 1689
Localisation: CSS Paradise

Posté le: Dim 03 Juin 2007 18:08 Sujet: [Créations] Trucs et astuces
Répondre en citant

Adrien, tu pourrais le mettre en lien s'il te plait, ça alourdi vraiment la page


Visitez ma galerie! et Visitez... le blog du CSS!
http://www.heroes-france.com/forum/templates/rc/images/comite_nathan.gif
http://i13.tinypic.com/5420g9v.jpg http://i23.tinypic.com/sm68ac.jpg http://i23.tinypic.com/282pblt.jpg http://i23.tinypic.com/28tawlj.jpg
I Sylar
Revenir en haut de page Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger CSS Blog Feminin