Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Graphic Design
Design

Kako iskoristiti fotografije niske rezolucije primjenom programa Adobe Photoshop i Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

Final product image
What You'll Be Creating

U ovom ćemo tutorijalu u sklopu Adobe Photoshopa koristiti Noise Tool kako bismo u ispisu mogli koristiti fotografiju niske rezolucije i dizajnirati plakat s tekstom. Završit ćemo ga u Illustratoru.

Trebate li podebljane fontove, bold fonts, za svoj sljedeći projekt izrade plakata? Posjetite stranicu GraphicRiver koja nudi tisuće fontova.

Što ćete trebati

Trebat ćete učitati i instalirati sljedeće datoteke s fontom i slikom:

1. Priprema fotografije

1. korak

Otvorite u Photoshopu London's Financial District image. Ovu ćemo sliku koristiti kao pozadinu našeg plakata. Obrezat ćemo ju do dijela na kojem je naglašeno kretanje kako bismo stvorili dojam "jedva da se vidi".

Open the Londons Financial District Image

2. korak

U panelu Tools odaberite Crop Tool (C), zadržite Shift i klikom i povlačenjem jednog kuta zadržite proporcije fotografije. Odabrala sam ovaj dio fotografije jer nije definiran kao ostali dijelovi. Ne treba biti jako precizno, ovdje nema točnog i netočnog.

Crop the image to where is the least amount of definition

2. Kako promijeniti veličinu i rezoluciju slike

Ovaj ćemo plakat postaviti za ispis. U izborniku odaberite Image > Image Size. U prozoru potvrdite klikom Constrain Proportions i Resample Image > Bicubic Automatic. U istom prozoru pod Document Size postavite Height na 18 in i Resolution na 300 Pixels/Inch. Potvrdite s OK.

Ovo se obično ne radi s fotografijama visoke rezolucije. U ovom slučaju pokušat ćemo iskoristiti fotografiju niske rezolucije.

Change the image size and resolution

3. Kako primijeniti Noise Tool i Contrast Tool

1. korak

Želimo dizajnirati zanimljivu sliku za pozadinu našeg plakata. U izborniku ćemo odabrati Filter > Noise > Add Noise. Na desnoj strani prozora klikom uz Preview potvrdite prikaz promjena na slici.

Pod opcijom Distribution odaberite Gaussian i potvrdite, također, Monochromatic pri dnu prozora. Gaussian će slici dati neujednačen šum, Noise, dok će Monochromatic prikazati šum u crno-bijeloj verziji, a ne u CMYK bojama. Možete isprobavati efekte postotaka pod opcijom Amount. Ja sam odabrala 30% jer želim dijelom zadržati kontrast na fotografiji kako ne bi previše izblijedjela. Potvrite s OK.

Adding noise to the image

2. korak

Pri dnu panela Layers odaberite Create New Fill or Adjustment Layer > Brightness/Contrast. Time ćemo napraviti novi sloj preko naše početne slike. Istovremeno će se pojaviti panel Properties s opcijama za prilagodbu sloja. Ukoliko se to nije dogodilo, dvoklikom odaberite ikonu sunca na novom sloju. Postavila sam vrijednosti Brightness: -25 and Contrast: 55 kako bi najsvjetliji dijelovi bili sivlji.

Adding a new adjustment layer to set brightness and contrast

4. Kako prebaciti sliku u CMYK mod i spremiti datoteku

1. korak

U izborniku odaberite Image > Mode > CMYK. Pojavit će se novi prozor, klikom odaberite Don't Flatten.

2. korak

Spremit ćemo našu sliku pod Layers u slučaju da ju trebamo naknadno urediti. Pritisnite Shift-Command-S i datoteci dajte ime Street_Background.PSD. Pod Format odaberite Photoshop. Klikom odaberite Save. Isto ćemo ponovo napraviti i snimiti kao TIFF datoteku koju ćemo koristitu u Illustratoru.

5. Kako u Illustratoru napraviti novu datoteku i vodilice

1. korak

Odaberite File > New (Command-N). Datoteci dajmo ime Mellow-Dramatic i postavimo Width na 12 in i Height na 18 in. Pod Advanced postavite Color Mode na CMYK. Budući da je plakat namijenjen za ispis postavite Raster Effects na 300 dpi i Preview Mode na Default. Potvrdite s OK.

Create a new document in Illustrator

2. korak

