Bien qu'il implique plusieurs étapes et une connaissance de base des outils de Photoshop , créer une page d'accueil dans Photoshop peut être fait , si vous avez une certaine familiarité avec la conception d' interface. Photoshop est utile pour créer des pages graphiques lourds Web, généralement utilisés sur une page d'accueil , ou ce qui est connu comme une carte d'image. Une carte d'image est un ensemble d'images qui peuvent être définies à créer des liens qui fonctionnent comme des boutons. L'avantage d'utiliser une carte graphique conçue dans Photoshop , c'est que votre page d'accueil sera beaucoup plus attrayant en tant que graphique au lieu d'un tas de texte formaté standard. Les choses dont vous aurez besoin
Photoshop CS3
images ( pour votre page) Logo (pour votre page)
Show More Instructions
créer votre propre page d'accueil dans Photoshop
1
Ouvrez Photoshop . Cliquez sur "Fichier "> " Nouveau" pour créer un nouveau fichier. Pour la taille , sélectionnez " Web preset" et choisissez 640 x 480 ou plus.
2
Choisissez vos couleurs de conception et le thème . Remplissez le calque d'arrière-plan avec vos choix de couleur en utilisant les outils de conception de Photoshop . Choisissez des couleurs à l'aide de l'outil Sélecteur de couleur , et de remplir votre fond en allant dans le menu: " . Premier plan /Arrière-plan Couleur " cliquez sur "Modifier "> " Remplir ">
3
Ajoutez choix des textes et de la police dans la forme de boutons à l'aide de votre thème de couleur. Sélectionnez l' outil Texte, disponible dans la barre d'outils , ou sélectionner la fenêtre Type ( "Fenêtre" > " Character " ) pour afficher les options. Utilisez l' outil Texte pour créer une configuration de base pour le cas où vous souhaitez que vos boutons, liens et autres textes doit être intégré dans votre conception. Pour la profondeur d'image supplémentaire et l'amélioration esthétique , ajouter des effets de texte, tel que des ombres portées à votre style de calque . Accédez aux effets de type en allant dans le menu : "couche" > " styles de calque «> ». Ombre portée "
4
intégrer vos images et logo dans la conception de votre page d'accueil. Coloriser les images en fonction de votre conception, et d'ajuster les modes de fusion , la transparence de la couche et le placement de l'image jusqu'à ce que vous êtes satisfait de l'interface de la conception de votre page d'accueil. Ajuster les couleurs en allant dans le menu : "Image" > "Ajuster "> " Balance des couleurs ". Vous pouvez régler la transparence de vos images en accédant à la fonction d'opacité , trouvé dans la partie supérieure de la palette Calques . Le menu Mode de fusion est également accessible dans la palette Calques .
5
faire des ajustements supplémentaires à la conception de votre page d'accueil en utilisant les outils de conception de Photoshop .
6
Cliquez " fichier ">" Enregistrer sous " et enregistrez votre image en tant que fichier PSD.
faire votre page d'accueil conception fonctionnelle en tant que page Web
7
Slice votre image de briser votre conception visuelle dans les parties d'un plan d'image en choisissant l'outil Tranche , a trouvé dans la boîte à outils . Diviser votre image en une grille avec des cases , placer les tranches ( sous la forme de carrés ou rectangles ) sur des boutons, des graphiques et d'autres parties de votre conception.
8
Choisissez l' outil Sélection de tranche pour plus d'options , situé dans le menu outil Tranche . Un sous-menu apparaîtra en haut de l'écran avec diverses options pour ajuster votre image trancher.
9
référence vos images vers d'autres pages . Choisissez l' outil Sélection de tranche . Cliquez sur la petite icône à l'extrême droite qui ressemble à un document de boîte de texte pour ouvrir une fenêtre vous permettant d'ajuster les liens et les URL (adresses de pages web ) pour chaque tranche. Cela vous permettra de créer des hyperliens (boutons menant à d'autres pages Web ) de votre image.
10
de commencer à exporter vos tranches de l'image et du lien de l'image . Cliquez sur "Fichier "> "Enregistrer pour le Web et les périphériques " pour ouvrir la fenêtre d'exportation . Vérifiez vos paramètres en cliquant sur la flèche de menu sur " Modifier les paramètres de sortie ", et ajuster si nécessaire.
11
ajuster vos paramètres tout en restant dans la fenêtre de dialogue Enregistrer . Choisissez le dossier dans lequel vous voulez que vos fichiers de la carte graphique pour aller . Faites défiler jusqu'à " Format " et sélectionner " HTML et images . " Cliquez sur "Enregistrer " pour enregistrer le plan de l'image. Cela va exporter votre fichier HTML (utilisé pour l'affichage de votre carte d'image sur le Web ) dans le dossier du répertoire principal , ainsi que de créer automatiquement un dossier séparé pour vos images où les différents graphiques ( déterminée par vos paramètres de tranche ) iront . < Br >
12
Pour tester votre page Web , ouvrez votre navigateur , ouvrez votre nouveau dossier, cliquez sur le fichier HTML.