Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "Conseils pour l'utilisation des images dans Roll20"

From Roll20 Wiki

Jump to: navigation, search
(Created page with "== Images imprimée et web convivial == Si vous jouez d'un pack aventure commerciale, il ya une forte chance que vous travaillez à partir d'un fichier PDF qui est souvent pub...")
 
(Types de fichiers)
Line 29: Line 29:
 
{{mbox | text =  
 
{{mbox | text =  
 
Si vous avez besoin d'une grande carte translucide superposition: d'abord, essayez de composer en bas de la résolution de l'image aussi bas que possible et puis essayer à l'échelle uniformément les dimensions de l'image à une taille plus petite que vous avez réellement besoin et agrandir quand il est chargé dans Roll20.}}
 
Si vous avez besoin d'une grande carte translucide superposition: d'abord, essayez de composer en bas de la résolution de l'image aussi bas que possible et puis essayer à l'échelle uniformément les dimensions de l'image à une taille plus petite que vous avez réellement besoin et agrandir quand il est chargé dans Roll20.}}
 +
 +
 +
== Travailler avec l'espace de l'écran ==
 +
Quand un GM remet les documents à leurs joueurs autour d'une table physique, souvent l'objet est écrit ou imprimé sur du papier en orientation portrait. Sur une tablette, une personne peut simplement retourner l'écran si une image est Portrait ou Paysage. Cela ne peut pas vraiment être fait sur un écran d'ordinateur. Lorsque vous souhaitez créer des documents ou des écrans de démarrage pour une utilisation dans Roll20, gardez à l'esprit que l'utilisateur moyen est souvent de travailler sur un écran large avec résolution d'écran fixe (à ne pas confondre avec la résolution de l'image). Vous souhaitez créer et planifier des documents et des écrans de démarrage qui va correspondent bien sur l'écran de l'utilisateur collective. Au lieu de penser portrait, aller avec l'orientation paysage pour les notes, des lettres et des photos ou toute autre chose qui ne va pas être une carte de table.
 +
 +
En ce qui concerne la résolution d'écran, avoir une idée de ce que vos joueurs utilisent. Travaillent-ils dans les stations de bureau? Comprimés? Ordinateurs portables? Trouver un juste milieu de la résolution de l'écran et de travailler votre dimensionnement graphique autour de cela, afin que personne ne devra jouer avec leurs réglages de zoom afin qu'ils puissent visualiser vos images. Des sites Web comme [http://www.w3schools.com/browsers/browsers_display.asp w3schools.com] garder décomptes annuels de la résolution d'écran moyenne au cours des années si vous avez besoin d'un guide de conception générique.
 +
 +
 +
== Roll20 Dimensions de l'image ==
 +
Voici dimensions Roll20 spécifiques pour certains éléments graphiques.
 +
 +
 +
{| class="wikitable" style="text-align:center"
 +
|+Image Dimensions
 +
| UI Element || Pixel Largeur || Pixel Hauteur
 +
|-!
 +
| Quadrillage de carré || 70px || 70px
 +
|-!
 +
| Grille Hex (Verticale)* || ~75px || ~88px
 +
|-!
 +
| Grille Hex (Horizontal)* || ~94px || ~81px
 +
|-!
 +
| Taille maximale portrait de personnage || 250px || Pas de contrainte de taille
 +
|-!
 +
| Icone De Campaigne Details  || 300px || 512px
 +
|}
 +
*
 +
La grille hexagonale est mathématiquement établi, de sorte que la hauteur et la largeur des pixels d'un bloc hexagonal unique est une approximation
 +
 +
 +
== Jeton/Token Images ==
 +
Images symboliques, en raison de leur petite taille, le format PNG est probablement plus adapté pour cela  (si vous voulez la transparence) et pour une meilleure qualité. Si vous n'utilisez pas une grille carrée ou hexagonale pour déplacer les jetons sur la table, vous ne devez pas vous préoccuper de la dimension réelle de l'image (cela ne dois pas vous empêcher de réaliser une mise à l'échelle si le jeu joué le nécessite). Si vous utilisez une grille; Toutefois, vous aurez envie de vous assurer que votre image a assez rembourrage transparent. La raison pour cela est que l'image en cas de chute sur une table quadrillée se déformera les dimensions de l'image à asseoir le meilleur à l'intérieur d'une unité de grille unique. Ce processus pourrait considérablement modifier les proportions de votre image. Par exemple, si vous utilisez des jetons qui remplissent un 1 x 1, 2 x 2 espace ou 3 x 3 unité, vous aurez envie de faire en sorte que les dimensions finales de l'image sont les mêmes en hauteur et en largeur. Si vous avez un jeton oblongue, vous aurez envie de faire en sorte que ce soit est la largeur ou la hauteur de la dimension finale exactement le double ou triple peut-être de l'autre.
 +
 +
 +
== Résolution des problèmes d'image ==
 +
'' 'Problème commun:' '' <br/>
 +
"Pourquoi ne prend-il Roll20 toujours pour zoomer ou un panoramique sur une carte?" <br/>
 +
"Lorsque je tente d'agrandir passé de 100%, ma carte disparaît." <br/>
 +
"Images prennent jamais de se présenter à tout ou partie de mes joueurs." <br/>
 +
 +
'' 'Solution:' '' <br/>
 +
Ceci est normalement en raison de la taille du fichier d'une image donnée dans une campagne. Vérifiez la taille de fichier des images que vous utilisez pour votre campagne. Si une image est sur un mégaoctet de taille, nous vous recommandons de vérifier sa résolution d'image et la diminuer dans un logiciel de retouche d'image. Aussi, assurez-vous d'utiliser le bon type de fichier à réduire la taille du fichier. Utilisez uniquement des PNG transparents lorsque vous avez besoin *.
 +
 +
* Sauf si vous utilisez PNG monochromes, puis taille de fichier / roches de performance de bande passante. PNG est le format de fichier le plus petit possible en utilisant GIMP et 1 bit profondeur de couleur. Un 7000x7000 carte vide est 7k PNG, GIF 32k, 281KB comme JPG. Il ya pire après l'ajout de données réelles. Une comparaison plus pratique pour une carte réelle est 92k (png), 206kb (gif), 729KB (jpg). Pour ma AD & D 3.5 campagne, je prévois taille de l'image autour de l'unité carré et la taille de mes cartes à leurs multiples 70x70 pixels. Après avoir terminé la carte, je la convertis à 1-bit couleurs indexées. Je crée une nouvelle page où les unités sont image_x / 70 * image_y / 70, et faire glisser l'image sur. Il vole au-dessus et je l'ai encore vu aucun problème de performance. Oh oui, je me sers de DSL.
 +
 +
 +
'' 'Problème commun:' '' <br/>
 +
"Mes joueurs ont du mal à lire ma note manuscrite, pourquoi ne l'aperçu air si petit?"
 +
 +
'' 'Solution:' '' <br/>
 +
Gardez à l'esprit que les limites de l'écran d'un joueur lorsque vous créez documents. Essayez de faire autant d'utilisation de l'espace disponible à l'écran. Cela signifie normalement la conception des éléments plus larges que hautes de meilleur ajustement sur un écran large.
 +
 +
 +
 +
'' 'Problème commun:' '' <br/>
 +
«Quand je laissé tomber mon art jeton sur la table, les dimensions de l'image se sont vraiment foiré." <br/>
 +
 +
'' 'Solution:' '' <br/>
 +
Ressemble à votre image que vous utilisez pour votre jeton n'a pas assez de rembourrage. Assurez-vous que vous ajoutez un rembourrage autour de vos graphiques Jeton de sorte qu'ils sont carrés ou utilisent les dimensions appropriées à placer sur la grille. Par exemple, une créature que vous voulez prendre une zone de la grille de 2x1, assurez-vous que l'une des dimensions de l'image est rembourré être exactement le double de l'autre. Cela permettra d'assurer que les proportions de votre image sont conservées et vous serez en mesure de voir l'image comme prévu une fois sur la grille.

Revision as of 17:08, 13 November 2014

Contents

Images imprimée et web convivial

Si vous jouez d'un pack aventure commerciale, il ya une forte chance que vous travaillez à partir d'un fichier PDF qui est souvent publié avec le but recherché d'être imprimé plus tard par l'utilisateur. Afin que les graphiques soient lisibles et croustillant pour l'impression, la résolution de l'image - la DPI (dots per inch) doit être maintenu assez élevé. La résolution standard minimum pour une image imprimée est plus ou moins 300 DPI. Plus le DPI, plus la taille du fichier de l'image est la plus difficile et un processeur doit travailler pour afficher l'image. Les graphiques contenus dans un fichier PDF, tels que des cartes, des portraits de caractères et les documents ne sont pas conçus pour le web, ils sont conçus pour l'impression. Nous recommandons qu'ils ne devraient pas être déplacés directement d'un fichier PDF et dans une campagne Roll20.

La résolution d'image est vide de sens à la façon dont une image affiche sur l'écran. Le facteur déterminant de la façon dont une image apparaît à l'écran est déterminée par les dimensions de l'image. A 500 pixels de haut par 300 pixels de large image affichée à l'écran comme 500 pixels par 300 pixels, peu importe si elle est 75 DPI, 200 DPI, 600 DPI et ainsi de suite. Lorsque vous travaillez avec des images sur l'internet, plus le DPI signifie qu'il ya des données plus inutile qui doit être transféré qui va ralentir votre campagne vers le bas.

Si vous souhaitez que les images tournent sous Roll20, garder l'image en basse résolution. La norme pour le web a été 72/75 DPI depuis l'aube de sites web graphiques. N'importe où entre la gamme 70-150 DPI devrait être suffisant pour vos images de la campagne.


Types de fichiers

Les trois type de fiochier image pouvant être importé et utilisé dans Roll20 sont JPG, GIF et PNG. Voici un tableau comparant les formats de fichiers les uns aux autres:

Guide Type De Fichiers
Type Transparence Disponible Translucidité Disponible Taille de fichier Type Pros Fichier Type Cons Fichier
JPG Non Non Gros Des dégradés lisses, petite taille de fichier, type de fichier préféré dans Roll20

Aucune option de transparence, la qualité peut souffrir quand fortement comprimé

GIF Oui Non Petit Palette contrôle swatch, idéal pour pixel art La mauvaise qualité avec des dégradés, pas conseillé pour des images réalistes, les gifs animés ne seront pas animé dans Roll20 a la place seule le première image du gif sera affichée
PNG Oui Oui Large La compression sans perte - des images de haute qualité Taille du fichier gonfle lors de l'utilisation d'importants travaux de canal alpha, des fichiers volumineux peuvent utiliser beaucoup de ressources système localement chez chaque utilisateur utilisant la campagne concernée

Si vous avez des graphiques qui ne nécessitent pas de transparence ou la translucidité, coller avec les fichiers JPG. Le type de fichier GIF est pratique si vous voulez juste une image découpée alias simple pour des objets symboliques. PNG, en raison de leur taille de fichier, doit être utilisé exclusivement pour quand vous avez des images qui nécessitent des degrés de translucidité ou contours lissés lisses sur une découpe d'image.

Transparency with JPG, GIF, and PNG Files


Travailler avec l'espace de l'écran

Quand un GM remet les documents à leurs joueurs autour d'une table physique, souvent l'objet est écrit ou imprimé sur du papier en orientation portrait. Sur une tablette, une personne peut simplement retourner l'écran si une image est Portrait ou Paysage. Cela ne peut pas vraiment être fait sur un écran d'ordinateur. Lorsque vous souhaitez créer des documents ou des écrans de démarrage pour une utilisation dans Roll20, gardez à l'esprit que l'utilisateur moyen est souvent de travailler sur un écran large avec résolution d'écran fixe (à ne pas confondre avec la résolution de l'image). Vous souhaitez créer et planifier des documents et des écrans de démarrage qui va correspondent bien sur l'écran de l'utilisateur collective. Au lieu de penser portrait, aller avec l'orientation paysage pour les notes, des lettres et des photos ou toute autre chose qui ne va pas être une carte de table.

En ce qui concerne la résolution d'écran, avoir une idée de ce que vos joueurs utilisent. Travaillent-ils dans les stations de bureau? Comprimés? Ordinateurs portables? Trouver un juste milieu de la résolution de l'écran et de travailler votre dimensionnement graphique autour de cela, afin que personne ne devra jouer avec leurs réglages de zoom afin qu'ils puissent visualiser vos images. Des sites Web comme w3schools.com garder décomptes annuels de la résolution d'écran moyenne au cours des années si vous avez besoin d'un guide de conception générique.


Roll20 Dimensions de l'image

Voici dimensions Roll20 spécifiques pour certains éléments graphiques.


Image Dimensions
UI Element Pixel Largeur Pixel Hauteur
Quadrillage de carré 70px 70px
Grille Hex (Verticale)* ~75px ~88px
Grille Hex (Horizontal)* ~94px ~81px
Taille maximale portrait de personnage 250px Pas de contrainte de taille
Icone De Campaigne Details 300px 512px

* La grille hexagonale est mathématiquement établi, de sorte que la hauteur et la largeur des pixels d'un bloc hexagonal unique est une approximation


Jeton/Token Images

Images symboliques, en raison de leur petite taille, le format PNG est probablement plus adapté pour cela (si vous voulez la transparence) et pour une meilleure qualité. Si vous n'utilisez pas une grille carrée ou hexagonale pour déplacer les jetons sur la table, vous ne devez pas vous préoccuper de la dimension réelle de l'image (cela ne dois pas vous empêcher de réaliser une mise à l'échelle si le jeu joué le nécessite). Si vous utilisez une grille; Toutefois, vous aurez envie de vous assurer que votre image a assez rembourrage transparent. La raison pour cela est que l'image en cas de chute sur une table quadrillée se déformera les dimensions de l'image à asseoir le meilleur à l'intérieur d'une unité de grille unique. Ce processus pourrait considérablement modifier les proportions de votre image. Par exemple, si vous utilisez des jetons qui remplissent un 1 x 1, 2 x 2 espace ou 3 x 3 unité, vous aurez envie de faire en sorte que les dimensions finales de l'image sont les mêmes en hauteur et en largeur. Si vous avez un jeton oblongue, vous aurez envie de faire en sorte que ce soit est la largeur ou la hauteur de la dimension finale exactement le double ou triple peut-être de l'autre.


Résolution des problèmes d'image

'Problème commun:'
"Pourquoi ne prend-il Roll20 toujours pour zoomer ou un panoramique sur une carte?"
"Lorsque je tente d'agrandir passé de 100%, ma carte disparaît."
"Images prennent jamais de se présenter à tout ou partie de mes joueurs."

'Solution:'
Ceci est normalement en raison de la taille du fichier d'une image donnée dans une campagne. Vérifiez la taille de fichier des images que vous utilisez pour votre campagne. Si une image est sur un mégaoctet de taille, nous vous recommandons de vérifier sa résolution d'image et la diminuer dans un logiciel de retouche d'image. Aussi, assurez-vous d'utiliser le bon type de fichier à réduire la taille du fichier. Utilisez uniquement des PNG transparents lorsque vous avez besoin *.

  • Sauf si vous utilisez PNG monochromes, puis taille de fichier / roches de performance de bande passante. PNG est le format de fichier le plus petit possible en utilisant GIMP et 1 bit profondeur de couleur. Un 7000x7000 carte vide est 7k PNG, GIF 32k, 281KB comme JPG. Il ya pire après l'ajout de données réelles. Une comparaison plus pratique pour une carte réelle est 92k (png), 206kb (gif), 729KB (jpg). Pour ma AD & D 3.5 campagne, je prévois taille de l'image autour de l'unité carré et la taille de mes cartes à leurs multiples 70x70 pixels. Après avoir terminé la carte, je la convertis à 1-bit couleurs indexées. Je crée une nouvelle page où les unités sont image_x / 70 * image_y / 70, et faire glisser l'image sur. Il vole au-dessus et je l'ai encore vu aucun problème de performance. Oh oui, je me sers de DSL.


'Problème commun:'
"Mes joueurs ont du mal à lire ma note manuscrite, pourquoi ne l'aperçu air si petit?"

'Solution:'
Gardez à l'esprit que les limites de l'écran d'un joueur lorsque vous créez documents. Essayez de faire autant d'utilisation de l'espace disponible à l'écran. Cela signifie normalement la conception des éléments plus larges que hautes de meilleur ajustement sur un écran large.


'Problème commun:'
«Quand je laissé tomber mon art jeton sur la table, les dimensions de l'image se sont vraiment foiré."

'Solution:'
Ressemble à votre image que vous utilisez pour votre jeton n'a pas assez de rembourrage. Assurez-vous que vous ajoutez un rembourrage autour de vos graphiques Jeton de sorte qu'ils sont carrés ou utilisent les dimensions appropriées à placer sur la grille. Par exemple, une créature que vous voulez prendre une zone de la grille de 2x1, assurez-vous que l'une des dimensions de l'image est rembourré être exactement le double de l'autre. Cela permettra d'assurer que les proportions de votre image sont conservées et vous serez en mesure de voir l'image comme prévu une fois sur la grille.