Contenu
- 01. Mise en place
- 02. Le numérique avant tout
- 03. Grille modulaire
- 04. Grille de base
- 05. Objectif principal
- 06. Détails de conception
- 07. Aller à Illustrator CC
- 08. Importation de graphiques
- 09. Diaporama utilisant les états d'objet
- 10. Réglage des intervalles
- 11. Affiner le diaporama
- 12. Détails du diaporama
- 13. Aperçu dans Content Viewer
- 14. Revenez à imprimer pendant un moment
- 15. Impression et numérique simultanées
- Maintenant, lisez ceci:
Le besoin de faire en sorte que votre travail de conception soit disponible et qu'il soit vu par des clients ou des employeurs potentiels n'a jamais été aussi grand. Avec l'augmentation de la concurrence professionnelle, il est important de se démarquer, mais méfiez-vous de l'envoi de pièces jointes volumineuses - ils recevront rapidement des clients potentiels - tandis qu'un simple lien Web finira probablement par être enterré dans une montagne d'autres e-mails, et même un La pièce imprimée peut s'avérer coûteuse et de peu de valeur si l'entreprise travaille principalement dans le numérique.
Une solution consiste à créer une conception de portefeuille sur mesure qui peut être exécutée en nombre limité pour impression et utilisée comme une application simple qui peut être téléchargée directement sur les iPad des clients potentiels.
Avec Adobe Creative Cloud, vous pouvez travailler de manière transparente à la fois en impression et en numérique, le tout dans InDesign CC et Digital Publishing Suite (DPS) - plus un peu d'aide de nos anciens amis Illustrator CC et Photoshop CC. À travers ce didacticiel, je vais expliquer comment créer une conception d'application simple qui mettra en valeur votre travail ainsi que vos compétences numériques, et peut également être facilement appliquée à une belle pièce imprimée A5 sur mesure.
01. Mise en place
Si vous migrez vers CC à partir de CS6, vous serez habitué à la nouvelle interface et à la fenêtre d'application plus sombres par défaut. Mais gardez à l'esprit qu'il peut être désactivé en accédant à Préférences> Interface et en sélectionnant une couleur plus claire (ce que j'ai fait ici). J'ai également décoché l'option Cadre de l'application dans le menu Fenêtre.
02. Le numérique avant tout
Commençons par le document numérique afin de ne pas tomber dans les vieilles habitudes de conception d'impression. Dans InDesign, créez un nouveau document, sélectionnez Publication numérique dans le menu déroulant Intention et définissez Taille de page sur iPad. Sélectionnez une orientation portrait, choisissez 1 colonne et définissez toutes les marges sur 0. Enregistrez-la en tant que fichier de couverture.
03. Grille modulaire
Alors que nous concevons d'abord pour iPad, nous pouvons éviter tout système de grille d'impression traditionnel basé sur des colonnes et choisir à la place une grille modulaire plus proche de la conception en ligne. Accédez à Mise en page> Créer des guides, définissez les lignes sur 0, les colonnes sur 3 avec une gouttière 0px et cochez l'option Page pour que les guides s'adaptent à la page.
04. Grille de base
Maintenant, pour bloquer notre conception de grille de base. Maintenez Shift, dessinez un carré parfait en haut à gauche du document et accrochez-le au guide le plus proche. Ensuite, appuyez sur Alt, faites-le glisser et dupliquez-le pour remplir la grille, en accrochant les guides verticaux au bas des carrés au fur et à mesure. En cliquant sur Guides intelligents dans la liste déroulante Afficher, c'est un jeu d'enfant.
05. Objectif principal
Maintenant, commencez à étoffer un peu plus la page de destination. À ce stade, présentez votre logo à la conception. Dans mon cas, il s’agit d’un logo carré, que j’ai placé en haut à gauche pour remplir l’une des cellules. Ensuite, choisissez un jeu de couleurs et pensez à la mise en page. Ici, j’ai agrandi l’un des carrés pour en faire l’objet principal.
06. Détails de conception
Ensuite, ajoutez quelques détails clés pour notre titre / page de destination. J'ai dessiné une simple flèche avec contour à l'aide de l'outil Plume et je l'ai dupliquée pour indiquer que l'utilisateur doit faire glisser son doigt vers la droite. J'ai également mis en place une structure typographique simple en utilisant l'empattement de caractère Bella pour le titre principal et Helvetica pour un corps plus petit.
07. Aller à Illustrator CC
Basculez vers Illustrator et créez des graphiques simples à l'aide des outils Plume et Forme, en vous assurant que l'alignement sur la grille est activé et qu'ils s'intègrent parfaitement dans la grille carrée. Lorsque vous êtes heureux, sélectionnez chaque graphique, utilisez le Pathfinder pour unir les éléments individuels, sélectionnez Créer un chemin composé dans la liste déroulante et appuyez sur Développer.
08. Importation de graphiques
La prochaine étape du processus consiste à importer vos nouveaux graphiques en les copiant et en les collant dans InDesign. Redimensionnez chacun d'eux, en maintenant Shift, afin qu'il s'intègre parfaitement dans la grille carrée. Répétez ce processus pour tous vos graphiques jusqu'à ce que vous ayez une sélection de plusieurs avec lesquels travailler sur la table de montage.
09. Diaporama utilisant les états d'objet
Sélectionnez tous les graphiques et, à l'aide du panneau Aligner, alignez leurs centres verticaux et horizontaux. Déplacez les formes en position et accédez à Fenêtre> Interactif> États de l'objet. Une fois les objets sélectionnés, appuyez sur l'icône en bas du panneau pour convertir la sélection en un objet à états multiples.
10. Réglage des intervalles
Maintenant, affichez le panneau Superpositions de folio et vous remarquerez que, s’il s’agit d’un objet à états multiples, le panneau Diaporama est déjà affiché. Comme nous voulons que cela s'anime dès que nous lançons l'application, sélectionnez Lecture automatique et choisissez un intervalle rapide de 0,5 seconde. Cochez la case Boucle pour qu'elle soit continue et désactivez l'option Cross Fade. Cliquez maintenant sur Aperçu en bas du panneau Superpositions de folio pour voir votre diaporama parcourir les graphiques.
11. Affiner le diaporama
Ajoutons maintenant quelques images de la même manière. Assurez-vous que vos images sont toutes RVB dans Photoshop et enregistrées au format PNG. N'oubliez pas que nous traitons ici de pixels et non de dpi. Vous pouvez vérifier le ppp effectif dans le panneau Liens d'InDesign. En règle générale, s'il est supérieur à 144, tout ira bien pour l'iPad Retina.
12. Détails du diaporama
Ensuite, dessinez des boîtes de couleur sur le dessus des images pour correspondre à votre jeu de couleurs, définissez le mode de fusion sur Écran et regroupez chaque paire d'objets. Sélectionnez maintenant tous les objets, alignez-les comme précédemment, placez-les en position et transformez-les en un objet multi-états.
13. Aperçu dans Content Viewer
Dans le volet Diaporama du panneau Superpositions, sélectionnez Lecture automatique avec un intervalle de 1,5 seconde plus long, faites-le en boucle et donnez-lui un fondu enchaîné subtil d'une seconde pour contraster avec les transitions dures et rapides des graphiques précédents. Maintenant, prévisualisez-le dans Adobe Content Viewer pour voir si vous êtes satisfait.
14. Revenez à imprimer pendant un moment
Avant d'aller trop loin dans le côté numérique des choses, nous voulons nous assurer que cela fonctionne également en version imprimée. Configurez un nouveau document avec des pages A5 en regard et un fond perdu de 3 mm sur tous les bords. De retour dans notre document iPad, regroupez tout sur la page, collez-le directement dans le document d'impression A5 et redimensionnez-le au mieux. Comme vous pouvez le voir ici, une partie du dessin est rognée sur le bord gauche.
15. Impression et numérique simultanées
Pour que cela fonctionne pour l'impression, ajoutez une autre rangée de carrés et redimensionnez-la pour qu'elle corresponde à la hauteur du document. Ajoutez une barre de dos grise pour une sensation de livre, sélectionnez la commande États de libération des objets dans le menu déroulant et assurez-vous que les images sont CMJN, 300 dpi et s'étendent jusqu'au guide de fond perdu de 3 mm.
C’est la fin de la première partie - la deuxième partie sera sur le site demain.
Mots: Luke O’Neill
Rédacteur en chef du magazine T3 et ancien rédacteur en chef de Computer Arts Collection, Luke travaille dans les domaines du design, de la direction artistique et de l'illustration à la fois dans l'imprimé et le numérique.
Cette fonctionnalité est apparue pour la première fois dans The Ultimate Guide To Adobe Creative Cloud.
Maintenant, lisez ceci:
- Conseils, astuces et correctifs Photoshop à essayer aujourd'hui
- Pinceaux Photoshop gratuits que chaque création doit avoir
- Actions Photoshop gratuites pour créer des effets époustouflants
- Les meilleurs plugins Photoshop
