Corbu
07/10/2002, 18h36
############
Auteur : CORBU
############
Passons à IMAGE READY.
- Vous ouvrez photoshop, Vous réouvrez votre image du postbit, la psd bien sur.
- Maintenant, cliquez sur le dernier boutons de la barre d'outil de photoshop intitullée "Passer à Image Ready".
- Image Ready s'ouvre, et vous avez votre postbit qui a suivit.
- Maintenant on va faire des Slices. Des Slices...c'est en fait des Decoupes ou des Tranches : 3 mots pr la meme chose. Tout depends du logiciel. Donc la c'est dans Tranches si vous avez image ready en francais.
Un peu de théorie : pourquoi on decoupe l'image ? Pour plusieurs raisons deja...
1. Parceque ca facilite la rapiditée d'affichage sur I.E
2. Parceque vous etes obligés de faire ca pour pouvoir le rentrer dans le postbit. Je m'expliques... Vous allez decouper votre image en plusieurs parties, faire une image pour la barre du haut, une autre pour la barre du bas, une pour le bord droit du cadre des infos de l'user , une pr celui du bas, une pour chaque coin...
Comme ca, on va reconstruire votre postbit apres, dans l'editeur html qu'est dreamweaver, et ainsi pouvoir y rentrer des informations ou le plus important, faire des backrounds en repetition.
Alors comment on va decouper cette image ? C'est là qu'il faut reflechir un peu, pour pouvoir ensuite sur dreamweaver faire le moins de cadres possibles mais aussi mettre le moins d'images possibles et de la plus petite taille possible pour en faciliter l'affichage sur le naviguateur.
- Prenez l'outil de Tranches
OUTIL
:: Si vous cliquez lonngtemps sur le bouton, vous voyez affiché un autre boutons, c'est celui de selection de tranches (on s'en servira apres)
Donc vous avez l'outil tranches. Faites une premiere tranche sur votre coin haut droite, qui englobe exactement le bord arrondit.SCREEN 9 (http://forum.vbulletin-fr.org/ressources/postbit tut/p9.gif) . Donc ce sera votre premiere image.
Faites de meme pour le coin gauche du bas arrondit. (N'oubliez pas, soyez extremement precis, travaillez avec la loupe !)
- Là vous avez deja deux tranches
- Ensuite faite une troisieme tranche qui sera celle du coin du cadre de l'user. SCREEN 10 (http://forum.vbulletin-fr.org/ressources/postbit tut/p10.gif)
- Maintenant faites en deux qui collent à ce coin là comme ceci (faites les les plus fines possible) screen11 (http://forum.vbulletin-fr.org/ressources/postbit tut/p11.gif)
vous verrez apres pourquoi.
- De meme, vous faites une tranche pour le coin du bas gauche qui se colle a l'autre. Comme ceci : là
- Pareil maintenant pour le coin du haut a droite mais a l'inverse, vous faites la tranche a gauche du coin arrondit.
ATTENTION : tout doit coller parfaitement, et etre bien alligné.
N'oubliez pas de travailler avec la loupe (astuce : qd vous avez la loupe, pour agrandir le document, cliquez du bouton gauche, pour raptissir le document, appuyez sur ALT et cliquez gauche.)
- DONC : vous avez en tout 7 tranches qui correspondent au total des images qui composeront votre postbit. Voir là
Ne vous inquietez pas si vous voyez le nombre 15 sur une de vos tranches, ca veut dire qu'en tout vous avez 15 tranches mais seulement 7 nous serviront.
Maintenant, on va faire un peu travailler I.R (image ready).
Allez dans le menu FICHIER, puis ENREGISTRER UNE COPIE OPTIMISEE SOUS...
Là, donnez lui le chemin du rep ou vos images se rengeront (a savoir qu'il crée automatiquement un rep nommé images et qu'il les met dedans). Donnez le nom "corbu". Regardez en bas, vous pouvez choisir entre Tranches : toutes les tranches ou sinon tranches selectionnées. Ca vous sert a ce qu'il ne fasse que LA tranche que vous avez selectionnée. Mais ne touchez a rien, laissez toutes les tranches.
- Faites Enregistrer.
- Maintenant vous voyez que dans votre repertoire , vous avez un rep "images" avec dedans 17 images nommées "corbu_01", "corbu_02", corbu 03....
- Vous pouvez maintenant fermer Image ready. Vous retournez sous photoshop, et vous enregistrez bien la psd.
(info : nottez que si vous réouvrez sous photoshop la psd, et que vous allez dans image ready, ben il aura enregistré les tranches que vous avez effectuées auparavant.
- Maintenant on va passer a l'etape n° 3...qui est...la plus embetante pour ceux qui connaissent pas Dream.
Auteur : CORBU
############
Passons à IMAGE READY.
- Vous ouvrez photoshop, Vous réouvrez votre image du postbit, la psd bien sur.
- Maintenant, cliquez sur le dernier boutons de la barre d'outil de photoshop intitullée "Passer à Image Ready".
- Image Ready s'ouvre, et vous avez votre postbit qui a suivit.
- Maintenant on va faire des Slices. Des Slices...c'est en fait des Decoupes ou des Tranches : 3 mots pr la meme chose. Tout depends du logiciel. Donc la c'est dans Tranches si vous avez image ready en francais.
Un peu de théorie : pourquoi on decoupe l'image ? Pour plusieurs raisons deja...
1. Parceque ca facilite la rapiditée d'affichage sur I.E
2. Parceque vous etes obligés de faire ca pour pouvoir le rentrer dans le postbit. Je m'expliques... Vous allez decouper votre image en plusieurs parties, faire une image pour la barre du haut, une autre pour la barre du bas, une pour le bord droit du cadre des infos de l'user , une pr celui du bas, une pour chaque coin...
Comme ca, on va reconstruire votre postbit apres, dans l'editeur html qu'est dreamweaver, et ainsi pouvoir y rentrer des informations ou le plus important, faire des backrounds en repetition.
Alors comment on va decouper cette image ? C'est là qu'il faut reflechir un peu, pour pouvoir ensuite sur dreamweaver faire le moins de cadres possibles mais aussi mettre le moins d'images possibles et de la plus petite taille possible pour en faciliter l'affichage sur le naviguateur.
- Prenez l'outil de Tranches
OUTIL
:: Si vous cliquez lonngtemps sur le bouton, vous voyez affiché un autre boutons, c'est celui de selection de tranches (on s'en servira apres)
Donc vous avez l'outil tranches. Faites une premiere tranche sur votre coin haut droite, qui englobe exactement le bord arrondit.SCREEN 9 (http://forum.vbulletin-fr.org/ressources/postbit tut/p9.gif) . Donc ce sera votre premiere image.
Faites de meme pour le coin gauche du bas arrondit. (N'oubliez pas, soyez extremement precis, travaillez avec la loupe !)
- Là vous avez deja deux tranches
- Ensuite faite une troisieme tranche qui sera celle du coin du cadre de l'user. SCREEN 10 (http://forum.vbulletin-fr.org/ressources/postbit tut/p10.gif)
- Maintenant faites en deux qui collent à ce coin là comme ceci (faites les les plus fines possible) screen11 (http://forum.vbulletin-fr.org/ressources/postbit tut/p11.gif)
vous verrez apres pourquoi.
- De meme, vous faites une tranche pour le coin du bas gauche qui se colle a l'autre. Comme ceci : là
- Pareil maintenant pour le coin du haut a droite mais a l'inverse, vous faites la tranche a gauche du coin arrondit.
ATTENTION : tout doit coller parfaitement, et etre bien alligné.
N'oubliez pas de travailler avec la loupe (astuce : qd vous avez la loupe, pour agrandir le document, cliquez du bouton gauche, pour raptissir le document, appuyez sur ALT et cliquez gauche.)
- DONC : vous avez en tout 7 tranches qui correspondent au total des images qui composeront votre postbit. Voir là
Ne vous inquietez pas si vous voyez le nombre 15 sur une de vos tranches, ca veut dire qu'en tout vous avez 15 tranches mais seulement 7 nous serviront.
Maintenant, on va faire un peu travailler I.R (image ready).
Allez dans le menu FICHIER, puis ENREGISTRER UNE COPIE OPTIMISEE SOUS...
Là, donnez lui le chemin du rep ou vos images se rengeront (a savoir qu'il crée automatiquement un rep nommé images et qu'il les met dedans). Donnez le nom "corbu". Regardez en bas, vous pouvez choisir entre Tranches : toutes les tranches ou sinon tranches selectionnées. Ca vous sert a ce qu'il ne fasse que LA tranche que vous avez selectionnée. Mais ne touchez a rien, laissez toutes les tranches.
- Faites Enregistrer.
- Maintenant vous voyez que dans votre repertoire , vous avez un rep "images" avec dedans 17 images nommées "corbu_01", "corbu_02", corbu 03....
- Vous pouvez maintenant fermer Image ready. Vous retournez sous photoshop, et vous enregistrez bien la psd.
(info : nottez que si vous réouvrez sous photoshop la psd, et que vous allez dans image ready, ben il aura enregistré les tranches que vous avez effectuées auparavant.
- Maintenant on va passer a l'etape n° 3...qui est...la plus embetante pour ceux qui connaissent pas Dream.