Privlačno ozadje je ključnega pomena za uspešen letak. S Photoshopom lahko v nekaj minutah ustvariš impresivne dizajne, ki pritegnejo pozornost. V tem vadnici ti bom pokazal pet hitrih in enostavnih tehnik za ustvarjanje priljubljenih ozadij za letake – od dinamičnih barvnih prehodov do kul grunge tekstur in modernih geometrijskih vzorcev. Popolno za zabave, dogodke ali poslovne letake. Začniva in dvigniva tvoje letake na naslednjo raven!
1. Scanlines
Eden izmed klasičnih elementov so scanlines, ki se lahko postavijo v vertikalno, diagonalno ali horizontalno obliko v ozadje letaka.
Korak 1: Ustvarjanje novega dokumenta
Za ustvarjanje takšnega ozadja enostavno potrebujem ustrezen vzorec, ki ga vstavim v svojo sliko. Za to ustvarim novo dokument (Ctrl+N) z dimenzijami 4x4 slikovnih pik. Ozadje je prosojno.
Korak 2: Izbor vzorca scanlines
Povečam sliko, kolikor je mogoče.
Z orodjem za izbor izberem štiri kvadrate v diagonali, ki se premikajo od spodaj levo navzgor desno. Za dodajanje k obstoječi izbiri hkrati držim tipko Shift med vlečenjem.
Korak 3: Zapolnitev izbire z črno barvo
Nastavim privzete barve v orodni vrstici s tipko D, če še niso nastavljene, in z Alt+Backspace izpolnim črne sprednje barve v svoja izbira.
Korak 4: Določitev vzorca
Izbor lahko prekličem s pritiskom na Ctrl+D. Izbran vzorec določim v meniju Uredi>Določi vzorec. V odprtem pogovornem oknu dam svojemu novemu vzorcu ime "Diagonalni scanline".
Korak 5: Uporaba scanline
V novem sloju v svojem letaku zapolnim novo vzorec scanline s orodjem za polnjenje. Nastavitev v menijski vrstici je na Vzorec. V izbirnem meniju izberem svoj pravkar določen vzorec. Sedaj preprosto kliknem v dokument.
Po potrebi lahko zmanjšam prekrivnost. V tem primeru nastavim prekrivnost na 25 odstotkov.
Korak 6: Različica za vertikalne in horizontalne scanlines
Če želim namesto diagonalnih scanlines raje navadne scanlines navzgor ali navzdol, jih lahko z lastnim vzorcem enostavno ustvarim.
Za vertikalne scanlines je moj vzorčni dokument: 4x1 piksela
Za horizontalne scanlines je moj vzorčni dokument: 1x4 piksela
Črn piksel preprosto vstavim v dokument, kot je opisano zgoraj. Nato vzorce določim prek menija Uredi. V tem primeru je bil sloj z horizontalnimi scanlines nastavljen v načinu Mešanje.
Če želim zmanjšati razmike med linijami ali jih zmanjšati, preprosto prilagodim stranske mere datoteke vzorca. Za širše razmake izberem razmerje 5:1, 6:1 ali več, za ožje razmake 3:1 ali 2:1.
Za to lahko preprosto z orodjem za obrezovanje povečam dokument. Tako se poveča stransko razmerje, kot mi ustreza.
Korak 7: Oskrba scanlines
Uporaba vzorca se lahko izvede tudi kot nadrezava vzorca. Za to ustvarim nov sloj s Ctrl+Shift+Alt+N in ga napolnim s poljubno barvo. Nastavim odstotek polnila na 0 odstotkov. V Možnostih polnila izberem zavihek Nadrezava vzorca. Tam lahko pokličem moj določen vzorec. Ta vzorec lahko skaliram in tako še malo optimiziram videz scanline.
Stranski podatek: Fotoefekt scanlines
Naš moderator Mosh je v vadnici predstavil hitri način, kako scanlines podoben učinek v fotografijah deluje živahno.
Primer: Slika svetilnika – Vir slike: Denis Pepin @ Fotolia.com
Najprej podvojim svoj ozadinski sloj s Ctrl+J. Z orodjem za izbiranje: En stolpec izberem stolpec pikslov v pomembnem delu moje slike.
Z Ctrl+T lahko preobrazim svoj izbor. Okvir izbire potegnem na levo in desno ob rob slike.
Izbirajoč lahko prekličem s Strg+D. Fillmetodo spremenim v Luminanzo pri 30 odstotni prekrivnosti.
Duplikat plasti naredim s Strg+J in ga postavim v način plasti Mehka svetloba pri 30 odstotni prekrivnosti.
Kot predzadnji korak svoji ozadnji plasti preko menija Filter>Korektura objektiva dodam še vigneto. Izberem Moč -100 pri resnični vrednosti +20. Na koncu dodam še kratek napis "Rügen 2010" s pisavo Jellyka 150 pt. v črni barvi.
To je majhna potešitev fotografskega učinka. Preprosto preizkusite in eksperimentirajte z metodami polnjenja.
2. Pikčasto in z reliefom
Korak 1: Enostavno pikčasto
Na enak način, kot ustvarjam črte za skeniranje, si lahko ustvarim tudi pikčaste vzorce za letakovo ozadje. Zato enostavno ustvarim nov dokument velikosti 4x4 piksle.
Z Orodjem za izbiro izberem štiri pike spodaj desno in jih zapolnim s črno barvo. Nato vzorec nastavim preko menija Urejanje.
V načinu Prekrivanje pri 70 odstotkih prekrivnosti se s tem hitro pojavi možnost, da se enostavno uporabi zanimivo ozadje za letake.
Korak 2: Pikčasto z reliefom
Dosežem izboljšanje pikčastega videza tako, da ustvarim vzorec z reliefom.
Najprej ustvarim nov dokument velikosti 3x3 piksle. Srednjo piko napolnim s črno barvo. Obe sosednji piksi spodaj in desno prejmeta 50 % sive. Piks spodaj desno napolnim z 80 odstotki svetlo sive barve.
V načinu Prekrivanje je reliefni učinek še ena zanimiva možnost oblikovanja elementov letakov.
Korak 3: Kroglasto mozaik
Ustvarim še en nov dokument velikosti 20x20 pikslov. Ozadje je tudi tukaj prozorno.
Z Orodjem Elipsa z vgrajeno tipko Shift (ki poskrbi, da je moj krog tudi okrogel) potegnem krog v dokument. Barva je črna - kar pa ni resnično pomembno.
Krog potem nastavim kot vzorec in ga lahko uporabim kot učinek ozadja. Kot alternativo lahko pustim krog prozoren in obarvam zunanje dele črno. Na ta način se lahko fotografije tudi lepo oblikovno poudarijo.
3. Učinki rastriranja
Korak 1: Rastriranje filter kot alternativa za določanje vzorca
Možnost ustvarjanja pikčastih ozadij preko vzorcev obstaja tudi brez obvozovanja določitve vzorca.
Ustvarim novo plast in jo zapolnim s 50-odstotnim sivim. Način nastavim na Prekrivanje.
Nato odprem filter Rastriranje učinek preko menija Filter>Učinki risanja.
Vrsta vzorca je Pika velikost 1 in kontrast 30. Za določitev kontrasta priporočam, da se poglobite v predogled (povečanje na 400 odstotkov je dobra izbira).
Potrdim s V redu. Pripravljeno je moje pikčasto rastriranje.
Korak 2: Raznolikost s krogi in črtami
Alternativa za vzorčni tip Pika najdem v filterju Rastriranje učinek tudi tip Krog in Črte. Tudi ti dve vrsti vzorcev sta zelo lepi možnosti za preprosta letakova ozadja.
Primer za horizontalne črte:
Korak 3: Transformacija pri črtah
Slabost pri ustvarjanju rastriranih učinkov preko filtra je, da nimam res obsežnih možnosti za raznolike velikosti. Če želim imeti zelo tanke črte na sliki, sem pri tem filtru omejen. Ostane mi samo, da bodisi učinek rastriranja izvedem v večjem dokumentu, ga podvojim v mojem trenutnem dokumentu in ga s Strg+T pomanjšam.
Enako lahko naredim tudi tako, da že obstoječo plast zmanjšam preko Strg+T, jo podvojim z Strg+J in jo v ustvarjenem prostoru ustrezno vstavim.
Sklep: Filter Rastrirni učinek je sposoben ponuditi hitre rešitve za gladka ozadja letakov. Za najbolj natančne razmike med črtami in pikami pa ne morem brez vzorcev.
Primer za kroge:
4. Mrežni in črtasti vzorci
Za predstavitev izdelkov, logotipov ali tipografskih elementov je včasih primerno, da letaku dodamo učinkovito mrežo ali vzorec v ozadje. V tem kontekstu želim predstaviti dve možnosti, kako na preprost način ustvariti zanimive ozadje.
4.1 Črtasti vzorec s sijajnim učinkom
V prvem primeru bom prikazal ustvarjanje črtastega vzorca s sijajnim učinkom.
Korak 1: Nova datoteka
Ustvarim novo datoteko velikosti 1200 x 800 slikovnih pik. Ozadje je črno.
Korak 2: Ustvarjanje dveh novih plasti
Z uporabo kombinacije tipk Ctrl+Shift+Alt+N ustvarim novo plast. Ta bližnjico izvedem dvakrat.
Korak 3: Izberite območje črt in ga zapolnite z belo barvo
Z orodjem Rokavica izberem približno območje mojega črtastega vzorca. Pri tem je aktivirana zgornja plast. Izbiro zapolnim z belo barvo.
Korak 4: Zamegliti
Iz menija Filter>Filtriraj zameglitev izberem Gaussovo zameglitev.
Premer izberem tako, da so robovi lepo zamegljeni. V mojem primeru se približno ujema približno 50 slikovnih pik.
Korak 5: Prah
Nastavim način plasti na Prah.
Korak 6: Zmanjšanje na eno z nižjo plastjo
Za ohranitev prazničnega učinka, vendar vrnitev na način plasti Navadno označim plast s spodnjo plastjo in jo s kombinacijo tipk Ctrl+E zmanjšam na eno.
Korak 7: Motna slika
Iz menija Filter>Filtriraj zameglitev izberem Filtriraj gibljivost.
Izberem srednjo razdaljo 275 slikovnih pik, da ustvarim iz mojih prask linijo.
Korak 8: Podvojite plast in dodajte učinek označevanja
Naslednji korak je podvojitev plasti, zmanjšanje prekrivnosti na 50 odstotkov in odpiranje menija Filter>Risati učinke izberem Filter risanja vzorcev.
Nastavim Vrsto vzorca na Linija z Velikostjo 1 in Kontrastom 0.
Korak 9: Obarvanje učinka filtra
Ustvarim plast prilagoditve Obarvanost-nasičenost. Da pobarvam svoj linijen učinek, aktiviram kljukico Pobarvati.
• Obarvanost: 224 za modri ton
• Nasičenost: 39
• Svetlost: -10 do 0 - odvisno od obstoječe optike
Ozadje je zaključeno in ga je mogoče povezati z logotipom, besedilom ali čim podobnim:
Korak 10: Transformiranje
Obe plasti s črtami označim in ju nato pretvorim v Pametni objekt. S pomočjo Ctrl+T lahko pričaram nekoliko dinamičnejši pogled, tako da črte spustim od spodaj levo proti zgoraj desno.
Korak 11: Prilagoditev logotipa in obreza
Moj logotip pobarvam preko Barvno prekrivanje v Možnostih polnjenja črno in nastavim Sijaj navzven v beli barvi pri 75 odstotkih Prekrivnosti in 35 Px Velikosti v načinu Barvno poudarjanje.
Z orodjem Obrezovanje lahko še vedno prilagodim velikost svojega dokumenta po želji.
4.2 Mrežni vzorec
Mrežni vzorec se odlično obnese kot ozadje v letaku. Lahko se uporablja v ozadju v celoti ali kot podkrepitev oblikovalskega elementa.
Korak 1: Ustvarite vzorec
V novem dokumentu velikosti 50x50 z prosojnim ozadjem z orodjem za izbor ustvarim ozek trak za izbor zgoraj in levo. Ta izbor zapolnim z belo ali črno barvo.
Nato vzorec shranim preko menija Uredi>Določi vzorec.
Korak 2: Mreža kot ozadna vzorec
Vzorec lahko uporabim kot povsem običajen ozadni element, tako da naredim novo plast s vzorcem, ki ga napolnim z orodjem Polnilo.
Če želim širše mreže, to lahko enostavno dosežem prek možnosti Polnilo, s tem da mreži dodam Obrobo v isti metodi polnjenja.
Če naj bo mreža namesto tega večja ali manjša, je smiselno ustvariti plast z poljubno barvo, nastaviti Plat na 0 in nastaviti Prekrivanje vzorca s mrežnim vzorcem v možnostih Polnila. Tam lahko nato mrežo prilagodim po potrebi.
Za optimalno nadaljnje delo lahko svoj Prekrivanje vzorca prek Desni klik tudi izvozim kot lastno plast.
Korak 3: Mreža kot oblikovalski element
Mrežo lahko odlično uporabim kot oblikovalski element.
V tem primeru (vir slike: Mike Liu – Fotolia.com) naj bi svetlobni žarek dobil še več dinamike. Zato dodam z orodjem Polnilo mrežni vzorec v novi plasti.
Z orodjem Ctrl+T>Prikrivaj prilagodim svojo mrežo poteku svetlobnega žarka. Tako dobi svetlobni žarek dinamični dodatni učinek.
V možnostih Polnilo nastavim bel žarek navzven z Velikostjo 20 slikovnih točk v načinu Barva senčenja, tako da učinek še dodatno prijetno sveti.
V sliki svetilnika lahko morsko vzdušje še poudarim tako, da z mrežo simuliram val. Tudi tukaj dodam svojo mrežo v novi plasti in jo zaviham v obliko valov.
Mreži dodam v možnostih Polnilo še belo Obrobo navzven z Velikostjo 1 slikovne točke. S tem postane mreža nekoliko debelejša.
In tako, kot je mrežo mogoče spreminjati v obliki s prikrivanjem, lahko tudi mrežnice, črte in kroge poudarim v pogledu s Transformacijami in Sloji mask. Pri linijah vzorcev lahko celo simuliram sinedots.
V tem primeru sem vstavil krožno mrežo in prek Sloj maske v pogledu omejil na notranje območje, da se na vrhu svetilnika ustvari nekakšen iskrivi učinek.
5. Nekonečni vzorci in brezšivne ploščice
Nekonečni vzorci in brezšivne ploščice se pogosto uporabljajo za letake in ozadja spletnih strani. V zadnjem delu mojega vadnika želim prikazati več pristopov k ustvarjanju nekonečnih vzorcev.
5.1 Preprost nekonečni vzorec
Imam izsek slike, ki bi ga rad uporabil kot nekonečni vzorec. Pri teksturiranih slikah mi pogosto uspe ustvariti vzorec brez vidnih sklepov. Pomembno je le, da mi uspe izbor.
Korak 1: Izberi območje vzorca
V mojem primeru želim ustvariti nekonečni vzorec iz te teksture. Z Ctrl+A izberem celotno področje slike. Ker je tudi pri CS5 možnost spreminjanja izborov preko menija Izbor onemogočena, se odločim za alternativno pot, kako narediti natančen izbor.
Po Desni klik>Izbor transformiraj se v vrstici z menijem prikaže več numeričnih polj za vnos. V njih nastavim višino in širino izbora na 70 odstotkov. Nato potrdim s Vnesi.
Korak 2: Kopiraj in prilepi izbor
Z Ctrl+C & Ctrl+V lahko kopiram svoj izbor in ga prilepim v novo plast.
Korak 3: Osvojitev vzorca in določanje kot vzorca
Z orodjem za Osvojitev osvojim vzorec. Prek menija Uredi lahko določim vzorec.
Korak 4: Uporaba kot ozadje
Na svojem letaku ustvarim novo plast in jo napolnim z poljubno barvo. Plat nastavim na 0 odstotkov. V možnostih Polnilo v register Prekrivanje vzorca dodelim svojemu letaku že določen vzorec.
Način Polnila nastavim na Luminanciranje. Prosojnost zmanjšam na nižjo vrednost. Z Razponom za spremembe lahko vzorec spreminjam v velikosti. Za natančno pozicioniranje je smiselno, da z miško v dokumentu premaknem vzorec na pravo mesto.
5.2 Ponavljajoči se vzorec
Da bi dobili tipičen "tapetni videz", ki se pogosto pojavlja kot ponavljajoči se vzorec na ozadju spletnih strani in letakov, moram uporabiti premik filter.
Korak 1: Nariši obliko in jo določi kot vzorec
Z orodjem Lastna oblika na dokumentu velikosti 500 x 500 slikovnih pik narišem cvetlično obliko, ki naj postane moj tapetni vzorec. Obliko natančno postavim na sredino dokumenta. Nato določim svojo cvetlično obliko kot vzorec.
Korak 2: Nastavitev premika
Tapetni izgled še ni popoln, čeprav bi lahko že uporabil vzorec v ponavljajočem se načinu. Manjka premik. Da bi ga dosegel, ustvarim nov dokument z dvojno velikostjo prejšnjega, torej v velikosti 1000 x 1000 slikovnih pik.
Napolnim plast s svojim vzorcem. Prikazujejo se štiri elemente. Z orodjem izbire izberem en stolpec vzorca.
Prek menija Filter>Ostali filtri>Premik učinkov nastavim vertikalni premik učinka. Izberem slikovne pike tako, da se zgornji rob natančno poveže z spodnjim.
Nato določim ta vzorec prek menija Uredi kot vzorec in ga lahko uporabim v svojem letaku kot ozadje. Tudi tukaj je vzorec kot naslovno vzorčenje postavljen na sivo plast v načinu luminanca pri 20 odstotkov prosojnosti.
5.3 Brezhibne ploščice pri teksturah
Tako preprosto kot v prvem primeru redko deluje, da bi ustvarili vzorec brez vidnih priključkov.
Vendar se tudi nepravilne teksture lahko brezhibno obdelajo s ploščicami. Za to uporabim spet filter premik učinka in po potrebi popravim vidne robove.
Korak 1: Uporaba premika učinka
Moja tekstura ima velikost 1000 x 1000 slikovnih pik. Ko jo določim kot vzorec in uporabim v večjem dokumentu, izgledajo prehodi takole:
Vračam se k moji izvirni datoteki teksture s prvotno velikostjo 1000 x 1000 slikovnih pik. Prek menija Filter>Ostali filtri izberem filter premik učinka. Tam nastavim horizontalni in vertikalni premik natanko za polovico, torej v obeh primerih za 500 slikovnih pik.
Korak 2: Popravek vidne povezave
Zdaj je vidna povezava na sredini jasno vidna.
Od različice CS5 dalje je na voljo funkcija vsebinsko občutljivega popravljanja z orodjem popravilo območja. Z mehko konico čopiča za popravljanje območja označim vidne robove. Možnost Vsebinsko občutljivo je omogočena.
Vidne robove bodo zdaj samodejno popravili. Lahko se zgodi, da moram posegati večkrat.
Najučinkovitejše za popravljanje robov je po mojem mnenju še vedno orodje za popravljanje, ki ga lahko uporabljajo tudi uporabniki, ki še niso na različici CS5. Z aktiviranim gumbom izvora preprosto označim vidne robove in izberem območje v čistem delu. Prihaja do obračuna barvni odtenek, nasičenost, svetlost in kontrast ter vidna povezava se prepričljivo popravi.
Ko je vidna povezava popravljena, določim svoj vzorec prek menija Uredi.
Korak 3: Uporaba brezhibnega vzorčenega vzorca
Ustvarim novo datoteko velikosti 2000 x 2000 in zdaj lahko s pomočjo polnilnega orodja uporabim svojo brezhibno vzorčeno teksturo.
Prav te teksture so zelo plodne, kadar je treba v slike vključiti učinke staranja, grunge itd. Glej spodnjo sliko (vir slike: Lev Dolgatsjov - Fotolia.com).
Zato je pri zelo velikih dokumentih smiselno, da preprosto skale nekakte teksture brez težav naredite brezhibne ploščice. V tem primeru je bil zgornji prikazani vzorec postavljen v načinu prekrivanja kot nadstropje v sliki in s plastjo za nastavitev barvni odtenek/nasičenost kot maskme za obrezovanje odstranil nekaj nasičenosti.
Delavnica v tem vadnici vsebuje komplet 16 vzorcev. V njem so diagonalne, horizontalne in vertikalne scanlines, pikselske reliefne in mrežne vzorce, ciklični mozaik vzorcev in vzorci.
