Que vous soyez étudiant, autodidacte ou designer d’interface en devenir, il n’est jamais trop tard pour apprendre de nouvelles techniques ;) Après nos 3 tutos spécial infographie, Creads a déniché pour vous 3 tutos spécial webdesign ! Au programme : un tutoriel pour apprendre à créer un template graphique d’un site en Flat Design sous Photoshop, un tuto pour créer une interface puis l’animer en .gif ainsi qu’un tutoriel pour créer votre site web cv.

Creads a déniché pour vous 3 tutos spécial webdesign

1) Créer le template graphique d’un site Web en Flat Design

Au programme de ce tuto Photoshop en français, vous allez apprendre à :

Créer une trame en motif qui se répète sur l’ensemble du site
► Importer des icônes Flat Design
► Créer vos propres grilles avec les repères de Photoshop
Mettre en page le contenu du site
Créer un footer (pied de page)
Préparer le gabarit de page pour l’intégration HTML / CSS

 

 

2) Créer une interface, puis l’animer en .gif

Le Gif revient sur le devant de la scène ! En effet, on retrouve de plus en plus de gifs dans des présentations de sites (du style Dribbble), de concepts mobile mais également dans le webdesign. C’est un format léger qui permet d’apporter du dynamisme à une présentation sans être trop lourd en poids, ni obliger l’internaute à cliquer pour lancer une vidéo.

Grâce à ce tutoriel complet, vous allez apprendre à créer une interface mobile ainsi que la procédure d’animation pour rendre votre maquette animée.

 

3 tutos spécial webdesign

by Natko Hasić

 

3) Créer un cv en ligne / portfolio avec Photoshop

De nos jours, il est de plus en plus courant de voir sur la toile des sites Web CV / Portfolio. Ce format digitalisé permet dans un premier temps de vous démarquer, mais aussi de bénéficier de plus d’espace pour détailler davantage vos expériences, compétences tout en exposant vos créations graphiques. Envie de créer un site à votre image ? Nous avons déniché un tuto qui vous explique tout ce qu’il faut pour créer votre site web personnel.

 

Et vous, quels sont vos tutos spécial webdesign préférés ?

 

*************************************************************************

Découvrez aussi 3 tutos spécial logo !

Besoin d’aide pour la création de votre vidéo d’entreprise en motion design ? Venez découvrir nos services

N’hésitez pas à suivre l’actualité de Creads sur nos comptes InstagramFacebook et LinkedIn.

Et si vous avez aimé l’article, partagez-le autour de vous !