La creació del vostre propi lloc web sempre comença amb el desenvolupament d’un esbós i un disseny futur, i una part integral d’aquest desenvolupament és la visualització del disseny del lloc a Photoshop i el tall del disseny acabat en blocs per a la seva posterior disposició. La possibilitat de retallar correctament una imatge del disseny del lloc afecta directament l'èxit del disseny i la correcta col·locació de fitxers gràfics al servidor.
Instruccions
Pas 1
Obriu el disseny de disseny creat a Photoshop, que és una imatge sòlida de la resolució desitjada. A la barra d'eines de Photoshop, seleccioneu l'eina Làmina. Desactiveu temporalment la visibilitat de totes les capes de text, camps d'entrada, icones i elements similars.
Pas 2
Dibuixeu amb l'eina triada les línies de guia al llarg de les quals tallareu el lloc: aquestes línies de la imatge seran verdes. Dividiu el disseny d'una sola peça amb cura en elements estructurals de la mida i quantitat desitjades.
Pas 3
Penseu en com tallareu la imatge: no hi hauria d’haver massa elements individuals. Per crear línies de guia, col·loqueu el cursor a la regla superior sobre la imatge, feu clic amb el botó esquerre i arrossegueu la guia cap avall. Deixeu anar el botó del ratolí.
Pas 4
Després de configurar totes les guies (tant verticals com horitzontals), procediu a tallar el disseny.
Pas 5
Amb l’eina de tall seleccionada anteriorment, retalleu el disseny fent clic amb el botó esquerre al començament de cada guia i estirant el camp aparegut fins a la mida de l’objecte desitjat que vulgueu tallar. Deixeu anar el botó esquerre del ratolí perquè aparegui un número de sèrie a l'extrem esquerre del fragment de tall.
Pas 6
Ajusteu les vores dels fragments estirant-los manualment. Per desar les porcions de la imatge general, feu clic a l'opció "Desa per a pàgines web" al menú Fitxer i seleccioneu el format JPEG. A la finestra de desar, seleccioneu "Tots els fragments".
Pas 7
Després de desar els fragments d'imatge retallats per separat, deseu tots els elements visuals del disseny de la pàgina: blocs de text, botons, línies, etc.
