Meer uit afbeeldingen met een lage resolutie halen met Adobe Photoshop & Illustrator

Wat je gaat creëren

Voor deze zelfstudie gebruiken we de Noise Tool in Adobe Photoshop om een ​​afbeelding met een lage resolutie te kunnen gebruiken om af te drukken en een typeposter te maken. Daarna maken we de poster af in Illustrator.

Op zoek naar vetgedrukte lettertypen voor uw volgende posterproject? Ga naar GraphicRiver om duizenden lettertypen te vinden!

Wat je nodig zult hebben

U moet ook het volgende lettertype en afbeelding downloaden en installeren: 

  • Ik gebruik Archivo Bold van Google Fonts
  • Financiële wijk van Londen door Anthony Tyrrell via Unsplash

1. Het beeld klaar maken

Stap 1

Open de afbeelding van het financiële district van Londen in Photoshop. We gebruiken deze afbeelding als achtergrond voor onze poster. We gaan naar het gebied dat de meeste beweging heeft om een ​​"nauwelijks daar" look te creëren.

Stap 2

In de Hulpmiddelen paneel, selecteer de Bijsnijden Tool (C), houden Verschuiving en klik en sleep vanuit een van de hoeken om de verhouding van de foto te behouden. Ik kies dit deel van de foto omdat het niet zo is gedefinieerd als andere delen. Het is niet nodig om heel precies te zijn, want er is geen goed of fout! 

2. Hoe de grootte en resolutie van een afbeelding te wijzigen

We zullen deze poster gebruiken voor afdrukken. Ga naar het menu en selecteer Afbeelding> Beeldformaat. Controleer de opties in het pop-upvenster Beperk de verhoudingen en Beeld opnieuw samplen> Bicubisch automatisch. Onder Documentgrootte verander in hetzelfde venster het Hoogte naar 18 in en verander de Resolutie naar 300 pixels / inch. Raken OK

Dit wordt normaal niet gedaan voor foto's met een hoge resolutie. In dit specifieke geval proberen we een fotowerk met een lage resolutie in ons voordeel te maken.

3. Gebruik van het gereedschap Noise Tool en Contrast

Stap 1

We willen een interessanter beeld creëren voor de achtergrond van onze poster. We gaan naar het menu en selecteren Filter> Ruis> Ruis toevoegen. Aan de rechterkant van het pop-upvenster, vink aan Voorbeeld zodat we de wijzigingen live op de afbeelding kunnen zien. 

Onder de Distributie optie, selecteer Gauss en controleer ook Monochromatisch onderaan het venster. Gaussian geeft een ongelijk geluid aan het beeld, terwijl Monochromatic ons alleen zwart-witruis zal geven in plaats van CMYK. Je kunt rond spelen met het percentage in de Bedrag keuze. Ik zal 30% doen omdat ik probeer een deel van het contrast op de foto te behouden en niet te verwaterd te hebben. Klik OK.

Stap 2

Ga naar de bodem van de Lagen paneel en klik op Nieuwe vul- of aanpassingslaag maken > Helderheid / contrast. Dit maakt een nieuwe laag over onze initiële afbeelding. Tegelijkertijd de eigenschappen paneelzal verschijnen met opties om de laag aan te passen. Als dit niet verschijnt, dubbelklikt u op het pictogram met de zon op de nieuwe laag. Ik heb de waarden gewijzigd in Helderheid: -25 en Contrast: 55 om de lichtste delen grijzer te maken. 

4. Een afbeelding converteren naar CMYK en het bestand opslaan

Stap 1

Ga naar het menu en selecteer Afbeelding> Modus> CMYK. Een nieuw venster verschijnt; Klik op Niet plat maken

Stap 2

We zullen ons imago opslaan Lagen voor het geval we het later moeten bewerken. Raken Shift-Command-S en noem het bestand Street_Background.PSD. Onder Formaat, Kiezen Photoshop. Klik Opslaan. We zullen hetzelfde opnieuw doen en opslaan als a TIFF bestand te gebruiken in het Illustrator-gedeelte van deze zelfstudie.

5. Hoe maak je een nieuw bestand aan in Illustrator en gidsen

Stap 1

Ga naar Bestand> Nieuw (Command-N). Laten we een naam geven aan ons bestand Mellow-Dramatic en stel de Breedte naar 12 in en Hoogte naar 18 in. Ga naar de gevorderd sectie en stel de Kleur mode naar CMYK. Laten we zeggen dat deze poster bedoeld is om te worden afgedrukt, dus stel de Raster effecten naar 300 dpi en Voorbeeldmodus naar Standaard. Klik OK.

