linkedin

Tu aimes ce tuto ?

Nous serions ravis de te lire dans les commentaires !

Mô Leskine
Mô Leskine
2019-05-07
recommande
Alors que d'autres tutos sont payants et non pédagogiques, les votres sont gratuits et efficaces ! MERCI
Jeff Jeff
Jeff Jeff
2018-05-28
recommande
Je me régale !
Denisov Balifyich
Denisov Balifyich
2018-03-13
recommande
Vous êtes trop ''top'' tout simplement...
Irvin Winny
Irvin Winny
2017-09-07
recommande
je vous adore..tout simplement
Hody Chris
Hody Chris
2017-06-01
recommande
des top tutos , toujours à l’affût des dernières tendances
Fréd Callisto
Fréd Callisto
11/08/2022
Une équipe au TOP ! Ne changez rien. Vous êtes de supers formateurs. Vos vidéos sont excellentes et professionnelles. J'ai énormément appris à vos cotés. MERCI
Loic Barille
Loic Barille
12/12/2021
De très bon tutos, merci pour le partage de connaissance.
Marie
Marie
14/01/2021
Merci de ce partage de connaissance ! Hyper accessible. Bonne continuation !
martine
martine
08/01/2021
De très bons tutos, toujours biens expliqués... je me régale. C'est un vrai plaisir d'apprendre le Design Graphique, Motion Design et Web Design avec vous ....tout devient facile.Merci collectif Team8 pour tous vos tutos gratuits...mais pas seulement......
Eric Lavignasse
Eric Lavignasse
30/10/2020
Excellent tuto...
cedric DUBOURG
cedric DUBOURG
17/03/2020
Exellent😉

Social Media

Instagram
Instagram
Youtube
Youtube

Mots-clés associés


Sponsorisé

Créer un template flat design de site Internet avec Photoshop

À la demande d’un abonné, voici un tutoriel Photoshop gratuit en vidéo, où nous allons apprendre à créer un template flat design de site Internet avec Photoshop.

Dans un premier temps nous allons définir un code couleur à l’aide de Adobe Kuler. Adobe Kuler propose pour les graphistes et designers des nuanciers avec un large choix de couleur.

rendu site flat design

Programme du tuto template flat design

  • Créer un document optimisé pour le Web
  • Repérer et marger un template Photoshop pour faciliter une intégration HTML / CSS
  • Utiliser l’outil rectangle arrondi
  • Créer une zone de recherche dans le header du site
  • Créer des boutons et des modules liés aux réseaux sociaux

Vous retrouverez dans le fichier source disponible en dessous de la vidéo, tous les éléments nécessaires (images / icônes…) pour la réalisation de ce tutoriel gratuit.

N’hésitez pas à nous partager vos créations sur nos réseaux sociaux ! En effet, nous adorons regarder vos projets graphiques. De plus, il nous arrive également de les repartager, alors foncez nous présenter vos plus belles images.

Ce cours est destiné à un public débutant et peut être suivi à partir des versions CS6 de Photoshop. De plus, si vous avez des questions, n’hésitez pas à nous laisser un commentaire en dessous de la vidéo Youtube. Aussi, vous pouvez toujours nous écrire via le formulaire de contact.

Téléchargement*

Si tu aimes nos tutoriels, sache que tu peux nous soutenir de différentes façon : en effectuant un don juste à gauche sur cette page ou sur Tipeee. Pour être averti des prochaines sorties, n'oublies pas de t'abonner à notre chaîne Youtube ! Merci

 Source du tuto

* L'œuvre graphique : Template flat design » Créer une maquette de site Internet avec Photoshop appartient au Collectif Team8. Cette dernière est sous licence CC BY-NC 4.0

Plus de cours...

Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Indesign, Adobe Photoshop, Cinema 4D, Motion design, Procreate,suceptibles de vous intéresser !

Vous avez un projet en graphisme, en motion design ?