5. DECOUPAGE DU DESIGN

Votre design est terminé et doit grossièrement ressembler à la capture précédente. Nous allons maintenant le découper et enregistrer les parties de celui-ci afin de pouvoir commencer à travailler sur notre page HTML. Munissez-vous de l’outil rectangle de sélection et sélectionnez le panneau d’information (la partie du site avec votre logo et vos informations). Pressez les touches CTRL + MAJ + C. Cela permet de faire une copie de tout l’élément présent dans votre zone de sélection et cela même si certains composants ne sont pas sur le même calque. Formidable n’est-ce pas ! Maintenant, pressez les touches CTRL + N afin de créer un nouveau document, puis CTRL + V pour coller votre image. Vous avez donc un document de la taille de la zone de sélection qui contient votre panneau d’information. En principe, ce document doit avoir une taille de 350 pixels de large pour 400 de haut.

Enregistrez-les pour le web (Fichier > Enregistrer pour le web ou CTRL + MAJ + ALT + S). Dans la colonne de droite, cliquez sur le menu déroulant tout en haut, il correspond au «Paramètre pré- défini», et choisissez «PNG-24». Vous pouvez maintenant cliquer sur «Enregistrer». Pour faciliter votre travail, je vous conseille de créer un dossier vide du nom de votre site, sur votre bureau par exemple. A l’intérieur de celui-ci, créez un dossier que vous nommez «img» et qui contiendra toutes les images de votre site. C’est donc dans celui–ci que vous devez enregistrer votre panneau d’information. Nommez le «info.png». Retournez sur le premier document que vous avez créé. Cette fois-ci, masquez tous vos calques, mis à part le fond gris et celui qui contient les quatre bandes de couleurs. Sélectionnez la globalité du document (CTRL + A), copier le tout (CTRL + MAJ + C) et répétez l’action ci-dessus, mais en enregistrant votre image sous le nom «fond.png».


Notations 

Autres tutoriels Flash, Web

Ecoles & formations - derniers articles
3IS : Une pédagogie sur projets
Par la rédaction le 20/08/2012
3IS, l’école des métiers du Cinéma et de l’Audiovisuel, a ouvert une filière Arts Numériques en 2011, avec l’idée de former des élèves afin qu’ils soient « multi-compétences », capables de répondre à tous les enjeux du monde professionnel.

[Lire le dossier...]

Aries : Une école en pleine mutation
Par la rédaction le 20/08/2012
Présent dans six villes en France, le groupe d’écoles Ariès présente plusieurs avantages : multiples filières (2D, 3D), qualité d’enseignement et une réelle volonté de proposer des formations qualifiantes pour les années à venir.

[Lire le dossier...]

Bellecour - ESIA 3D : Une fourmilière de talents pour l’industrie créative
Par Emilien Ercolani le 04/01/2012
Connue et reconnue, l’école Bellecour, située, comme son nom l’indique, à Lyon, ne se repose pas sur ses lauriers, et continue de proposer des formations au goût du jour à ses élèves, notamment dans la section ESIA 3D. Revue et actualité de l’école du Rhône. 

[Lire le dossier...]

COM'ART : Tentez une nouvelle expérience !
Par Emilien Ercolani le 19/10/2011
Voici une nouvelle école située à Paris. Baptisée Com'Art, elle propose une mise à niveau après le Bac (MANAA) puis des BTS et des formations, de la communication visuelle au design produit en passant par la décoration d'intérieur et l'animation 3D.

[Lire le dossier...]

 Livres et DVD CréaNum

Get Aggregated RSS