|
Il ya plusieurs façons de créer un site web avec des applications Web telles que Deamweaver ou Frontpage, ou même codé à la main HTML. Toutefois, si vous souhaitez que votre site soit graphiquement attrayant, composer le tracé dans Photoshop. il sera beaucoup plus facile à éditer plus tard aussi . Vous aurez besoin de concevoir un logo , en-tête , icônes, boutons , images /photos , petites annonces (si nécessaire) , les couleurs , les polices et la texture. Faire un mock-up à l'avance, avant la mise en œuvre HTML. Si vous avez déjà des idées pour la composition de votre site, esquisser sur un morceau de papier. Instructions
design de sites web avec Photoshop
1 allez dans Fichier > Nouveau. Largeur d'entrée: 800 pixels, hauteur : 600 pixels . Réglez la résolution de 72 pixels /pouce, RGB couleur 8bit . Définissez le contenu de fond pour transparent. Cliquez sur OK.
2 Créer l'en-tête et la conception de navigation. Inclure un logo, zone de bannière publicitaire , des graphiques et des boutons de navigation . Faire la hauteur de la tête 150 pixels et 30 pixels pour les boutons. Placez le logo et les graphiques de la bannière dans l'espace restant . Ajouter des espaces réservés pour le texte.
3 Sélectionnez une image du logo de I Stock . Allez au lien de maquette qui a un filigrane sur l'image . Faites un clic droit sur l'image et sélectionnez l'image de la copie. Sélectionnez la fenêtre Photoshop et le fichier sur lequel vous travaillez . Collez l'image sur la nouvelle couche . Allez dans Edition > Transformation > Echelle . Maintenez la touche Maj enfoncée pour conserver la proportion , et redimensionner l'image. Sélectionnez une partie que vous voulez avec l'outil Rectangle de sélection , contrôle la presse ( commande de Mac ) + de décalage et j'ai clés pour inverser la sélection. Contrôle Press ( commande de Mac ) + D pour désélectionner. Ensuite, appuyez sur la touche Supprimer pour supprimer le reste de l'image .
4 créer des boutons pour la navigation web. Sélectionnez l'outil Texte dans Photoshop. Faites glisser la zone de texte à l'écran et saisissez un nom pour le bouton, comme Home ou contactez-nous .
5 concevoir la présentation du contenu dans la zone du corps. Si votre site a de nombreux liens , utiliser la colonne de gauche des liens supplémentaires. Sélectionnez l'outil Texte . Cliquez et faites glisser la zone de texte sur la toile. Placez le corps du texte en zone de contenu principal de la toile. Ajouter un texte bidon de Loren Ipsum comme une place de titulaire . Vous allez remplacer ce texte à un moment plus tard, quand vous êtes prêt à écrire votre contenu web.
6 Ajouter le contenu de bas de page ci-dessous les principaux contenus . Celles-ci comprendront le logo de votre entreprise , texte de copyright et un double des liens dans la tête .
7 Lieu dernières nouvelles, annonces, presse résumé de libération et promotions ou des annonces dans la colonne de droite de la disposition de votre site web.
8 Créer une ligne de pliage à 600 pixels de hauteur.
9 Optimiser les images que vous souhaitez publier sur votre site web . Trancher les images avec l'outil Tranche .
10 Cliquez sur le menu Fichier . Cliquez sur Enregistrer pour le Web . Faites glisser le curseur de qualité pour ajuster la qualité d'image et taille du fichier. Cliquez sur Enregistrer .
11 Double-cliquez sur le fichier HTML (Photoshop crée le dossier images et le fichier HTML dans le même répertoire . ) Vérifiez la configuration Web dans votre navigateur Internet. Vous devriez avoir une page web terminé dans Photoshop sur votre écran.
|
