Comment faire un modèle de blogger avec photoshop

Personnalisez votre modèle Blogger avec votre propre conception graphique.

Personnalisez votre modèle Blogger avec votre propre conception graphique.

Blogger fournit un certain nombre de modèles par défaut qui permet de construire votre blog. Cependant, vous pouvez personnaliser votre blog en modifiant les modèles pré-existantes avec vos propres images, en-tête de la barre latérale et pieds de page. Ce modèle graphique est créé dans Photoshop, puis téléchargés dans votre modèle Blogger.

1

Ouvrez un nouveau document dans Photoshop avec les dimensions de blog Blogger suivantes: 1440 pixels, 720 pixels de haut et la résolution de 72 pixels par pouce. Dans "Sommaire de fond," sélectionner "Transparent." Cela va créer un modèle Blogger trois colonnes.

2

Créer un arrière-plan pour l`ensemble du modèle Blogger. Double-cliquez sur le "Couleur de premier plan" boîte dans Photoshop. dans le "Pipette à couleurs" boîte de dialogue, choisissez votre couleur d`arrière-plan. Ensuite, sélectionnez le "Seau de peinture" outil dans la "Panneau outil" et remplissez votre document avec la couleur.

3

Ajouter des directives sidebar à votre modèle pour les images de la barre latérale. images sidebar vont être 121 pixels de large. Pour le rendre plus facile à aligner les images, vous pouvez ajouter des lignes directrices temporaires. Cliquer sur "Vue" dans le "Fichier" menu et vérification "Rulers" pour montrer des lignes droites. Cliquer sur "Vue" encore et "nouveau Guide" de choisir l`orientation et la position. Placez des guides horizontaux à 1,15 pouces et 5,15 pouces pour deux images rectangulaires. Placez des guides verticaux à 2,5 pouces et 17,5 pouces.

4

Ajouter des images à chaque côté du modèle. Sélectionner des images basées sur le thème du blog. Trouvez les images que vous souhaitez utiliser et les ouvrir dans Photoshop. Utilisez le "Chapiteau rectangulaire" outil pour dessiner un carré ou un rectangle autour de la partie de l`image que vous souhaitez utiliser. Tenez la "Décalage" clé si vous voulez un carré. Copiez la partie de l`image, ouvrez un nouveau document dans Photoshop, et coller l`image en elle.

5

Modifier la taille de l`image. Cliquer sur "Images" et "Taille de l`image" pour ouvrir la boîte de dialogue, sélectionnez "proportions contraindre" et entrer la largeur 121 pixels. Modifier la hauteur de 121 pixels pour un carré ou 200 pixels pour un rectangle. Cliquez "D`ACCORD."

6

Insérez les images modifiées dans la barre latérale de votre modèle. Sélectionnez l`image, cliquez sur le modèle et appuyez sur "Ctrl" + "V" pour coller l`image. Photoshop crée une nouvelle couche pour l`image. Placez votre image dans les lignes directrices. Ajustez les directives au besoin jusqu`à ce que les images soient alignés. Répétez jusqu`à ce que toutes les images ont été insérées dans le modèle. Cliquez "Vue" et "Effacer les guides" pour se débarrasser des lignes directrices.

7

Ajouter une couleur d`arrière-plan de la barre latérale pour faire vos sidebars se démarquer du reste du blog. dans le "Couches" panneau, cliquez sur la couche de fond. Ajouter un nouveau calque et sélectionnez-le. Utilisez le "Chapiteau rectangulaire" outil pour dessiner un grand rectangle englobant toute la gauche, les images de barre latérale. Centrez le rectangle autour des images. Clique sur le "Seau de peinture" outil dans la "Outil" menu et la couleur du rectangle quelle que soit la couleur que vous voulez. clic droit sur la couche de rectangle et choisissez "Dupliquer le calque." Placez le rectangle derrière les images avec le "Bouge toi" outil. Vos sidebars sont maintenant fait.

Video: Tutoriel Photoshop - Tuto template blog - Créer la maquette graphique d'un blog avec Photoshop CC

8

Insérer une image d`en-tête modifié dans votre modèle. Les dimensions de pixel d`en-tête sont de 700 pixels de large et 105 pixels de hauteur. Utilisez le "Chapiteau rectangulaire" outil pour sélectionner une partie de l`image que vous souhaitez afficher et cliquez sur "Taille fixe" pour définir la taille. Copiez et collez l`image dans le modèle dans la position d`en-tête de votre modèle. Maintenant, votre modèle est terminé.

Pointe

  • vérifier Ne pas oublier d`enregistrer votre travail souvent.

Video: 3 - Créer un template pour votre Blog Blogger

Attention

  • Fermer Ne pas utiliser des images protégées par le droit pour vos sidebars ou en-tête.

Video: [Tutoriel N°1] Comment Créer Un Blog Avec Blogger Et Changer Le Modéle En Utilisant Le HTML ?

Articles Tu auras besoin de

Video: Changer de modèle de blog chez Blogger (Tuto)

Les références

  • lien Photoshop Support.com: Photoshop Web Template - Conception du site Web Tutorial

A propos de l`auteur

Meg North a écrit professionnellement depuis 2008 en tant que rédacteur en ligne pour l`atelier Yankee Sturbridge. Elle a également publié une courte histoire "Le Maine Scholar." Du Nord a obtenu un baccalauréat ès arts en médias d`écriture de l`Université de Southern Maine.

Articles connexes