Share
Il y a des années, lorsque j'ai décidé pour la première fois d'essayer la conception d'imprimés (mon expérience était dans le Web et le travail à l'écran), j'avais l'impression qu'il y avait des choses magiquement difficiles à savoir pour imprimer des documents. La réalité est que pour des projets simples, c'est en fait très facile. Dans ce tutoriel, je vais vous expliquer le processus complet de conception d'une brochure simple, de sa préparation pour l'impression, puis de son téléchargement sur un imprimeur en ligne commercial, de la vérification de l'épreuve et de la visualisation du produit fini..
Ce post est le jour 15 de notre session de conception graphique. Sessions créatives "Session Day 14Session Day 16"Avant de commencer tout projet d'impression, vous devez toujours faire de la planification. En effet, le format final, les dimensions et le choix de l’imprimante auront une incidence sur la manière dont vous concevez.
La première chose que vous feriez normalement est d'obtenir le résumé du projet. Dans mon cas, il n'y a pas de client, alors je vais juste inventer un projet. Depuis cette semaine que nous faisons la promotion de GraphicRiver, je vais faire une brochure sur le site, comme si elle était destinée à un designer qui ne sait pas ce que le site propose. Donc ça va vraiment être une sorte de catalogue de base.
La première chose à faire est donc de sélectionner une imprimante. Ce n'est pas une mauvaise idée d'avoir quelques imprimantes différentes avec lesquelles vous avez l'habitude de travailler. Je suggérerais qu'avec le temps, vous devriez avoir:
Pour nos besoins, nous allons utiliser une imprimante en ligne appelée UPrinting. Ils sont un imprimeur américain et livrent partout dans le pays. Vous pouvez faire absolument tout, du paiement au téléchargement en passant par la relecture en passant par le site Web, et les tarifs proposés sont très compétitifs..
Je ne les avais jamais utilisés avant ce tutoriel et, dans l'ensemble, j'ai été très impressionné par le service..
Nous voici donc sur le site Web UPrinting. La première étape consiste à sélectionner un produit. Nous voulons en faire Des brochures.
La prochaine étape consiste à spécifier le type de brochure qui nous intéresse:
J'ai choisi un stock heavyish. Le poids m'est un peu étranger comme ici en Australie nous utilisons gsm au lieu de lbs. Vous pouvez trouver un tableau de conversion ici.
Maintenant que nous savons ce que nous concevons, c’est une bonne idée de faire une maquette très rapidement. Je trouve cela utile pour les articles qui vont inclure le pliage car cela aide à vous assurer que vous mettez les bonnes choses aux bons endroits..
Donc, ici, je viens de prendre un morceau de papier dans mon cahier, de le plier comme une brochure à trois volets, puis de griffonner à peu près ce que je vais mettre sur chaque page..
Ensuite, lorsque vous le déployez, vous pouvez voir comment organiser les différents panneaux de la page. Ainsi, par exemple, la couverture de la brochure apparaît en réalité sur le panneau le plus à droite de la page extérieure. Cela a du sens quand vous le voyez en réalité, mais si vous ouvrez simplement Photoshop et commencez à concevoir, vous serez tenté de penser que la page de couverture doit être la première et donc à gauche..
L’autre avantage de créer une maquette en papier est que vous comprenez comment la personne lira la brochure et que cela sera utile pour la prochaine étape..
Ainsi, dans ma maquette en papier, j'ai proposé une présentation de base de la manière dont je voulais organiser les choses dans la brochure. La page de couverture aura juste un en-tête - "Des milliers de fichiers graphiques à partir de 1 $ seulement" - et le logo. Ensuite, les pages intérieures contiendront tous nos types de produits - Photoshop, Illustrator et Autres. La page extérieure que vous voyez lorsque vous ouvrez la page de couverture pour la première fois comportera une instruction pas à pas "Comment ça marche" sur le site, et la page de couverture indiquera nos marchés partenaires.
Je l'ai présenté de cette façon pour essayer de présenter l'information de manière facile à digérer:
La prochaine étape consiste à configurer un document dans Photoshop pour la conception. Certaines imprimantes vous donneront simplement un ensemble d’informations et de spécifications et vous devrez créer votre propre document..
Attention: Si vous n'êtes pas habitué à imprimer des motifs, il est tentant de supposer que les lignes de pliage du document seront simplement placées à 1/3 du document, car elles seront pliées en trois. Ce n'est pas le cas Ainsi, par exemple, pour notre brochure à trois volets, la taille des panneaux est de 3,625 ", 3,6875" et 3,6875 "- c’est-à-dire que l’un d’eux est 0,06" plus petit que les deux autres. De plus, lorsque vous passez de l’autre côté, le plus petit panneau se trouve à un endroit différent. À l'extérieur, c'est le panneau le plus à gauche, à l'intérieur, le panneau le plus à droite.
Heureusement, UPrinting fournit une section de modèles où vous pouvez obtenir un document complet avec des guides placés correctement que vous pouvez activer et désactiver pendant la conception..
Vous pouvez voir les deux modèles ci-dessous.
Les points importants à noter sont:
Donc, avec notre document tout mis en place et notre pré-planification faite, il est temps de faire réellement des graphiques. Nous allons donc travailler directement dans les modèles de fichiers PSD fournis par UPrinting, car nous n'avons pas besoin de redessiner les guides..
Ce que nous allons faire, c'est créer un arrière-plan simple à partir des vignettes de tous les nombreux fichiers disponibles sur GraphicRiver. Donc, j'ai parcouru et obtenu des captures d'écran de quelques 35 bons articles et les ai recadrées pour 375px x 375px, puis les disposer dans une grille comme vous pouvez le voir ci-dessous. Quand j'ai manqué, j'ai juste recommencé à répéter les mêmes vignettes (parce que j'étais un peu paresseux pour en faire plus!)
Ensuite, nous allons passer au noir en créant un nouveau calque, en le remplissant de noir et en définissant la transparence sur 85%.
Ensuite je suis allé à Voir> Afficher> Guides faire apparaître les guides de UPrinting. Ensuite, nous créons un nouveau calque par dessus et remplissons un rectangle de la taille de l'un des panneaux en noir, comme indiqué ci-dessous..
Maintenant que le panneau est sélectionné, allez à Sélectionnez> Modifier> Plume et utilisez une valeur de 150px.
Puis frappe Effacer et vous devriez être laissé avec un fondu sombre sur les bords.
Suivez maintenant les mêmes étapes pour ajouter le fondu sombre sur les trois panneaux. Une fois que vous avez les trois, cela vaut probablement la peine de dupliquer les couches pour doubler l’effet et le rendre un peu plus prononcé..
Et là nous avons notre fond! J'ai répété cette même procédure sur les fichiers PSD intérieur et extérieur.
Nous allons maintenant créer un titre avec la police Agenda-Black qui est belle et ronde. J'ai tapé dans ma rubrique principale ("1000's Graphic Files") en majuscule.
Ensuite, nous allons ajouter un style de calque au texte, pour que cela fonctionne, nous avons toutefois besoin de séparer chaque ligne de texte en tant que calque. Cela fera plus de sens dans un moment. Donc, vous devriez avoir un calque avec le mot "1000" et un autre calque avec les mots "de fichiers graphiques".
Puis faites un clic droit sur l’une des couches et sélectionnez Options de fusion pour faire apparaître la boîte de dialogue de style de calque. Maintenant, ajoutez un Incrustation en dégradé et réglez le dégradé sur un gris très pâle; (C: 0, M: 0, Y: 0, K: 12). Puis ajoutez un 2px Inner Stroke de blanc.
La raison pour laquelle chaque ligne de texte doit se trouver sur son propre calque est que sinon le dégradé s'étendra sur les deux lignes de texte, alors que nous voulons un dégradé sur chaque ligne..
Cette combinaison de polices et de styles est bien sûr la manière habituelle de styliser le texte sur les marchés Envato pour les annonces et les graphiques en général. Ceci est important car nous souhaitons conserver un aspect cohérent de la marque dans la brochure..
Ensuite, j'ai simplement présenté tous les éléments de la page. Il s'agit principalement de texte et de logos, de sorte qu'il n'y a pas beaucoup de technique Photoshop pour ainsi dire..
Pour les étapes, j'ai ajouté des boutons numérotés. Les numéros sont la même police Agenda-Black avec le même style de calque ajouté. Les cercles brillants que vous pouvez créer avec un ancien tutoriel Psdtuts + appelé Photoshop Button Maker.
Les choses à noter sur la façon dont j'ai tout présenté ici sont les suivantes:
Sur le panneau "Comment ça marche", ils devraient voir en premier les quatre boutons numérotés que j'ai écrits en gros et en gras; il est donc évident que, même s'il comporte beaucoup de texte sur ce panneau, il sera facile à lire et à digérer. . Ensuite, nous avons un grand titre pour que même s’ils ne lisent jamais le petit texte, le lecteur puisse toujours digérer l’essentiel de la page..
Ensuite, nous exposerons l'intérieur. Alors ouvrez l’autre fichier modèle PSD et suivez la même procédure pour créer notre arrière-plan. Notez que vous ne pouvez pas simplement copier et coller l’arrière-plan d’un coup, car la taille des panneaux est différente de ce côté..
Ensuite, j'ai placé trois titres pour les trois panneaux. Mon but ici était de créer un peu d’intérêt visuel en les faisant suivre d’une diagonale à l’ensemble de la page. J'ai également ajouté des icônes Photoshop et Illustrator avec une ombre portée et inclinées pour donner à la page une impression de gifle..
Ensuite, j’ai réfléchi à tous les types de fichiers que nous avons sur GraphicRiver et choisi des représentants à présenter. Pour chacun, j'ai créé un petit graphique - généralement une capture d'écran avec une ombre portée - et placé un titre de deux lignes à côté dans Agenda Semibold.
Vous pouvez donc voir ici les trois pages avec des éléments qui se croisent. Cette page semble un peu brouillon, mais ce n'est pas si grave et une fois que la brochure est pliée, vous aurez l'impression d'avoir un peu plus de structure. Dans tous les cas, il est judicieux d'aligner les blocs de texte afin qu'ils soient centrés et alignés verticalement avec les autres blocs de texte situés sur leurs axes..
Ici, vous pouvez voir les deux pages côte à côte. Et avec ça on en a fini avec Photoshop!
Maintenant, comme notre fichier est enregistré à 300 dpi et que sa résolution est relativement élevée, nous pourrions théoriquement simplement enregistrer un fichier PDF à partir de Photoshop et le télécharger pour l’imprimer..
Auparavant, Photoshop mettait tout à plat et le texte n'était pas conservé comme vecteur. De nos jours, vous pouvez enregistrer un fichier PDF Photoshop qui stockera le texte et tous les autres objets vectoriels (tels que les objets dynamiques) en tant que vecteurs.
Cependant, dans de nombreuses situations, il est conseillé de créer des documents InDesign pour l'impression, car InDesign vous donne accès à des outils de mise en page utiles, tels que les feuilles de style, la possibilité de créer des PDF multipages, d'ajouter facilement des repères d'imprimante, etc..
Pour ce tutoriel, nous allons maintenant prendre notre illustration Photoshop et la placer dans InDesign, puis créer le PDF final à partir d'InDesign..
Alors, passez ensuite aux deux fichiers PSD et désactivez tout le texte brut (pas les en-têtes avec les styles de calque) afin qu’ils ne soient pas visibles. Ensuite aller à Fichier> Enregistrer sous… et choisissez TIFF. Décochez la case qui vous demande si vous souhaitez conserver les calques, puis créez simplement un gros fichier TIFF plat des côtés de la brochure..
Pour terminer ce didacticiel, rendez-vous dans Vectortuts +, où nous allons transférer notre travail Photoshop dans InDesign et, à partir de là, l'envoyer à l'impression.!
Ce post est le jour 15 de notre session de conception graphique. Sessions créatives "Session Day 14Session Day 16"
Accentsconagua