Comment tirer davantage parti des images basse résolution avec Adobe Photoshop et Illustrator

Ce que vous allez créer

Pour ce didacticiel, nous allons utiliser l'outil Bruit dans Adobe Photoshop afin de pouvoir utiliser une image basse résolution pour l'impression et créer un poster. Ensuite, nous terminerons l'affiche dans Illustrator.

Vous recherchez des polices audacieuses pour votre prochain projet d’affiche? Rendez-vous sur GraphicRiver pour trouver des milliers de polices!

Ce dont vous aurez besoin

Vous devrez également télécharger et installer le fichier de police et l'image suivants: 

  • J'utilise Archivo Bold de Google Fonts
  • Le quartier financier de Londres par Anthony Tyrrell via Unsplash

1. Préparer l'image

Étape 1

Ouvrez l'image du quartier financier de Londres dans Photoshop. Nous utilisons cette image comme arrière-plan pour notre affiche. Nous allons réduire la zone qui a le plus de mouvement pour créer un look "à peine là".

Étape 2

dans le Outils panneau, sélectionnez le Outil de recadrage (C), tenir Décalage et cliquez et faites glisser depuis l'un des coins pour conserver le rapport de la photo. Je choisis cette partie de la photo car elle n’est pas aussi définie que les autres. Il n’est pas nécessaire d’être très précis car il n’ya ni bon ni mauvais! 

2. Comment changer la taille et la résolution d'une image

Nous utiliserons cette affiche pour l’imprimer. Rendez-vous sur le menu et sélectionnez Image> Taille de l'image. Dans la fenêtre contextuelle, cochez les options. Limiter les proportions et Rééchantillonner l'image> Bicubic Automatic. Sous Taille du document dans la même fenêtre, changez le la taille à 18 po et changer le Résolution à 300 pixels / pouce. Frappé D'accord

Ce n'est pas normalement fait pour les photos haute résolution. Dans ce cas précis, nous essayons de faire en sorte qu'une photo basse résolution fonctionne à notre avantage..

3. Comment utiliser les outils de bruit et de contraste

Étape 1

Nous voulons créer une image plus intéressante pour le fond de notre affiche. Nous nous dirigerons vers le menu et sélectionnez Filtre> Bruit> Ajouter du bruit. Sur le côté droit de la fenêtre pop-up, cochez Aperçu afin que nous puissions voir les changements en direct sur l'image. 

Sous le Distribution option, sélectionnez Gaussien et aussi vérifier Monochromatique au bas de la fenêtre. La gaussienne donnera un bruit irrégulier à l’image, tandis que Monochromatique ne produira que du bruit noir et blanc plutôt que CMJN. Vous pouvez jouer avec le pourcentage dans le Montant option. Je ferai 30% parce que je cherche à maintenir une partie du contraste sur la photo et à ne pas la laisser trop délavée. Cliquez sur D'accord.

Étape 2

Dirigez-vous vers le bas de la Couches panneau et cliquez sur Créer un nouveau calque de remplissage ou de réglage > Luminosité / Contraste. Cela créera un nouveau calque sur notre image initiale. Simultanément le Propriétés panneauapparaîtra avec des options pour ajuster la couche. Si cela ne s'affiche pas, double-cliquez sur l'icône du soleil sur le nouveau calque. J'ai changé les valeurs pour Luminosité: -25 et contraste: 55 pour rendre les parties les plus claires plus grises. 

4. Comment convertir une image en CMJN et enregistrer le fichier

Étape 1

Rendez-vous sur le menu et sélectionnez Image> Mode> CMJN. Une nouvelle fenêtre apparaîtra; cliquer sur Ne pas aplatir

Étape 2

Nous allons sauver notre image dans Couches au cas où nous aurions besoin de le modifier plus tard. Frappé Maj-Commande-S et nommer le fichier Street_Background.PSD. Sous Format, choisir Photoshop. Cliquez sur sauvegarder. Nous allons faire la même chose encore et enregistrer en tant que TIFF fichier à utiliser dans la partie Illustrator de ce tutoriel.

5. Comment créer un nouveau fichier dans Illustrator et dans les guides

Étape 1

Rendez-vous sur Fichier> Nouveau (Commande-N). Nommons notre fichier Doux Dramatique et mettre le Largeur à 12 po et la taille à 18 po. Descendez au Avancée section et définir la Mode de couleur à CMJN. Supposons que cette affiche soit destinée à être imprimée. Réglez donc le Effets raster à 300 dpi et Mode de prévisualisation à Défaut. Cliquez sur D'accord.

