Exposition Graphique : Hora A propos du Site et du Forum : GuiTuX et 84 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Fireworks] Créer un livre

 
n°20797
Drezaem
Profil : New Penguin
Avatar
profil
Posté le 12-12-2006 à 21:36:35  
 

Bonjour,

 

Ceci est mon premier tutoriel, je vais donc essayer d'être le plus clair possible.  :wink:

 

Toutes les remarques et les commentaires pour améliorer ce tutoriel seront les bienvenue  :oui:

 

Création d'un livre avec Fireworks

 

Etape 1 : Trouver l'image qui servira de couverture

Personnellement, j'ai fait une image de 400*600px

http://img214.imageshack.us/img214/3645/etape1cf6.png

 


Etape 2 : Créer un rectangle de qui servira de tranche

 

Créez ensuite un rectangle de 150*600px

 


Etape 3 : Fabriquer la tranche du livre

 

1) Convertissez le rectangle précédent en vecteur
2) Ajoutez un point avec l'outil plume sur le haut du rectangle
3) Remplissez le rectangle avec un dégradé linéaire

 

http://img214.imageshack.us/img214/7576/etape2jt1.png

 

4) Utilisez l'outil sous sélection pour modifier les tracés du rectangle et avoir une forme approchant de celle ci-dessous

 

http://img214.imageshack.us/img214/881/etape3zg5.png

 


Etape 4 : Mise en place de la couverture du livre

 

Utilisez l'outil "Distortion" pour incliner la couverture du livre comme cela :

 

http://img214.imageshack.us/img214/3448/etape4ft6.png

 


Etape 5 : Création des pages du livre

 

1) Créer un nouveau rectangle avec l'outil...rectangle  :party:  faisant à peu près la largeur du livre
2) Remplissez le rectangle avec un dégradé linéaire de la gauche vers la droite avec les valeurs suivantes #FFFFFF -> #FFFFE8
3) Vectorisez le rectangle et le transformer comme ci dessous

 

http://img214.imageshack.us/img214/1502/etape5dd1.gif

 

4) Ajouter une ombre interne avec les valeurs suivantes

 

http://img214.imageshack.us/img214/383/etape6go7.gif

 


Etape 6 : Création du dos du livre
1)Créer un nouveau rectangle faisant la largeur du livre. Choisir un fond uni un peu plus foncé que la partie la plus foncé de la tranche (un peu confus j'avoue...)
2)Transformer le en vecteur et à l'aide de l'outils sous sélection lui donner la forme suivante

 

http://img65.imageshack.us/img65/1205/etape8cw8.png

  

Etape 7 : Votre nouveau best seller
Peaufiner l'ensemble pour que les différentes formes soient bien agencées entre elles.
Rajouter une ombre, quelques lueurs et ombre. Et c'est fini!

 

Vous devriez obtenir quelque chose ressemblant à ca :

 

http://img72.imageshack.us/img72/8325/finaliz3.png

 

J'espère que ce tutoriel vous aura plu.  :smile:

 

N'hésitez pas à laisser vos remarques ou suggestions pour améliorer ce tuto.

 

S'il y en a qui essaye ce tutoriel poster vos créations sur ce topic. :wink2:

 

:meuh:   Drezaem.

answer
mood
GoogleAds
profil
Posté le 12-12-2006 à 21:36:35  
 

answer
n°20798
Blinkx_182
Profil : Big Penguin
Avatar
profil
Posté le 12-12-2006 à 21:39:25  
 

Bravo !! :loveit:

answer
n°20799
Tardio
They are not you.
Profil : Penguin Pro
Avatar
profil
Posté le 12-12-2006 à 21:47:55  
 

Toujours sympa de voir un tuto pour Fireworks, la réalisation est plutôt bof mais l'idée et l'envie est la :great:

 

Faudra que j'en fasse un moi aussi un jours... :fouet:

answer
n°20800
EldAnar
Xcoder
Profil : Penguin Pro
Avatar
profil
Posté le 12-12-2006 à 22:14:49  
 

