Comment créer un site web en diagonale arrière-plan

Création d'un fond en diagonale rend pour une caractéristique de conception accrocheur sur votre site web. Il suffit de placer une ligne diagonale sur un graphique et l'utiliser comme un des résultats de fond dans un aspect irrégulier haché, de sorte que vous aurez besoin d'un remplissage de l'écart. Sinon, la ligne semble cassé. Ces instructions se réfèrent à l'aide de Photoshop sur un PC, mais les principes sont les mêmes pour d'autres systèmes de logiciels de conception et de l'informatique.


Sommaire

Instructions

  1. 1

    Ouvrez une nouvelle page avec 200 pixels carré.

  2. 2

    Colorer le fond avec une couleur unie, comme le noir.

  3. 3

    Créez un nouveau calque.

  4. 4

    Dessinez une zone de rectangle (règle) 10 pixels de haut et la largeur de la boîte.

  5. 5

    Remplir avec une couleur plus claire que le fond, comme le blanc.

  6. 6



    Transformation ("Ctrl" plus "T") La règle de rectangle (Couche 1) et faire pivoter de 45 degrés. Faites ceci soit en maintenant la touche Shift et tourner manuellement le rectangle, ou de changer le champ de degré de rotation dans le menu supérieur de 0,0 à 45. (Utilisez -45 degrés pour un droit supérieur à inférieur gauche en diagonale.)

  7. 7

    Faites glisser les points finaux centre du rectangle jusqu'à ce qu'il recouvre les coins de l'arrière-plan, en alignant la boîte jusqu'à centré et aligné avec le bord. Agrandir la vue de la page pour aider à aligner les règles, si nécessaire.

  8. 8

    Réduire la taille de la toile 100 pixels carré (sous "Image" puis "Canvas Taille") - Assurez-vous que la case d'emplacement central est sélectionné, et l'entrée 100 dans les deux champs de largeur et de hauteur.

  9. 9

    Cliquez "OK"Et lorsque vous êtes invité, cliquez sur "Procéder" pour terminer le processus.

  10. 10



    Créez un nouveau calque (Layer 2).

  11. 11

    Dessinez un carré boîte de 5 pixels (maintenez le bouton de changement de vitesse lors de l'élaboration) et remplir avec du blanc.

  12. 12

    Dupliquer le calque 2 (Copie de couche 2).

  13. 13



    Déplacez l'image de couche 2 jusqu'à ce que la boîte est au même niveau dans le coin supérieur droit.

  14. 14

    Déplacer la copie de couche 2 image de la boîte jusqu'à ce affleure dans le coin inférieur gauche.

  15. 15

    "Enregistrer pour le Web" (Alt + Ctrl + Maj + S) et ajuster la taille de l'image à 10 ou 20 pixels carré.

  16. 16

    Exporter un fichier GIF.

  17. 17

    Ajouter l'image à votre site Web via le tag () Ou la feuille de style, définissant correctement l'emplacement de l'URL.

Conseils & Avertissements

  • Essayez d'utiliser une ligne en pointillés plutôt qu'une ligne solide pour la variété.
  • Pour créer plus d'espace entre les lignes, enregistrez le fichier dans un format plus grand, comme 80 pixels ou 100 pixels carré.
  • Les cases de coins sont toujours la moitié de la hauteur du rectangle (en ligne), vous create- si la ligne est de 20 pixels de haut, les cases d'angle sont 10 pixels carré.
  • Les boîtes de coin combler l'écart entre les images de sorte que la ligne ressemble lisse et ininterrompue.
  • Gardez le fichier PSD d'origine pour créer des fonds plus diagonales simplement en changeant de couleurs.
  • Si l'image ne montre pas, vérifiez que vous avez spécifié le bon emplacement de l'image.
» » » » Comment créer un site web en diagonale arrière-plan