Étape 2

Pour créer des guides dans notre document, abordons la Règles en appuyant Commande-R. Mes règles sont définies en pouces; vous pouvez changer cela en allant dans le menuet en sélectionnant Illustrator> Préférences> Unités. Dans le nouveau Préférences fenêtre qui apparaît, sous Unités, sélectionner Pouces pour le Général option. Cliquez sur D'accord.

Étape 3

Nous voulons avoir des marges à un pouce de chaque bord. Cliquez et faites glisser les règles vers la page pour créer un nouveau guide. Vous pouvez le placer n'importe où sur la page. Si les guides sont déverrouillés, vous pourrez les déplacer plusieurs fois. Vous pouvez déverrouiller ou verrouiller vos guides en appuyant sur Option-Commande-;

Pour définir le guide sur un point spécifique de notre page, nous pouvons utiliser le Transformer panneau. Vous pouvez l'activer depuis le menu, Fenêtre> Transformer. Pour notre marge verticale gauche, nous allons définir X: 1 po. Pour le côté droit nous allons définir X: 11 po. Pour le haut et le bas, nous allons définir Y: 1 po et Y: 17 po respectivement. 

6. Comment ajouter des images dans Illustrator

Trouvons le TIFF fichier que nous avons enregistré de notre Street_Background fichier. Glissons-le et déposons-le sur le nouvel Illustrator Doux Dramatique Fichier. 

Vous remarquerez que l'image est un peu plus rugueuse que celle que nous avions vue la dernière fois. Pour regarder l'image réelle, nous devrons Intégrer le fichier dans Illustrator. Dirigez-vous vers le Les contrôles panneau et cliquez sur Intégrer. UNE Options d'importation TIFF La fenêtre va s'ouvrir. Sous Les options, sélectionner Aplatir les calques en une seule image et cliquez D'accord.

7. Comment ajouter du texte

Étape 1

dans le Couches panneau, créons un Nouvelle Couche en cliquant au bas du panneau.

Étape 2

Dans la barre d’outils, sélectionnez le Outil de type (T) icône, puis cliquez et faites glisser pour créer une zone de texte. Type Moelleux et un "/ "tout en majuscule. Maintenant, abordons la Personnage panneauen appuyant Command-T et utiliser la police Archivo Bold, la mise en Taille de police à 100 pt

Étape 3

Reproduisons cette zone de texte en appuyant sur la touche Option clé et en faisant glisser la zone de texte. Dans cette seconde case, tapez Dramatique.

8. Comment créer des contours de texte et des modifications

Étape 1

Sélectionnez l'une des zones de texte et appuyez sur Maj-Command-O. La zone de texte se transformera en un objet groupé. Sélectionnez l'autre zone de texte et faites la même chose. Si vous aviez sélectionné ces deux cases puis les avez converties en Grandes lignes, ils seraient regroupés, et nous voulons que les deux mots soient séparés. 

Étape 2

Sélectionnez les deux mots et appuyez sur Shift-X pour échanger les couleurs de remplissage et de contour. Allez dans la barre d’outils et activez le bouton Accident vasculaire cérébral Couleur. dans le Couleur panneau (F6), changez la couleur noire en blanc. Parlons du Accident vasculaire cérébral panneauen allant dans le menu et en cliquant sur Accident vasculaire cérébral, et définir l'épaisseur à 2 pt

Étape 3

dans le Couches panneau, serrure Couche 1 en cliquant sur l'espace vide à côté de l'icône œil. Nous éditerons chacun des mots de la couche 2 séparément. Commençons avec Moelleux/. Dupliquez l'objet en appuyant sur Option en cliquant et en faisant glisser l'objet. 

Nous voulons séparer M et ellow /, alors utilisez le Outil de sélection directe (A) du Outils panneau, sélectionnez le M, et supprimer cette lettre. Tourner (R) les lettres restantes et aligner sur le coin supérieur gauche de la marge.

Étape 4

En utilisant le même Outil de sélection directe (A), sélectionner llow / à partir de l'objet précédemment dupliqué et supprimer. Faites glisser un nouveau Guider du Règle et placez-le à 4,25 pouces du bord gauche de l'affiche. Sélectionnez le Moi objet dupliqué et Tourner à 180 degrés, puis placez-le sur la marge inférieure et alignez-le sur le nouveau guide que nous avons créé.