C'est joli, en plus ya pas beaucoup de tuto pour firework :great:
Mais la tranches est aliasée, l'ombre est pas tres realiste et certaines images deforment le forum :wink:

answer
n°20801
Drezaem
Profil : New Penguin
Avatar
profil
Posté le 12-12-2006 à 22:18:52  
 

EldAnar a écrit :

C'est joli, en plus ya pas beaucoup de tuto pour firework :great:

 

Merci. En effet pas beaucoup de tuto pour fw! (même pas de catégorie dédié  :cry: )

 
EldAnar a écrit :

Mais la tranches est aliasée, l'ombre est pas tres realiste

 

Je pense que tu dois parlé du dos du livre qui en effet est aliasé.
J'en prend note pour les améliorations merci.

 
EldAnar a écrit :

certaines images deforment le forum :wink:

 

Tu parles des dimensions ? Si c'est ça je peux redimensionner les images :smile:

answer
n°20802
EldAnar
Xcoder
Profil : Penguin Pro
Avatar
profil
Posté le 12-12-2006 à 22:29:51  
 

Drezaem a écrit :

Tu parles des dimensions ? Si c'est ça je peux redimensionner les images :smile:

 

En effet : cette image est trop large, redimmensionne la ou fait en une miniature , parce que la ca fait scroller le forum horizontalement pour les petites resolutions, et pur les grandes ca casse l'alignement, c'est inesthetique. Une fois résolu ce sera impec.  :biggrin:

answer
n°20803
Drezaem
Profil : New Penguin
Avatar
profil
Posté le 12-12-2006 à 22:41:04  
 

Voila j'ai modifié la taille de l'image ainsi que l'ombre et essayer d'enlever l'aliasing.

 

Merci EldAnar pour tes conseils.  :great:

answer
n°20832
chteuchteu
Profil : New Penguin
Avatar
profil
Posté le 08-04-2007 à 17:15:07  
 

Je vous montre le mien:

 

http://www.universsims2.info/temp/005/livre.png

 

Donnez-moi votre avis ! (désolé pour les petites résolutions)

answer
n°20834
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 09-04-2007 à 19:15:05  
 

Hum j'ai pas encore essayé mais ça m'a l'air super intéressent, avec un rendu final super réaliste  :great:

 

http://image.netenviesdemariage.com/images/2/e3a12e198d15821a8fcf98714770bb57.png http://image.netenviesdemariage.com/images/2/e3a12e198d15821a8fcf98714770bb57.png http://image.netenviesdemariage.com/images/2/e3a12e198d15821a8fcf98714770bb57.png http://image.netenviesdemariage.com/images/2/e3a12e198d15821a8fcf98714770bb57.png

answer
n°20837
Jacky672
Profil : New Penguin
Avatar
profil
Posté le 15-04-2007 à 18:09:04  
 

J'ai essayé de suivre en gros la procédure mais avec inkscape et voilà le rendu :

 

http://erkan.power-heberg.com/files/weblog/livre_mandriva_jaune.png

 

Je n'arrive pas à lissé le haut  du livre  :ouch:

 

Et merci Drezaem pour le tuto, vous faite un boulot magnifique  :great:

answer
n°20838
Leskimo
Profil : Penguin Pro
Avatar
profil
Posté le 15-04-2007 à 19:01:12  
 

Moi j'aime bien ce tuto :smile: j'aime bien le rendu :smile:

answer
n°20839
kaze2
Profil : Penguin
Avatar
profil
Posté le 16-04-2007 à 10:57:59  
 

vous trouvez pas que pour un livre l'ombre est un peu trop petite??

answer
n°20840
louix
Profil : Top Penguin
Avatar
profil
Posté le 16-04-2007 à 19:33:08  
 

bah sa depend où est la source de lumiere
si elleest juste au dessus il n'y aurra pas d'ombre du tout
si elle est un peu decalée l'ombre serra petite et ainsi de suite

answer

Aller à :
Ajouter une réponse