Kako bismo kreirali vodilice u dokumentu, postavit ćemo ravnala, Rulers, pritiskom kombinacije Command-R. Moja su ravnala postavljena u inčima, vi promjenu možete napraviti u izborniku odabirom Illustrator > Preferences > Units. U novom prozoru Preferences pod Units odaberite Inches kao opciju General. Potvrdite s OK.

Change your rulers preferences to inches

3. korak

Želimo postaviti margine udaljene 1 inč od svakog ruba. Nakon klika povucite iz ravnala preko stranice novu vodilicu. Možete ju postaviti bilo gdje na stranici i ako su vodilice otključane moći ćete ih pomicati više puta. Vodilice možete otključati ili zaključati pritiskom kombinacije tipki Option-Command-;.

Za postavljanje vodilice na određeno mjesto na stranici možemo korisiti panel Transform. Aktivirajte ga iz izbornika Window > Transform. Za lijevu vertikalnu marginu postavit ćemo X: 1 in. Za desnu ćemo stranu postaviti X: 11 in. Za gornju i donju postavit ćemo, kako slijedi, Y: 1 in i Y: 17 in.

Create guides that are 1 inch inwards from each side of the page

6. Kako dodati slike u Illustrator

Pronađimo TIFF datoteku koju smo spremili kao Street_Background. Povucimo ju na novu datoteku Mellow-Dramatic u Illustratoru.

Primijetit ćete da slika sada ima zrnastu teksturu. Kako bismo dobili stvarni izgled trebamo primijeniti opciju Embed u Illustratoru. U panelu Controls odaberite Embed. Pojavit će se prozor TIFF Import Options. Pod Options odaberite Flatten Layers to a Single Image i potvrdite s OK.

TIFF import options to embed the image onto Illustrator

7. Kako dodati tekst

1. korak

U panelu Layers klikom na dnu panela napravite New Layer.

Create a new layer

2. korak

U alatnoj traci odaberite ikonu Type Tool (T), klikom i povlačenjem razvucite tekstni okvir. Upišite Mellow i "", sve kao verzal (Uppercase). Otvorite panel Character pritiskom kombinacije Command-T i odaberite font Archivo Bold, postavite Font Size na 100 pt.

3. korak

Duplirajmo ovaj tekstni okvir pritiskom tipke Option i istovremenim klikom i povlačenjem tekstnog okvira. U ovom drugom okviru upišite Dramatic.

Duplicating a text box

8. Kako napraviti i urediti Text Outlines

1. korak

Selektirajte jedan tekstni okvir i pritisnite kombinaciju Shift-Command-O. Tekstni okvir će se pretvoriti u grupirani objekt. Selektirajte drugi tekstni okvir i napravite isto. Selektirate li ova dva okvira i pretvorite ih u Outlines, bit će zajedno grupirani, a mi želimo da ove dvije riječi budu odvojene.

Convert text boxes into outlines

2. korak

Selektirajte obje riječi i pritisnite Shift-X kako bi ispuna i obrub zamijenili boje. U alatnoj traci aktivirajte boju obruba, Stroke. U panelu Color (F6) promijenite crnu boju u bijelu. Iz izbornika aktivirajte panel Stroke klikom na Stroke i postavite debljinu obruba od 2 pt.

Set the weight of the stroke to 2 pts on the Stroke Panel

3. korak

U panelu Layers zaključajte Layer 1 klikom na prazan prostor uz ikonu oka. Svaku ćemo riječ pojedinačno urediti u sloju Layer 2. Krenimo od riječi Mellow/. Duplirajte objekt pritiskom tipke Option dok uz klik povlačite objekt.

Želimo razdvojiti M i ellow/, pa ćemo koristiti Direct Selection Tool (A) iz panela Tools, označiti M i izbrisati ovo slovo. Zarotirati ćemo preostala slova opcijom Rotate (R) i poravnati ih s gornjim lijevim kutom margine.

Separating and aligning the words to different guides to create the composition

4. korak

Koristeći isti Direct Selection Tool (A) selektirat ćemo llow/ s prethodno dupliranog objekta i izbrisati. Povući ćemo novu vodilicu, Guide iz ravnala, Ruler i postaviti na 4.25 inča od lijevog ruba plakata. Selektirajte duplirani objekt Me, zakrenite opcijom Rotate za 180 stupnjeva, smjestite na donju marginu i poravnajte s novom vodilicom koju smo postavili.

