Comment faire pour créer un format de page web dans photoshop

Ready, Set, Go

• 
  
  
  
  

  Comme vous dynamiser le processus de création d'un document Adobe Photoshop, vous commencez avec les bases: dimensions, la résolution et le mode couleur. Réglez la résolution sur 72 pixels par pouce et de votre mode de couleurs RVB pour la compatibilité en ligne. De Photoshop "Toile" paramètre prédéfini crée automatiquement un fichier de 800 par 600 pixels, ce qui peut ne pas être ce que vous voulez, en fonction du type de page que vous créez et le matériel que vous assumez vos visiteurs utilisent. Nouvelle boîte de dialogue du programme vous montre également la quantité d'espace disque votre document nécessite. Utilisez le contenu de base de réglage pour établir un fichier qui comprend une couche de fond blanche, commence par une couche transparente 1 ou remplit le fond avec la couleur de premier plan dans le panneau Outils. Si vous prévoyez de construire plusieurs fichiers à cette taille et avec ces paramètres, enregistrez votre configuration sous forme de préréglage. Dans la section Avancé de la boîte de dialogue Nouveau, allumez - ou d'ignorer - la gestion des couleurs et d'attribuer un profil de couleur.

Sur la grille

• 
  
  
  
  
  
  
  
  
  

  Fichiers Photoshop GRILLE fournissent un espace de travail productif dans lequel de concevoir mises en page Web basées sur des arrangements cohérents de colonnes, les gouttières de colonnes et de pages divisions verticales. Lorsque vous configurez ces types d'arrangements, prendre un moment pour faire le calcul sous-jacente en premier. Ajouter les largeurs de vos colonnes et les espaces de gouttière entre eux pour déterminer la largeur globale de la page ou diviser la largeur que vous souhaitez utiliser par les tailles des unités dans lesquelles vous souhaitez diviser. Avec vos calculs à la main, créer un fichier qui contient les bonnes dimensions pour l'utilisation prévue. Notez que si vous basez mises Photoshop sur tout système de mesure autre que pixels, vous risquez de créer des unités de conception qui ne correspondent pas à la grille de pixels invisibles imposé par la résolution du document. Vous verrez bords adoucis autour de solides rectangulaires parce que vos mesures seront pas tomber exactement sur propre grille du fichier. Bien sûr, si vous êtes habitué à travailler dans des points comme une unité de mesure, un fichier de 72 pixels par pouce destiné au Web corrélée exactement à des mesures ponctuelles.

Autres considérations

• Si vous concevez avec les écrans ultra-haute résolution des dispositifs d'affichage Retina d'Apple dans l'esprit, créer un ensemble de graphiques à deux fois les dimensions de vos actifs en ligne réguliers et les servir aux visiteurs avec le matériel de qualification. Selon la façon dont vous codez vos pages Web, vous pouvez utiliser deux ensembles distincts de graphiques, réduire les fichiers Retina-prêts pour les autres visiteurs ou de servir des images régulières pour tout le monde. Ajouter "@ 2x" - Sans les guillemets - à la fin des noms de fichiers d'un site Web de haute résolution afin que le logiciel qui se charge de vos pages peuvent reconnaître ces documents. Vous aurez de meilleurs résultats si vous construisez les fichiers plus volumineux première et de créer des versions redimensionnées d'entre eux pour les écrans réguliers, plutôt que dans l'autre sens, en raison de l'assouplissement inévitable introduit à travers des opérations d'image mise à l'échelle.

Informations de version

• Les informations contenues dans cet article applique à Adobe Photoshop CC 2014, Adobe Photoshop CC et Adobe Photoshop CS6. Il peut différer légèrement ou significativement avec d'autres versions ou produits.