Enfin commencer ce qui est de concevoir un site web.

Bien que nous ne sommes pas encore une conception de Web, sinon nous allons voir comme nous le ferions pour créer un design, avec des images que nous servons en tant que décoration.

La première chose que nous faisons est dans un programme graphique, tels que feux d'artifice, Photoshop ou dans notre cas, évidemment, le Paint Shop Pro, créer une image que nous voulons.

Mais nous allons le diviser?

La première chose à faire est de créer un nouveau dossier sur le site de webimagenes rêve que nous pouvons appeler, j'ai l'habitude de les garder dans la même image que nous avons déjà. Mais maintenant, il est préférable de ne pas nous confondre, ou bien, tout ce que vous le voulez?

Maintenant sur la PSP, nous créons une nouvelle image, la taille, entre 400/400 ou 600/600 px, cela dépendra de la façon dont nous voulons que les grandes cornes ou des coins, de créer une autre couche et des bords:

Le format de magasin en cas de pépin psp vaut? midiseño.psp fois que nous avons par exemple la conception de la même PSP, nous allons utiliser un outil qui peut ne pas savoir qu'elle existe, Guides:

* Remarque: Les guides sont des lignes horizontales ou verticales qui peuvent glisser sur l'image et les utiliser pour localiser des éléments ou des coups de pinceau alignement. Nous les avons mis dans des endroits que nous voulons.

* Note: Voir aussi activer les règles, ou si vous ne pouvez pas utiliser les lignes directrices

Allez à View guides:

Et activée, un peu plus bas, activez les guides magnétiques:

Maintenant, nous allons augmenter l'image de bien voir les bords et le curseur de la souris, nous allons trouver juste au-dessus de la règle, nous pouvons voir qu'il va devenir un +, puis on clique (avec le bouton gauche de la souris) et l'étirement de l'image, sans relâcher le bouton de la souris:

Vous voyez dans la règle, à la toute fin du guide (ligne bleue), c'est comme un peu de soulagement? de se déplacer, une fois que vous avez prise, placez le curseur dessus, vous cliquez et maintenez enfoncé le bouton, prendre un côté ou de l'autre.

J'ai grandement amélioré l'image, parfaitement à voir exactement où je le place, juste au-delà de l'arc de l'image, alors que les pixels sont complètement opaques en rouge:

Maintenant, nous allons retirer le guide horizontal, mais également de haut en bas:

Et placez-le sur l'autre extrémité de l'arc, de la même manière, où seulement les pixels flous:

Avec l'outil Cut, coupé autour de la table sont les lignes directrices:

Comme nous l'avons activer l'option de guides magnétiques, pas du tout difficile de prouver que l'outil Cour, parfaitement adapté à des lignes directrices, sera presque par lui-même, mais nous avons constaté que ce droit dans les:

Nous utilisons l'outil Cut et l'enregistrer au format gif. le nom sera, esquina1.gif, par exemple, ou esqizquierda.gif Cela va à vous-mêmes, d'accord? Seulement, il faut garder à l'esprit que le coin va être sur la gauche, ou le premier ... comme vous voulez, mais

J'ai l'habitude de l'appeler img1, tout simplement parce que je suis une séquence, la prochaine sera le img2 et la face supérieure:

Je prends un nouveau guide, verticale et dirigée vers la droite, je le remettre là où les pixels ne sont plus floue:

l'horizontale, on peut utiliser ce que nous avions créé précédemment. C'est, nous utilisons cette même qu'il doit avoir la même hauteur que le premier.

Nous avons donc réduit l'angle et l'enregistrer avec le nom de img3 Annuler et a pris un nouveau guide horizontal pour créer l'image qui sera le côté droit et nous avons mis quelque chose comme ceci:

Accrochez comme ceci:

et enregistrer en tant que img4 Voyons maintenant vérifier les Guides coin inférieur droit:

nous avons réduit:

dans la capture peut être car ils sont de toutes les règles que nous avons. Nous nous réservons le coin droit, comme img5

Maintenant nous avons réduit la img6, qui sera la face inférieure:

Annuler, même après la coupe d'une partie Le coin gauche, qui est marqué avec les guides, comme le montre la capture ci-dessus:

enregistrer en tant que img7 Annuler. Et enfin, le côté gauche:

enregistrer l'image, nous aussi, avec les lignes directrices, s'il en était besoin, à tout moment, toujours conservé dans le format. psp. Maintenant, nous pouvons fermer la PSP et allez dans le rêve.

Ouvrez un nouveau document, et de lier la feuille de style que nous avons eu des précédents tutoriels. Insérer un nouveau tableau avec les options suivantes:

Centrer de l'inspecteur de la propriété, nous sommes à la première cellule:

et insérez la première image, c'est à dire l'img1:

dans l'inspecteur des propriétés, nous avons trouvé la largeur exacte même et le joindre à cette cellule, mais d'alerter, de l'inspecteur des propriétés. Jamais l'étirement de la cellule à droite?

C'est à quoi il ressemblera, après avoir inséré les quatre images qui forment les coins:

Dans chaque cellule où ils sont insérés, nous afficherons la même largeur que l'image.

Nous allons maintenant insérer la img2, img4, img6 et img8, qui forment les côtés, mais nous n'allons pas sous forme d'images, mais en tant que cellules de fonds.

Ainsi, les quatre images pour combler les côtés, et maintenant voir le tableau:

Si maintenant nous sommes à la cellule centrale, et d'insérer le numéro Entrez, la cellule s'étirera vers le haut, nous pouvons également vérifier le% de changement dans la largeur, doit «étirer ou rétrécir en douceur et garder le design

Ahh, et de ne pas vous dire que ces images doivent avoir leurs propres styles maintenant. Ci-dessus nous ont inséré en tant que milieux, l'autre, que nous avons mis sous forme d'images, peu importe de passer le test de 3w. Ainsi, nous pouvons les laisser tel quel.

Voir ici l'exemple

Eh bien, le faire calmement, si?, Est lentement pas aussi difficile que cela puisse paraître au premier abord et pourtant, regardez ce qui peut être fait en suivant ces étapes. Je suis sûr que nous allons voir des merveilles