Créez un superbe portfolio professionnel en ligne pour vos projets, sans aucune programmation ni design web en regardant cette vidéo de 3 min. Suivez ensuite le tutoriel.
Typekit a été rebaptisé Adobe Fonts.
Introduction
Votre compte Creative Cloud vous permet d'utiliser Adobe Portfolio pour créer un CV visuel en moins de 10 minutes.
Ce tutoriel explique comment sélectionner une mise en page prédéfinie adaptée à votre contenu et la personnaliser à l'aide des images, vidéos, textes, couleurs et polices de votre choix. En tant qu'abonné à Creative Cloud, vous pouvez synchroniser Adobe Portfolio avec votre compte Behance et importer facilement du contenu du dossier Creative Cloud Files et de vos collections de photos Photoshop Lightroom.
Pour commencer, rendez-vous sur le site https://www.myportfolio.com/.
Choix de la mise en page
Ouvrez la page Layouts (Mises en page). Avant de faire votre choix parmi les mises en page proposées, réfléchissez au type de contenu que vous souhaitez présenter dans votre portfolio.
Par exemple, pour montrer des photos, choisissez une mise en page particulièrement adaptée aux images, comme Matthias et Lina.
Imaginons que vous travaillez dans une grande agence de publicité. Pour présenter vos projets de campagne, vous souhaitez inclure dans votre portfolio des exemples écrits de conceptualisation et de rédaction, ainsi que les publicités finales, soit une combinaison de textes, d'images et de vidéos. Dans ce cas, la mise en page Thomas, qui gère parfaitement les blocs de texte et les images, restituera fidèlement vos campagnes.
Une fois le choix de la mise en page arrêté, cliquez sur Use this layout (Utiliser cette mise en page) pour vous servir de cette dernière comme point de départ. Vous pourrez toujours la personnaliser ou la modifier ultérieurement.
Ajout de projets
En mode d'édition, cliquez sur le signe plus (+) dans la barre d'outils, puis sur Project (Projet).
Utilisez le menu flottant pour ajouter vos contenus. Chargez des fichiers depuis votre ordinateur, incorporez des vidéos, ou importez du contenu à partir du dossier Creative Cloud Files ou de vos collections de photos Lightroom.
Pour modifier le contenu ajouté dans un projet, survolez l'élément avec la souris et cliquez sur l’icône de crayon pour le modifier, le réagencer ou le supprimer.
Cliquez ensuite sur Continue (Continuer) au bas de la page. L'éditeur vous propose de créer l'image de couverture de votre portfolio, d'ajouter des métadonnées pour améliorer la visibilité de votre travail et de synchroniser votre projet avec votre compte Behance.
Conseil : si vous possédez un compte Behance, votre contenu sera automatiquement synchronisé entre Behance et Adobe Portfolio. Tous les projets ajoutés dans Behance apparaîtront dans Adobe Portfolio. De même, vous pouvez configurer vos projets Adobe Portfolio de sorte qu'ils apparaissent automatiquement sur Behance.
Personnalisation de la mise en page
Vous allez choisir les polices, les couleurs et l'espacement qui sublimeront votre contenu. Sur la page de votre projet, cliquez sur Edit Project Content (Modifier le contenu du projet), puis, dans le menu flottant, cliquez sur Edit Global Styles (Modifier les styles globaux). Définissez les paramètres de votre choix pour chaque partie du portfolio.
En tant qu'abonné à Creative Cloud, vous avez accès, depuis Adobe Portfolio, à la bibliothèque Adobe Typekit qui regroupe plusieurs centaines de polices de qualité. Dans le menu FONT (Police), cliquez sur Manage Web Fonts (Gérer les polices web) pour sélectionner une police. Cliquez successivement sur la vignette, Add Font (Ajouter la police) et Done (Terminé) pour faire figurer la police dans le menu FONT (Police).
Toutes les polices ajoutées via Typekit seront disponibles pour l'ensemble de votre site Adobe Portfolio.
Création d'une page de contact
Cliquez de nouveau sur le signe plus (+) et sélectionnez Page pour ajouter une page « Contact » ou « À propos de ».
En mode d'édition, cliquez sur Add Text (Ajouter du texte) et saisissez quelques lignes pour vous présenter. Sélectionnez le texte pour modifier le style ou ajouter un hyperlien. Indiquez un moyen direct de vous contacter, comme une adresse e-mail ou un numéro de téléphone. Cliquez sur Update Page (Actualiser la page) pour enregistrer la nouvelle page.
Les pages ajoutées apparaissent automatiquement dans le menu en haut à droite de votre portfolio.
Connexion aux réseaux sociaux
Survolez le menu de votre portfolio et cliquez sur l’icône de crayon. Sélectionnez Customize (Personnaliser). Activez la fonctionnalité Social Profiles (Profils sociaux), sélectionnez les réseaux sociaux à ajouter et saisissez les URL de ces derniers.
Personnalisez l'apparence de vos icônes de réseaux sociaux en cliquant sur l'onglet Social Icon Style (Style de l'icône de réseaux sociaux). Définissez ainsi le style, la couleur, l'opacité, la taille et l'alignement des icônes.
Aperçu et publication
Cliquez sur Preview (Aperçu) au bas de la page pour avoir un aperçu du site final avant publication. Cliquez sur les icônes représentant les différents types d'écran pour avoir une idée du rendu de la mise en page sur les différentes plates-formes (tablette, smartphone, etc.) et dans les différentes orientations (portrait ou paysage).
Cliquez ainsi sur chaque page et chaque projet de votre site. Lorsque vous avez terminé, cliquez sur Back to Edit (Retour en mode d'édition).
Il ne vous reste plus qu'à cliquer sur le bouton Publish (Publier) pour publier votre site.
Pour de plus amples informations sur la création d'un site Adobe Portfolio, consultez la Foire aux questions (FAQ). Si vous avez acheté un nom de domaine, découvrez comment l’utiliser pour votre site Adobe Portfolio.