Stap 2

Om handleidingen in ons document te maken, laten we de heersers door te drukken Command-R. Mijn linialen staan ​​in inches; u kunt dit wijzigen door naar het menu te gaanen selecteren Illustrator> Voorkeuren> Eenheden. In het nieuwe voorkeuren venster dat opduikt, onder eenheden, kiezen Inches voor de Algemeen keuze. Klik OK.

Stap 3

We willen marges hebben die op 1 inch van elke rand liggen. Klik en sleep van de linialen naar de pagina om een ​​nieuwe gids te maken. Je kunt dit overal op de pagina plaatsen en als de gidsen ontgrendeld zijn, kun je ze meer dan één keer verplaatsen. U kunt uw gidsen ontgrendelen of vergrendelen door op te drukken Option-Command;

Om de gids op een specifiek punt op onze pagina in te stellen, kunnen we de Transformeren paneel. U kunt het vanuit het menu activeren, Venster> Transformeren. Voor onze verticale marge links, zullen we instellen X: 1 in. Voor de rechterkant zullen we instellen X: 11 in. Voor de boven- en onderkant zullen we instellen Y: 1 in en Y: 17 inch respectievelijk. 

6. Hoe afbeeldingen toevoegen in Illustrator

Laten we het vinden TIFF bestand dat we van ons hebben bewaard Street_Background het dossier. Laten we het naar de nieuwe Illustrator slepen en neerzetten Mellow-Dramatic het dossier. 

Je zult merken dat het beeld er wat ruwer uitziet dan we het voor het laatst zagen. Om naar het echte beeld te kijken, zullen we het moeten doen insluiten het bestand in Illustrator. Ga naar de controls paneel en klik op insluiten. EEN TIFF-importopties venster verschijnt. Onder opties, kiezen Lagen afvlakken tot één afbeelding en klik OK.

7. Hoe tekst toevoegen

Stap 1

In de Lagen paneel, laten we een maken Nieuwe laag door op de onderkant van het paneel te klikken.

Stap 2

Selecteer de. In de werkbalk Type Tool (T) pictogram en klik en sleep om een ​​tekstvak te maken. Type zacht en een "/ "alles in hoofdletters. Laten we nu de Karakter paneeldoor te drukken Command-T en gebruik het lettertype Archivo Bold, instellen van de Lettertypegrootte naar 100 pt

Stap 3

Laten we dit tekstvak dupliceren door op te drukken Keuze sleutel en klikken en het tekstvak slepen. Typ in dit tweede vak Dramatisch.

8. Hoe tekstcontouren en -bewerkingen te maken

Stap 1

Selecteer een van de tekstvakken en druk op Shift-Command-O. Het tekstvak verandert in een gegroepeerd object. Selecteer het andere tekstvak en doe hetzelfde. Als u deze twee vakjes had geselecteerd en vervolgens geconverteerd naar contouren, ze zouden gegroepeerd zijn en we willen dat de twee woorden gescheiden worden. 

Stap 2

Selecteer beide woorden en klik op Shift-X om de vulling- en streekkleur te verwisselen. Ga naar de werkbalk en activeer de Beroerte kleur. In de Kleur paneel (F6), verander de zwarte kleur in wit. Laten we de Beroerte paneeldoor naar het menu te gaan en te klikken Beroerte, en stel de dikte in op 2 pt

Stap 3

In de Lagen paneel, slot Laag 1 door op de lege ruimte naast het oogpictogram te klikken. We zullen elk van de woorden op Laag 2 afzonderlijk bewerken. Laten we beginnen met Mellow /. Dupliceer het object door op te drukken Keuze terwijl u op het object klikt en sleept. 

We willen scheiden M en ellow /, gebruik dus de Direct selectie gereedschap (A) van de Hulpmiddelen paneel, selecteer de M, en verwijder deze brief. Roteren (R) de overige letters en lijn uit naar de linkerbovenhoek van de marge.

Stap 4

Gebruik hetzelfde Direct selectie gereedschap (A), kiezen llow / van het eerder gedupliceerde object en verwijderen. Sleep een nieuwe Gids van de Heerser en plaats deze op 4,25 cm van de linkerrand van de poster. Selecteer de Me gedupliceerd object en Draaien het 180 graden en plaats het dan op de onderste rand en lijn het uit met de nieuwe gids die we hebben gemaakt.

Stap 5