Étape 5

Utilisez le Outil de sélection directe (A) pour ne sélectionner que certains points d'un objet. Par exemple, sur la lettre E, nous allons l’utiliser pour sélectionner uniquement le côté gauche, comme indiqué dans l’image ci-dessous. Les points activés seront renseignés et les points non activés seront vides; vous ne verrez que le contour d'un carré. 

Une fois le côté gauche du E inversé sélectionné, cliquez pour faire glisser la souris vers la marge gauche tout en maintenant enfoncée. Décalage pour le garder au même niveau. Faisons de même avec le E aligné en haut à gauche, mais cette fois nous nous arrêterons avant la marge inférieure.

Étape 6

En utilisant le Outil de sélection directe (A), sélectionnez les traits horizontaux sur le E aligné verticalement et supprimez-les comme indiqué dans l'image ci-dessous. 

Étape 7

Sélectionnez les deux premiers traits avec le bouton Outil de sélection directe (A), clic-droit, et sélectionnez Joindre. Faites la même chose pour les deux points suivants et les deux derniers.

Étape 8

Sélectionnez les deux mots et Dissocier en frappant Maj-Commande-G. Choisissons les deux E et frappons Shift-X échanger le trait et la couleur de remplissage.

Étape 9

En utilisant le Outil de sélection directe (A), Déplacez et reliez les lignes verticales aux lignes horizontales des E, comme indiqué dans l'image ci-dessous. Ne hésitez pas à Agrandir s'aligner à la perfection!

Étape 10

Une fois que ces trois lignes sont alignées, abordons notre Éclaireur panneau en allant à Fenêtre> Pathfinder, et sous Mode de forme sélectionner Unir. Cet outil fusionnera les deux objets en un seul. Pour terminer avec le même style que les autres lettres, appuyez sur Shift-X et assurez-vous que le trait est 2 pt sur le Accident vasculaire cérébral panneau.

Étape 11

Maintenant, nous allons faire les mêmes étapes avec le mot Dramatique, mais cette fois nous prolongerons autour de la lettre R. Essayons!

9. Comment ajouter des détails de texte et des touches de couleur

Étape 1

Pour créer un carré, utilisons le Outil Rectangle (M). Cliquez et faites glisser tout en maintenant Décalage pour créer une forme carrée parfaite. Multiplions le carré en appuyant sur Option en cliquant et en faisant glisser. Vous pouvez aussi tenir Décalage en même temps pour dupliquer l’objet le long de la même valeur X ou Y. Colorions chacun des carrés avec les codes suivants: # F05A28, # 252166, et # EBE732

Étape 2

Ajoutons plus d'espace entre les objets carrés et ajoutons quelques détails à l'affiche. J'ai ajouté la date, le lieu et les coordonnées en utilisant le Outil Texte (T). En cliquant sur l'affiche, vous pouvez contrôler la rupture des phrases. dans mon cas, j'ai divisé les choses pour créer un équilibre. J'ai aligné chaque zone de texte sous chacun des carrés. Pour aligner les zones de texte et les carrés à droite, vous pouvez utiliser le Aligner panneau de Fenêtre> Aligner, et dans le panneau sous Aligner un objet, sélectionnez le Horizontal Align Right icône.

10. Comment enregistrer pour imprimer

Pour enregistrer l’affiche sous forme de fichier Illustrator, allez à Fichier> Enregistrer, nommez l'affiche et appuyez sur sauvegarder. Pour imprimer, sélectionnez PDF lors de la sauvegarde de l'affiche. De plus, le Enregistrer Adobe PDF La fenêtre va s'ouvrir. Sous Adobe PDF prédéfini, sélectionner Impression de haute qualité. Sur le côté droit du panneau, sélectionnez Marques et saignements, et sous Des notes,sélectionner Couper les marques. Cliquer sur Enregistrer le PDF.

Travail impressionnant, vous avez terminé!

Toutes nos félicitations! Tu l'as fait! Dans ce tutoriel:

  • Nous avons appris à utiliser l'outil Bruit sur une image pour ajouter une texture..
  • Nous avons appris à étendre la valeur d'une image basse résolution.
  • Nous avons appris à utiliser l'outil de contour dans Illustrator pour créer un jeu intéressant avec la typographie..