Vous pouvez faire tellement de choses intéressantes avec Adobe Photoshop qu'il est difficile de savoir par où commencer. Dans cet article, nous vous montrons comment créer un cadre photo en ligne avec Photoshop. Un que vous pouvez utiliser sur les sites Web et les applications, que ce soit autour de votre avatar ou dans l'en-tête de votre blog.
Avant de commencer ce didacticiel, vous devez connaître les bases de l'outil Forme personnalisée. Pour ce faire, consultez notre article expliquant comment utiliser l'outil Forme personnalisée dans Photoshop.
Ensuite, ouvrez Photoshop pour configurer votre document. Pour ce didacticiel, supposons que le cadre photo que vous créez est un avatar de réseau social. Les avatars ont généralement des dimensions égales sur tous les côtés, qu'ils soient en forme de cercle ou de carré.
Dans cet esprit, définissez la taille de votre document sur au moins 1 000 x 1 000 pixels, bien que vous puissiez agrandir. Ces dimensions serviront de guide pour votre cadre photo.
Une fois votre fichier configuré, créez un nouveau calque dans vos Calques panneau --- c'est là que votre cadre ira.
Ensuite, assurez-vous que votre outil de forme personnalisée c'est actif. Vérifiez ensuite les couleurs de votre forme personnalisée dans le Remplissage et AVC rubriques.
Pour le moment, j'ai actuellement la palette de couleurs par défaut active. Cependant, je ne veux pas utiliser ces couleurs sur mon cadre photo, je vais donc les échanger.
Pour changer ces couleurs, accédez à vos Échantillons panneau. Cliquez sur l'icône du menu déroulant. Choisissez une palette prédéfinie dans la liste d'options d'Adobe.
Vous pouvez également charger une palette de couleurs personnalisée si vous en avez déjà créé une. Si vous n'en avez pas encore créé, consultez notre didacticiel expliquant comment créer une palette de couleurs personnalisée dans Photoshop.
Maintenant que la nouvelle palette est chargée, revenez à votre Fill et AVC options pour votre outil de forme personnalisée. Choisissez les couleurs que vous souhaitez utiliser.
Après cela, accédez à votre Forme menu déroulant et choisissez le design qui conviendra le mieux à votre photo.
Pour ce didacticiel, faites défiler vers le bas jusqu'à ce que vous trouviez le cercle creux et les formes carrées. Choisissez le cercle creux à utiliser comme cadre photo, ici en rouge.
Bien qu'Adobe ait beaucoup de cadres pré-construits, ils sont un peu trop sophistiqués pour notre objectif. Ce cercle devrait faire l'affaire.
Après avoir choisi votre forme, cliquez et faites glisser votre curseur sur la page pour la créer.
Si vous avez accidentellement dessiné votre image sur la page --- comme moi --- ne vous inquiétez pas. Vous pouvez soit utiliser l' Outil de sélection de chemin ou l' outil de déplacement pour centrer votre cadre. Il a été surligné ici en rouge.
Une fois que vous avez centré votre cadre, vous pouvez lui appliquer un effet pour lui donner un aspect plus "3D".
Pour ce faire, accédez à votre Calque panneau et double-cliquez sur le calque qui contient votre forme. Une boîte apparaîtra indiquant Style de calque .
Sous Options de fusion , vous verrez Bevel &Emboss . Cliquez sur cette option pour l'activer, et assurez-vous que la case à côté du nom est remplie.
Une fois cette coche active, vous verrez que votre cadre photo a pris une qualité plus 3D.
Sous la Structure section, vous pouvez choisir le type de biseau à appliquer à votre forme, la profondeur du biseau, la taille et le degré d'adoucissement de ses bords.
Sous ombrage , vous pourrez modifier l'apparence de vos reflets. Vous pouvez également modifier l'angle d'impact de la lumière sur l'objet, ainsi que la manière dont la lumière interagit avec l'objet.
Une fois que vous avez réglé tous vos paramètres à votre satisfaction, cliquez sur OK .
Après avoir terminé votre biseau, vous voudrez sélectionner votre cadre pour créer une "sélection de cadre". Cela vous permettra d'appeler la "forme" à une date ultérieure et d'appliquer facilement un remplissage de couleur dans la forme de cette sélection --- juste dans un calque différent.
Considérez-le comme un raccourci vers l'édition.
Lorsque vous sélectionnez votre outil Baguette magique , assurez-vous que votre image est actuellement définie sur 16 bits . Vous recevrez un avertissement de Photoshop si ce n'est pas le cas.
Si ce n'est pas le cas, cliquez sur Image > Mode > 16 bits . Étant donné que vous travaillez sur différents calques, Photoshop vous demandera si vous souhaitez fusionner ces calques lorsque vous réduisez la profondeur de votre document.
Cliquez sur Ne pas fusionner . Vous voulez toujours que ces calques soient séparés.
Après avoir modifié la profondeur de votre image, vous devrez toujours "rastériser" votre calque afin d'utiliser votre baguette magique. Cela signifie que vous convertissez un graphique vectoriel en un graphique basé sur des pixels.
Pour pixelliser votre calque, faites un clic droit sur le calque qui contient votre cadre photo et choisissez Pixéliser le style de calque .
Ensuite, revenez à votre outil Baguette magique et sélectionnez l'espace vide à l'intérieur et à l'extérieur de votre cadre photo.
Lorsque ces deux zones sont sélectionnées, faites un clic droit sur l'espace vide et choisissez Sélectionner l'inverse . Photoshop sélectionnera la forme de votre cadre à la place.
Cela peut sembler une étape compliquée, mais il y a une bonne raison de faire la sélection dans cet ordre.
Si vous essayez de cliquer directement sur votre cadre 3D, Photoshop sélectionnera uniquement les couleurs ayant exactement la même valeur et la même teinte --- pas le tout.
Avec Sélectionner l'inverse , vous avez maintenant une sélection nette de votre cadre.
Pour enregistrer cette sélection pour une utilisation ultérieure, accédez à votre barre de menus en haut de votre espace de travail. Cliquez sur Sélectionner > Enregistrer la sélection .
Attribuez un nom significatif à votre sélection, puis cliquez sur OK .
Maintenant que vous avez créé votre cadre photo en ligne, vous souhaiterez peut-être en ajuster la couleur.
Pour ajuster la couleur, accédez à vos Calques panneau et créez un nouveau calque au-dessus du calque qui contient votre cadre photo. Cliquez ensuite sur Sélectionner > Charger la sélection. .
À partir de la chaîne liste déroulante, choisissez la sélection que vous avez faite de votre cadre photo.
Une fois la sélection active, accédez à votre pot de peinture ou Dégradé outil et appliquez de la couleur à ce calque. Il restera dans les limites de cette sélection.
Une fois que vous avez posé votre couleur, vous voudrez qu'elle interagisse avec le cadre de l'image en dessous.
Pour ce faire, cliquez sur le Mode de fusion menu déroulant dans vos Calques panneau. Choisissez un effet.
Comme vous pouvez le voir, cet effet illumine mon cadre tout en captant les teintes claires et sombres du biseau 3D en dessous.
Une fois que vous avez terminé avec le cadre photo, vous voudrez probablement placer une image à l'intérieur. Pour illustrer cette partie, j'ai utilisé une photo de moi-même.
Pour insérer cette photo dans votre cadre, sélectionnez Déplacer outil, puis cliquez et faites glisser votre photo vers l'onglet de fichier pour votre cadre photo en haut. J'ai surligné l'onglet en rouge.
Une fois que vous avez fait glisser le portrait vers l'onglet, Photoshop l'importera dans l'espace de travail de votre cadre photo.
Libérez le fichier. Photoshop placera automatiquement la photo dans un nouveau calque dans vos Calques panneau.
Une fois que ce headshot est dans un nouveau calque, déplacez ce calque de headshot sous votre calque de cadre photo. Le cadre doit être visible en haut.
Si nécessaire, ajustez la photo pour qu'elle corresponde mieux à votre cadre en accédant à Modifier > Transformation libre . Faites glisser les points d'ancrage vers l'intérieur pour le réduire.
Ensuite, accédez à votre calque de cadre photo. Activez votre baguette magique outil, puis sélectionnez l'espace autour de l'extérieur de votre cadre.
Une fois la zone en dehors de votre cadre sélectionnée, revenez à votre calque de prise de vue. Accédez au menu en haut de votre écran, puis cliquez sur Modifier> Couper.
Cela supprimera rapidement le reste de votre image en dehors de votre cadre, créant cet effet "ressemblant à une image".
Maintenant que votre photo est insérée et que votre cadre photo est terminé, vous êtes prêt à enregistrer.
Avant d'enregistrer, assurez-vous que le calque d'arrière-plan de votre fichier est désactivé. Votre cadre photo est rond et il y aura une certaine transparence autour de lui. Si vous conservez ce calque d'arrière-plan, cette transparence ne prendra pas effet.
Une fois votre arrière-plan désactivé, accédez à Fichier > Exporter > Enregistrer pour le Web (ancien) . Enregistrez votre fichier au format PNG. Et voila. Vous avez terminé.
Maintenant que vous savez comment créer un cadre photo numérique, vous pouvez l'utiliser pour personnaliser votre présence en ligne, en vous donnant une apparence cohérente sur divers sites et applications.
Cependant, n'arrêtez pas votre éducation Photoshop là-bas. Nous vous recommandons ensuite d'apprendre à créer un dégradé personnalisé à l'aide de Photoshop.