Gebruik de Direct selectie gereedschap (A) om alleen bepaalde punten in een object te selecteren. Op de letter E gebruiken we het bijvoorbeeld om alleen de linkerkant te selecteren, zoals in de onderstaande afbeelding. De punten die zijn geactiveerd, worden ingevuld en de punten die niet zijn geactiveerd, zijn hol; je ziet alleen de omtrek van een vierkant. 

Zodra de linkerkant van de omgekeerde E is geselecteerd, klikt u om naar de linkermarge te slepen terwijl u ingedrukt houdt Verschuiving om het op hetzelfde niveau te houden. Laten we hetzelfde doen met de E uitgelijnd aan de linkerbovenkant, maar deze keer stoppen we voor de ondermarge.

Stap 6

De ... gebruiken Direct selectie gereedschap (A), selecteer de horizontale lijnen op de E verticaal uitgelijnd en verwijder ze zoals getoond in de onderstaande afbeelding. 

Stap 7

Selecteer de eerste twee puntslagen met de Direct selectie gereedschap (A), klik met de rechtermuisknop, en selecteer toetreden. Doe hetzelfde voor de volgende twee en de laatste twee punten.

Stap 8

Selecteer beide woorden en Ungroup door te slaan Shift-Command-G. Laten we de twee E's selecteren en slaan Shift-X om de streek te verwisselen en de kleur te vullen.

Stap 9

De ... gebruiken Direct selectie gereedschap (A), beweeg en verbind de verticale lijnen met de horizontale lijnen van de E's zoals getoond in de afbeelding hieronder. Voel je vrij om In zoomen om op één lijn te brengen met perfectie!

Stap 10

Zodra deze drie lijnen zijn uitgelijnd, laten we onze verkenner paneel door naar Venster> Pathfinder, en onder Vormmodus kiezen Verenigen. Met dit hulpmiddel worden beide objecten samengevoegd. Om af te sluiten met dezelfde stijl als de andere letters, drukt u op Shift-X en zorg ervoor dat de slag is 2 pt op de Beroerte paneel.

Stap 11

Nu zullen we dezelfde stappen met het woord doen Dramatisch, maar deze keer zullen we de letter uitbreiden R. Laten we het proberen!

9. Tekstdetails en pop-ups van kleur toevoegen

Stap 1

Om een ​​vierkant te maken, gebruiken we het Rechthoekgereedschap (M). Klik en sleep terwijl u ingedrukt houdt Verschuiving om een ​​perfecte vierkante vorm te creëren. Laten we het vierkant vermenigvuldigen door op te drukken Keuze tijdens het klikken en slepen. Je kunt ook vasthouden Verschuiving op hetzelfde moment om het object te dupliceren op dezelfde X- of Y-waarde. Laten we elk vierkantje inkleuren met de volgende codes: # F05A28, # 252166, en # EBE732

Stap 2

Laten we wat meer ruimte toevoegen tussen de vierkante objecten en wat details toevoegen aan de poster. Ik heb datum-, plaats- en contactinformatie toegevoegd met behulp van de Tekstgereedschap (T). Door op de poster te klikken, kun je de pauze van de zinnen regelen; in mijn geval verdeelde ik dingen om balans te creëren. Ik heb elk tekstvak onder elk van de vierkanten uitgelijnd. Als u de tekstvakken en de vierkanten aan de rechterkant wilt uitlijnen, kunt u de richten paneel van Venster> Uitlijnen, en in het paneel onder Object uitlijnen, selecteer de Horizontaal Rechts uitlijnen icoon.

10. Opslaan om af te drukken

Als u de poster als een Illustrator-bestand wilt opslaan, gaat u naar Bestand> Opslaan, benoem de poster en klik Opslaan. Als u wilt afdrukken, selecteert u PDF bij het opslaan van de poster. Bovendien, de Bewaar Adobe PDF venster verschijnt. Onder Adobe PDF Preset, kiezen Hoge kwaliteit afdrukken. Selecteer aan de rechterkant van het paneel Marks and Bleeds, en onder Marks,kiezen Trim Marks. Klik op Bewaar PDF.

Geweldig werk, je bent klaar!

Gefeliciteerd! Je hebt het gedaan! In deze tutorial:

  • We hebben geleerd hoe je de Noise Tool op een afbeelding kunt gebruiken om textuur toe te voegen.
  • We hebben geleerd om de waarde van een afbeelding met een lage resolutie te vergroten.
  • We hebben geleerd om de overzichtstool in Illustrator te gebruiken om een ​​interessant spel met typografie te maken.