Aligning the word ME to the bottom guide

5. korak

Koristite Direct Selection Tool (A) jedino za selekciju određenih točaka na objektu. Primjerice, kod slova E koristit ćemo ga samo za selekciju lijeve strane kako i prikazuje slika dolje. Točke koje su aktivne bit će ispunjene, a neaktivne će biti vidljive kao obris kvadrata.

Nakon što selektirate lijevu stranu naopako postavljenog slova E istovremenim klikom i povlačenjem do lijeve margine uz pritisnutu tipku Shift zadržat ćete ga u istoj ravni. Učinimo isto sa slovom E poravnanim uz vrh lijeve strane, samo ćemo se ovaj puta zaustaviti ispred donje margine.

Using the Direct Selection Tool to select only certain points of an object

6. korak

Odaberite Direct Selection Tool (A), selektirajte vodoravne obrube slova E poravnanog vertikalno i izbrišite ih kako pokazuje donja slika.

Aligning vertical strokes to the bottom of the objects

7. korak

Selektirajte  prve dvije točke obruba koristeći Direct Selection Tool (A), napravite desni klik i odaberite Join. Ponovite isto za sljedeće dvije i zadnje dvije točke.

Select two points with the Direct Selection Tool and join them

8. korak

Selektirajte obje riječi i odaberite Ungroup pritiskom kombinacije Shift-Command-G. Selektirajte oba E i pritisnite Shift-X da zamijenite boje obruba i ispune.

Swapping stroke and fill colour to fill the letters E with white

9. korak

Odaberite Direct Selection Tool (A), pomaknite i pridružite vertikalne linije vodoravnim linijama slova E kako pokazuje slika dolje. Zumirajte kako biste poravnanje doveli do savršenstva.

Joining the two strokes to later use the Pathfinder tool

10. korak

Nakon što ste ove tri linije poravnali, postavite panel Pathfinder odabirom Window > Pathfinder, a pod Shape Mode odaberite Unite. Ovaj će alat spojiti oba objekta u jedan. Kako bismo završili na isti način i ostala slova, pritisnite Shift-X i provjerite je li postavljen obrub 2 pt u panelu Stroke.

Using the Pathfinder tool to joing the strokes and create one shape

11. korak

Sada ćemo slijediti iste upute i za riječ Dramatic, ali ovaj puta ćemo razvući slovo R. Pokušajmo!

Lets give it a try with the other word

9. Kako dodati detalje teksta i naglasiti boje

1. korak

Za izradu kvadrata koristit ćemo Rectangle Tool (M). Klikom i povlačenjem uz pritisnutu tipku Shift razvucite kvadrat savršenog oblika. Napravimo više kvadrata pritiskom tipke Option dok povlačimo objekt. Možete istovremeno držati tipku Shift da duplirate objekt uz vrijednosti X i Y. Obojimo svaki kvadrat bojama sa sljedećim šiframa  #F05A28#252166#EBE732.

Adding pops of colour to the poster

2. korak

Dodajmo još malo prostora između kvadrata i detalje na plakat. Ja sam dodala datum, mjesto i informacije za kontakt koristeći Text Tool (T). Klikom na plakat možete prilagođavati prijelom rečenice; ja sam podijelila elemente da postignem ravnotežu i poravnala svaki tekstni okvir ispod svakog kvadrata. Za poravnanje tekstnih okvira i kvadrata nadesno možete koristiti panel Align ako odaberete Window > Align i u panelu pod Align Object odaberete Horizontal Align Right.

Aligning all objects to the right side

10. Kako spremiti dokument za ispis

Kako bismo spremili plakat kao datoteku u Illustratoru trebamo odabrati File > Save, dati ime plakatu i pritisnuti Save. Kod spremanja plakata za ispis potrebno je odabrati PDF. Pojavit će se prozor Save Adobe PDF. Pod Adobe PDF Preset odaberite High Quality Print. Na desnoj strani panela odaberite Marks and Bleeds, a pod Marks Trim Marks. Klikom odaberite Save PDF.

Saving the poster as PDF to print

Izvrsno, uspjeli ste!

Čestitam! U ovom smo tutorijalu naučili:

  • kako na fotografiji primijeniti Noise Tool za dodavanje teksture
  • kako povećati vrijednost fotografije niske rezolucije
  • kako u Illustratoru koristiti Outline Tool pomoću kojeg smo se na zanimljiv način poigrali tipografijom.
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.