Vous avez réalisé une mise en page originale avec des éléments graphiques et souhaitez réaliser une mise en page ? Tout d'abord, il faut apprendre à découper la mise en page pour que chacun des éléments graphiques soit par la suite au bon endroit au milieu, en haut ou en bas de la page.
Instructions
Étape 1
Lors du choix des techniques de découpe d'une mise en page, n'oubliez pas que chaque concepteur de mise en page utilise ses propres méthodes de découpe lorsqu'il travaille avec des mises en page PSD. Par conséquent, lors de la première étape, choisissez uniquement les techniques les plus simples, notamment la découpe de la mise en page créée avec des graphiques en morceaux, ce qui est pratique pour les débutants. Tout d'abord, imaginez d'abord dans votre esprit en quelles parties vous allez diviser votre mise en page, réfléchissez à chacune de ses parties distinctes, puis passez ensuite à la partie technique du processus lui-même. N'oubliez pas que la mise en page PSD est divisée en "morceaux" en fonction de sa complexité, en la divisant en éléments séparés. De plus, chaque élément graphique doit être indépendant de tous les autres détails.
Étape 2
Lorsque vous décidez comment couper une mise en page avec un en-tête composé de boutons, d'un calque d'arrière-plan séparé et de calques de texte, n'oubliez pas que dans ce cas, l'en-tête entier ne peut pas être coupé en tant qu'image. Dans une telle situation, il est préférable de découper en images séparément tous les calques de texte, chaque bouton, ainsi que le calque d'arrière-plan de l'en-tête. Deuxièmement, le découpage d'une mise en page suppose que le concepteur de la mise en page effectue des actions dans l'ordre suivant. Si le texte n'est qu'une partie de la décoration, utilisez-le avant la mise en page HTML/CSS.
Étape 3
Tout d'abord, ouvrez la mise en page elle-même dans Photoshop afin que le panneau des calques apparaisse sur la droite, qui est considéré comme l'épine dorsale nécessaire pour démarrer la mise en page. Dans le cas où toutes les images sont cliquables, ouvrez la version pleine résolution de votre mise en page. Ensuite, mettez en page tous les éléments graphiques de manière à ce qu'ils aient la même apparence qu'au format HTML, enregistrez donc chaque élément graphique prononcé dans le format souhaité: GIF,.
Étape 4
Pour sélectionner l'élément graphique requis, utilisez un outil tel que l'outil de sélection rectangulaire, qui vous permet de marquer la zone sélectionnée avec une ligne pointillée. Après cela, recadrez le reste de la mise en page jusqu'à l'élément en pointillé à l'aide du menu Image> Rogner. Pour vous débarrasser des calques d'arrière-plan inutiles, appliquez un remplissage dégradé en désactivant la visibilité des calques d'arrière-plan. Ensuite, coupez les coins de la pièce sélectionnée, puis gardez tous les autres calques transparents.
