Share
Ce que vous allez créerDans les versions antérieures de Smart Objects, nous intégrions des données d'image dans le fichier PSD. Désormais, Adobe a mis à niveau les objets intelligents dans Photoshop CC 2014 afin que nous puissions également les lier à des fichiers externes. Dans ce didacticiel, nous utiliserons les nouvelles fonctionnalités des derniers objets intelligents liés pour concevoir une brochure flexible. Nous utiliserons Photoshop comme principal outil et Illustrator pour concevoir son logo..
Nous allons utiliser des images libres de droits. Vous les trouverez dans les fichiers PSD terminés. Vous pouvez l'utiliser pour comparer votre travail final. Nous allons également utiliser la police gratuite Alef de Google Fonts.
Nous utiliserons ensuite Adobe Bridge pour parcourir les images d'actifs. N'oubliez pas de mettre à jour votre Adobe Photoshop, car nous allons utiliser les dernières fonctionnalités de la version CC 2014.
Tout d’abord, nous allons commencer par créer un nouveau fichier (Contrôle-N) pour notre brochure. Sélectionnez le préréglage Papier international avec la taille A5.
Le réglage par défaut utilise 300 pixels / pouce pour sa résolution. Cela signifie que chaque carré de 1 pouce × 1 pouce contient 300 pixels. C'est le réglage idéal pour l'impression. Cependant, comme il ne s’agit que d’un simple tutoriel, nous voudrons peut-être réduire un peu la résolution. Réglez-le à 150 pixels / pouce. Une résolution inférieure signifie moins de pixels. Moins de pixels signifie un temps de traitement plus court pour Photoshop.
Voici la toile que nous avons.
Frappé Contrôle-R pour révéler les règles sur le côté supérieur et gauche de la toile. Ces règles nous aideront à identifier la position du curseur et à placer les éléments de conception avec précision. Clic-droit la règle puis sélectionnez Millimètres changer son unité.
Activer le Outil de chapiteau. Faire une nouvelle sélection de mesure rectangulaire 11 mm × 11 mm dans le coin supérieur gauche de la toile. Pour faire une sélection rectangulaire parfaite, faites glisser le curseur tout en maintenant le bouton Décalage clé.
Cliquer et faire glisser la règle sur le bord de la sélection pour créer un nouveau guide à droite 11 mm horizontalement et 11 mm verticalement.
Faites la même chose dans le coin inférieur droit de la toile. Tracez un rectangle de 11 mm × 11 mm dans le coin inférieur droit et créez-y de nouveaux guides..
Ouvrez la photo disponible dans les fichiers source. Cette photo a été fournie par deathtothestockphoto. Cliquez sur Fichier> Enregistrer sous puis enregistrez-le en tant que fichier PSD. Sélectionner Photoshop dans le Sauvegarder comme type option. Nous enregistrons cela dans un format PSD (pas JPG) pour une modification plus facile à l'avenir.
Faites glisser le fichier PSD sur le canevas créé dans Photoshop. Nous faisons glisser pour placer le fichier dans la toile. Rappelez-vous que nous n’avons pas l’intention de copier l’image, puis de la coller, mais de lier le fichier dans la zone de dessin. Nous pouvons appeler cette toile un fichier conteneur.
Vous pouvez aussi utiliser le menu, Fichier> Lien lié. Dans la boîte de dialogue suivante, sélectionnez le fichier que vous souhaitez insérer..
Une fois que le fichier image est placé à l’intérieur du canevas, vous verrez un cadre de sélection. Vous pouvez redimensionner les dimensions du fichier image en faisant glisser ses poignées. Pas besoin de s'inquiéter de faire une erreur en la transformant. Le fichier image étant enregistré en tant qu'objet dynamique, vous pouvez toujours refaire ou appliquer une autre transformation sans détruire la qualité de l'image..
Pour redimensionner tout en conservant le format de l’image, faites glisser les poignées tout en maintenant la touche enfoncée. Décalage clé.
Frappé le Entrer clé pour confirmer le processus de transformation. Si vous n'êtes toujours pas satisfait du résultat, appliquez une autre transformation en appuyant sur Contrôle-t. Maintenant, jetez un oeil à la Couches panneau. Le calque d'arrière-plan que nous avons ajouté précédemment comporte une petite icône dans le coin inférieur droit. Cette icône indique que la couche est liée à un autre fichier..
Ajoutons un pied de page dans notre conception. Ouvrez le fichier de logo disponible avec ce tutoriel. Le fichier de logo provient de deathtothestockphoto. C'est un fichier EPS, vous devez donc l'ouvrir dans Adobe Illustrator pour conserver ses capacités vectorielles. Sélectionnez l'un des logos. Copiez-le en frappant Control-C.
Créer un nouveau fichier dans Adobe Illustrator (Contrôle-N).
Frappé Contrôle-V coller le logo.
Enregistrez le fichier du logo dans le même dossier que notre brochure..
Revenons à notre brochure fichier PSD. Placez le logo vectoriel dans la toile à l'aide du menu. Fichier> Lien lié. Dans la boîte de dialogue suivante, sélectionnez le fichier. Ouvrez-le comme un objet intelligent avec Crop To Bounding Box choisi.
Changer la taille du logo vectoriel. Placez-le dans le coin inférieur droit de la toile.
Activer le Outil de type puis cliquez et faites glisser pour créer une nouvelle zone de texte. Remplissez-le avec deux ou trois courts paragraphes, suivis de l’adresse du site Web de la société en gros caractères. Pour le type de police, utilisez Alef de Google Fonts..
Ajouter une autre zone de texte sur le canevas. Utilisez la même police pour la cohérence. Définissez une taille de police plus grande, car il s’agit du titre principal de la brochure..
Pour l'instant, nous avons deux objets dynamiques, dans le logo et l'arrière-plan. Nous sommes également conscients que la couche d'objet dynamique est liée au fichier d'origine. Essayons de les modifier et de voir ce qui se passe.
Tout d'abord, modifiez le contenu de l'arrière-plan. Activer l'objet dynamique Contexte. Ouvrez le Propriétés panneau. Cliquez sur Modifier le contenu. Vous pouvez aussi directement double-cliquez la couche pour éditer son contenu.
Vous pouvez trouver cette boîte de dialogue. Photoshop vous demandera de sauvegarder le fichier dans la même zone. Cliquez D'accord.
La couche d'arrière-plan sera ouverte en tant que fichier PSD séparé. La prochaine chose que nous allons faire avec l’arrière-plan est de modifier une partie de la photo pour ajouter plus de contraste dans le texte. Regardez l'image suivante. Le texte noir est très proche de la fenêtre.
Dans le fichier de couche d’arrière-plan, sélectionnez certaines parties de l’arrière-plan, puis appuyez sur Contrôle-j le dupliquer.
Frappé Flèche vers le haut pour le déplacer vers le haut.
Sélectionnez la partie inférieure de l'image à l'aide du bouton Outil de chapiteau.
Frappé Contrôle-t puis changez sa taille jusqu'à ce que nous ayons une surface de table plus propre.
Effacer les zones inutiles à l’aide des touches Outil pour effacer avec une grosse brosse douce.
Nous avons terminé l'édition du fichier de couche d'arrière-plan. Enregistrez puis fermez-le. Le fond de la brochure est automatiquement mis à jour.
Essayons une autre façon de modifier le calque d'arrière-plan. Fermez le fichier de la brochure. Nous savons que la couche d’arrière-plan est liée à un fichier PSD. Alors, pourquoi ne modifions-nous pas le fichier PSD directement? Dans Adobe Bridge, double-cliquez sur le fichier PSD d’arrière-plan pour l’ouvrir dans Photoshop..
Prenez une autre image de deathtothestockphoto. Vous la trouverez avec les fichiers source de ce didacticiel. Collez-le dans notre fichier PSD. Sauver le PSD.
Ouvrons le fichier brochure dans Photoshop et voyons ce qui se passera ensuite.
dans le Couches Dans le panneau de configuration, vous trouverez une icône représentant un point d'exclamation à l'intérieur du calque d'objet dynamique. Cette icône nous avertit qu'il y a un problème avec la couche. Dans Propriétés panneau, vous trouverez également une icône de point d'exclamation similaire.
Nous savons que le contenu du fichier lié est déjà mis à jour. Nous pouvons demander à Photoshop de mettre à jour la couche de données en cliquant sur Couche> Objet intelligent> Mettre à jour le contenu modifié.
Regardez la toile. Le fond est mis à jour automatiquement.
Clique le Modifier le contenu bouton pour éditer le fichier.
Effectuer une transformation (Contrôle-t) dans la nouvelle image.
Enregistrez le fichier d'arrière-plan. Revenez au fichier de la brochure, puis mettez à jour la couche intelligente d'arrière-plan..
Pour ajouter du contraste dans le pied de page, ajoutez un rectangle simple en bas. Utilisez la même couleur que la couleur du logo.
Jusqu'ici, voici la conception que nous avons.
Si vous le souhaitez, vous pouvez toujours modifier l’arrière-plan et éventuellement déplacer l’image un peu..
Nous avons changé l'image de fond. Maintenant, changeons les couleurs. Dans cette version, la couleur du logo et du texte seront inversés. Premièrement, nous voulons ajouter un simple rectangle pour l’arrière-plan du texte. Utilisez le Outil de forme avec le Forme option sélectionnée dans le Barre d'option. Met le Remplir à # 231f20.
Cliquer et faire glisser dessiner un rectangle simple dans le bas de la toile.
Changer la couleur du texte en blanc.
Nous souhaitons également modifier le logo vectoriel et changer sa couleur..
Nous pouvons le faire en activant le logo vectoriel Smart Object dans le Couches panneau. Du Propriétés panneau, cliquez sur le Modifier le contenu bouton.
Nous pouvons également rechercher des fichiers associés au vecteur de logo, puis les ouvrir dans Photoshop..
Clic-droit le fichier brochure puis sélectionnez Afficher les fichiers liés.
Adobe Bridge affiche une liste des fichiers liés au fichier conteneur. Comme vous pouvez le voir ci-dessous, deux fichiers sont liés à ce fichier PSD, à l’arrière-plan et au logo.. Double-cliquez le fichier du logo pour le modifier à l'aide du programme approprié, dans ce cas, Adobe Illustrator.
Sélectionnez toutes les formes d'arrière-plan.
Changer leur couleur en noir. Répétez cette opération pour toutes les formes derrière le texte.
Inverser la couleur du texte en blanc. Enregistrez puis fermez le fichier vectoriel.
Revenons à notre dossier de brochure. Nous avons maintenant un logo inversé qui correspond à notre palette de couleurs actuelle.
En liant des fichiers, au lieu de les incorporer, nous utilisons plusieurs fichiers connectés dans notre projet de conception. Bien sûr, nous ne voulons pas qu’un d’eux en manque. Par conséquent, nous devons les organiser avec soin. Assurez-vous de les mettre tous dans le même dossier. Comme vous pouvez le voir ci-dessous, ils sont tous placés dans un dossier nommé brochure.
Vous devez également comprendre comment Photoshop gère tous les fichiers associés. À partir du site d’aide officiel, Photoshop recherchera d’abord les fichiers à la dernière position absolue. Si Photoshop échoue, il effectuera une nouvelle recherche dans le même dossier que le fichier conteneur..
Voyons ce qui se passe si l'un des fichiers liés est manquant. Rappelez-vous qu'actuellement nous avons deux fichiers liés au fichier PSD principal.
Que se passe-t-il si nous supprimons accidentellement le logo du lieu d'origine, qui se trouve dans le même dossier que le conteneur de fichiers??
Clic-droit le fichier PSD principal, puis sélectionnez Afficher les fichiers liés. Un message d'avertissement apparaît et nous rappelle qu'il manque des fichiers..
Si nous ouvrons le fichier conteneur dans Photoshop, une boîte de dialogue apparaîtra et nous indiquera les fichiers manquants..
Clique le Choisir bouton pour essayer de rechercher le fichier manquant. Une fois que vous l'avez trouvé, sélectionnez-le puis cliquez sur le bouton Endroit bouton.
Une icône en forme de coche indique que les fichiers liés manquants ont été trouvés.
Vous pouvez choisir d'ignorer la boîte de dialogue d'avertissement. Si vous le faites, à l'intérieur du Couches panneau et Propriétés panneau, vous trouverez une icône en forme de point d’interrogation vous informant de la perte du fichier associé..
Clique le Modifier le contenu bouton ou double-cliquez la couche et ensuite essayer de trouver le fichier manquant manuellement.
Assurez-vous donc de toujours placer le fichier conteneur et les fichiers associés dans le même dossier. Un autre avantage de l'utilisation du fichier associé est une taille de fichier plus petite. Comme vous pouvez le constater sur la barre d'état, la taille du fichier de conteneur est de 14,43 Mo.
Vous pouvez toujours utiliser la méthode précédente avec les objets intelligents, qui consiste à incorporer les fichiers. L’intégration signifie que vous placez les données d’image directement dans le fichier conteneur..
Vous pouvez incorporer tous les objets dynamiques en cliquant sur Couche> Objets intelligents> Tout incorporer lié.
Vous ne verrez pas d'icône de lien dans la vignette de la couche ou dans Propriétés panneau. Au lieu de cela, vous verrez une ancienne icône d'objet intelligent régulière.
Vous remarquerez également la différence de taille de fichier entre les objets intelligents incorporé et lié. Parce qu'embarqué signifie que vous placez toutes les informations sur l'image dans un seul fichier conteneur, vous obtiendrez une très grande taille de fichier. Dans ce cas, les objets intelligents incorporés génèrent 70 Mo, tandis que les objets intelligents liés génèrent 14 Mo..
Dans ce didacticiel, nous avons lié deux fichiers, PSD (Photoshop) et AI (Illustrator), à un fichier de brochure. En fait, vous pouvez également lier ces fichiers à un autre fichier pour un projet de conception multiple, par exemple, en associant le logo vectoriel à un fichier de carte de visite..
De cette façon, nous pouvons simplement éditer le logo vectoriel et le résultat sera automatiquement mis à jour dans les fichiers conteneur, la brochure et la carte de visite. Dans ce cas, nous modifions le logo du texte de une à s.
Le logo vectoriel dans la brochure est également mis à jour automatiquement.
Grâce à ce long didacticiel, nous pouvons constater que les nouveaux objets intelligents liés dans Adobe Photoshop nous offrent plus de liberté pour travailler de manière non destructive. Cette nouvelle fonctionnalité sera très utile pour ceux qui travaillent en équipe. Par exemple, l'un peut se concentrer sur la mise en page, l'autre sur le logo et l'autre sur la manipulation de photos pour le fond de l'image. J'espère que vous pourrez trouver de nouvelles astuces pour utiliser cette nouvelle fonctionnalité. Si vous réussissez, faites le moi savoir dans la zone des commentaires.
Accentsconagua