Mielenkiintoinen tausta on A ja O onnistuneelle esitteelle. Photoshopilla voit luoda muutamassa minuutissa vaikuttavia suunnitteluja, jotka erottuvat joukosta. Tässä oppaassa näytän sinulle viisi nopeaa ja helppoa tekniikkaa luoda suosittuja esitteen taustoja - dynaamisista värien vaihteluista cooliin raffiikkatekstuuriin ja moderneihin geometrisiin kuvioihin. Täydellisiä juhliin, tapahtumiin tai yritysesitteisiin. Annetaan mennä ja nostetaan esitteesi seuraavalle tasolle!
1. Viivastot
Klassikko huippuunsa ovat viivastot, jotka sijoitetaan pysty-, vinosti- tai vaakasuoraan esitteen taustalle.
Vaihe 1: Luo uusi asiakirja
Tällaisen taustan luomiseksi tarvitsen vain sopivan kuvion, joka lisää viivastot kuvaani. Luon uuden asiakirjan (Ctrl+N) mitoilla 4x4 pikseliä. Tausta on läpinäkyvä.
Vaihe 2: Valitse viivastokuvio
Kiristän mahdollisimman lähelle asiakirjaani.
Valitsen nyt Valintatyökalulla tarkalleen neljä valintaneliötä, jotka liikkuvat vinosti vasemmasta alakulmasta oikeaan yläkulmaan. Lisätäkseni uuden valinnan olemassa olevaan valintaan pidän Vaihtonäppäintä painettuna vetäessäni.
Vaihe 3: Täytä valinta mustalla
Asetan D: Standardivärit Työkalurivillä jos ne eivät ole vielä asetettuna, ja täytän mustalla etuvärillä valintani kentät Alt+Tab.
Vaihe 4: Aseta kuvioksi
Voin poistua valinnasta Ctrl+D: ja valita valikon Muokkaa>Aseta kuvio. Aukeavassa valintaikkunassa annan uudelle kuviolleni nimen "Viivasto vinosti".
Vaihe 5: Aseta viivasto
Uudella tasolla esitteessäni täytän nyt Täyttötyökalulla viivastokuvion asiakirjaani. Asetukset valikossa ovat Kuvio. Valikosta valitsen juuri määritetyn kuvioni. Nyt napsautan vain asiakirjassa.
Tarvittaessa voin vähentää Peittoalaa. Tässä esimerkissä asetan Peittoalan 25 prosenttiin.
Vaihe 6: Variaatiot pysty- ja vaakasuorille viivastoille
Haluanko sen sijaan vinon sijaan suoria viivastoja ylös tai alas, voin luoda ne helposti omalla kuviollani.
Pystyviivastoille kuviotiedostoni on: 4x1 pikseliä
Vaakasuorille viivastoille kuviotiedostoni on: 1x4 pikseliä
Asetan mustan pisteen yksinkertaisesti asiakirjaan kuten yllä kuvattiin. Sen jälkeen asetan kuviot valikon Muokkaa kautta. Tässä esimerkissä tasosta vaakasuorilla viivastoilla asetetaan Sisällytä tilaan.
Halutakseni rivien välistä lyhentää tai puristaa, minun tarvitsee vain säätää kuvion tiedoston sivun määrää vastaavasti. Leventyneitä välejä varten valitsen suhteen 5:1, 6:1 tai enemmän, kapeita välejä varten 3:1 tai 2:1.
Tähän tarkoitukseen voin myös intuitiivisesti käyttää Vapaamuoto-työkalua suurentaakseni asiakirjaa. Tämän seurauksena sivusuhteeni kasvaa haluamallani tavalla.
Vaihe 7: Viivastojen skaalaaminen
Kuvio voidaan asettaa myös Kuviolevityksen avulla. Luon uuden tason Ctrl+Vaihto+Alt+N ja täytän sen millä tahansa värillä. Asetan Täyttöliukusäädin 0 prosenttiin. Täyttövaihtoehdoista valitsen välilehden Kuviolevitys. Siellä voin kutsua esiin juuri määritetyn kuviolle. Tätä kuvioa voin skaalata ja optimoida Scanline-ilmeen vielä vähän enemmän.
Poikkeama: Viivasto-kuvaus
Juontajamme Mosh esitteli tutoriaalissaan pikakuvauksen siitä, miten skanneriviivastokaltainen efekti voi tehdä valokuvista pirteämpiä.
Esimerkki: Majakkokuva – Kuvan lähde: Denis Pepin @ Fotolia.com
Ensinnäkin kahdennan taustatasoni Ctrl+J: Valitsen Yksittäinen sarakkeen valintatyökalu ja valitsen pikselisarakkeen huomionarvoisen osan kuvastani.
Jos käyttämällä Ctrl+T voin muuttaa valintaani. Vedän valintakehystä vasemmalle ja oikealle kuvan reunaan.
Valinnan voin peruuttaa painamalla Ctrl + D. Täyttötekniikan muutan Luminanssiksi 30 prosentin peittävyydellä.
Duplikoin tason painamalla Ctrl + J ja asetan duplikaatin kerrostilaksi Pehmeä valo 30 prosentin peittävyydellä.
Toiseksi viimeisenä voin lisätä taustatasolle vignetin valitsemalla Filter > Objektiivin korjaus -valikosta. Valitsen Voimakkuudeksi -100 ja Keskikohdaksi +20. Viimeiseksi lisään lyhyen tekstin "Rügen 2010" 150-Pt-Jellyka-kirjasimella mustana.
Tässä lyhyt vinkki valokuvatehosteeseen. Kokeile rohkeasti ja kokeile erilaisia täyttötapoja.
2. Pistemäinen ja helpotettu
Vaihe 1: Yksinkertaisesti pisteellinen
Aivan kuten viiruviivat, voin luoda myös pistemäisiä kuvioita esimerkiksi esitteen taustalle. Tätä varten luon yksinkertaisesti uuden dokumentin koossa 4x4 pikseliä.
Valitsen Valintatyökalulla neljä pikseliä alhaalta oikealta ja täytän nämä mustalla värillä. Sen jälkeen asetan kuvion valikosta Muokkaa.
Tilassa Seokset 70 prosentin peittävyydellä saan nopean tavan käyttää mielenkiintoista taustaa esitteissä.
Vaihe 2: Pistemäinen helpotettuna
Pistemäisen ilmeen parannan luomalla pikselin helpotteen.
Luon ensin uuden dokumentin koossa 3x3 pikseliä. Täytän keskimmäisen pikselin mustalla värillä. Alapuolella ja oikealla olevat kaksi pikseliä saavat 50 prosentin harmaan. Alhaalta oikealta löytyvän pikselin täytän 80 prosentin vaalealla harmaalla.
Tilassa Seokset helpotekuvio tarjoaa lisää mahdollisuuksia suunnitella esineitä esitteissä.
Vaihe 3: Ympyrämosaiikki
Luon vielä uuden dokumentin koossa 20x20 pikseliä. Tausta on tässäkin tapauksessa läpinäkyvä.
Elipsityökalulla vedän pitäen Vaihto-näppäintä (joka varmistaa, että ympyräni on todella pyöreä) ympyrän asiakirjaan. Väri on musta - mutta se ei ole oikeastaan tärkeää.
Ympyrä määritetään sitten kuvion avulla ja sitä voidaan käyttää taustatehoksi. Vaihtoehtoisesti voin jättää ympyrän läpinäkyväksi ja värjätä ulkoalueet mustaksi. Näin valokuvia voidaan myös korostaa kauniisti taiteellisesti.
3. Rasterointitehosteet
Vaihe 1: Rasterointisuodatin vaihtoehtona kuvioiden asettamiselle
On mahdollista luoda pistemäisiä taustoja malleilla ilman kuvion määrittämisen kiertoteitä.
Luon uuden tason ja täytän sen 50 prosentin harmaalla. Asetan tilan Seokset -asentoon.
Sitten avaan suodattimen Rasterointisuodin valikosta Filter > Piirtosuodin.
Kuvio on Piste koossa 1 ja kontrasti 30. On suositeltavaa zoomata esikatseluun määrittämällä kontrasti hyvin (400 prosenttia toimii hyvin).
Vahvistan OK. Pisteellinen ruudukkoni on valmis.
Vaihe 2: Variointi ympyröillä ja viivoilla
Vaihtoehtoisesti kuvioihin Piste löydän suodattimesta Rasterointisuodin myös Ympyrä ja Viivat. Nämäkin molemmat kuviotyypit ovat erittäin kauniita vaihtoehtoja yksinkertaisille esitteiden taustoille.
Esimerkki vaaka-viivoista:
Vaihe 3: Muunnokset viivojen kanssa
Haittana rasterointitehosteiden luomisessa suodattimen kautta on, että minulla ei ole todellista laajaa vaihtoehtoa koon suhteen. Halutessani erittäin hienoja viivoja kuvassa, kohtaan tämän suodattimen rajat. Minulle jää sitten vain joko suorittaa rasterointitehoste suuremmassa asiakirjassa, kopioida se nykyiseen asiakirjaan ja pienentää sitä Ctrl + T:n avulla.
Voin tehdä saman tekemällä yksinkertaisesti olemassa olevan tason pienemmäksi alusta alkaen Ctrl + T:n avulla, kopioimalla sen Ctrl + J:n avulla ja asettamalla sen vastaavasti syntyneeseen aukkoon.
Johtopäätös: Rasterointisuodatin pystyy tarjoamaan minulle nopeimpia ratkaisuja sujuville esitteiden taustoille. Pienimpien viivojen ja pisteiden hienostuneisiin etäisyyksiin en voi kuitenkaan ohittaa malleja.
Esimerkki ympyröistä:
4. Ruudukko ja viivamallit
Tuotteiden, logojen tai tekstin elementtien esittelyssä kannattaa joskus käyttää tehokasta ruudukkoa tai mallia taustalla. Haluan näyttää kaksi mahdollista tapaa, kuinka voit luoda helposti mielenkiintoisia taustoja.
4.1 Viivamalli liukuva tehotehoste
Ensimmäisessä esimerkissä näytän, kuinka luodaan viivamalli liukuvalla tehotehosteella.
Askeli 1: Uusi asiakirja
Luon uuden asiakirjan koossa 1200 x 800 pikseliä. Tausta on musta.
Askeli 2: Luo kaksi uutta kerrosta
Painan Ctrl+Vaihto+Alt+N luodakseni uuden kerroksen. Toistan pikakomennot kerroksen luomiseen kahdesti.
Askeli 3: Valitse viivan alue ja täytä se valkoisella värillä
Valitsen Valintatyökalulla arviolta alueen, jossa haluan viivamallini olevan. Siirrän valinnan ylin kerros aktiiviseksi ja täytän valinnan valkoisella värillä.
Askeli 4: Häivytys
Käytän valikosta suodinta Filter>Blur>Gaussian Blur.
Häivytyksen säde on valittava niin, että reunat pehmenevät kauniisti. Noin 50 pikseliä sopii esimerkiksi hyvin.
Askeli 5: Roiskeet
Asetan kerroksen tilaksi Roiskeet.
Askeli 6: Vähennä yhteen alempaan kerrokseen
Säilyttääkseni roiskevaikutelman, mutta palatakseni kerroksen tilaan Normaali, valitsen kerroksen sen alla olevan kanssa ja yhdistän ne pikakomennolla Ctrl+E yhteen.
Askeli 7: Liikkeensumennus
Valitsen valikosta suodinta Filter>Blur>Motion Blur.
Valitsen keskikokoisen etäisyyden noin 275 pikselin arvolla, jotta roiskeista tulee viivamainen vaikutelma.
Askeli 8: Kaksinkertaistaa kerros ja ruudunnosturi efekti
Seuraavaksi kaksinkertaistan kerroksen, vähennän peittokyvyn 50 prosenttiin ja avaan suodinta Filter>Stylize>Diffuse ja valitsen Line Pattern koossa 1 ja Contrast arvolla 0.
Asetan sättövärin kerrokselle luodakseni värinvaikutelman, aktivoimalla valintaruudun Väritä.
• Värin sävy: 224 siniseen
• Sävy: 39
• Kirkkaus: -10 tai 0 – riippuen nykyisestä ulkonäöstä
Askeli 9: Värin vaikutus suodattimella
Luo asetuskerrannainen Värisävykontrasti kirjossa Täyttöasetukset, Musta 75%:n peittootteen ulkopinta ja 35 Pikselin Koko tila Värikypsyys asetukseen.
Pystyn mukauttamaan asiakirjakoon Vapana työkaluna.
4.2 Ruudukkomalli
Ruudukkomalli toimii erittäin hyvin taustaelementtinä esimerkiksi layer. Se voidaan käyttää koko taustalla tai alaviivoittavana designelementtinä.
Askeli 1: Luo malli
Luo uusi asiakirja koossa 50x50 pikseliä läpinäkyvällä taustalla ja vedä kapea valintakaista ylös ja vasemmalle Valintatyökalulla. Täytä valinta valkoisella tai mustalla värillä.
Tallenna malli valikosta Redaktointi>Määrää malli.
Vaihe 2: Ristikko taustakuviona
Kuvio voidaan asettaa taustaelementiksi täyttämällä uusi taso kuviovaipalla Täyttötyökalun avulla.
Jos haluan leveämpiä ristikoita, voin helposti tehdä sen Täytemenetelmien avulla antamalla ristikolle Kontuurin samalla täyttötavalla.
Jos haluan ristikon sen sijaan olevan suurempi tai pienempi, kannattaa luoda uusi taso millä tahansa värillä, asettaa Pinta-alue nollaksi ja asettaa Mallin päällekkäisyys ristikuvion kanssa Täytemenetelmissä. Siellä voin sitten skaalata ristikon tarpeen mukaan.
Optimaalista jatkokäsittelyä varten voin luoda Mallin päällekkäisyyden avulla myös omaksi kerrokseksi oikealla klikkauksella.
Vaihe 3: Ristikko suunnitteluelementtinä
Ristikkoa voidaan käyttää myös erinomaisena suunnitteluelementtinä.
Tässä esimerkissä (Kuva: Mike Liu – Fotolia.com) valonheijastusta halutaan tehostaa entisestään. Siksi lisään uuden tason ristikuvion Täyttötyökalun avulla.
Sovitan ristikkoa valonheijastuksen muotoon Ctrl+T>Muokkaa. Tällä tavoin valonheijastukseen saadaan dynaaminen lisävaikutus.
Asettaessani valkoisen ulkosäteen Täytemenetelmissä 20 pikselin Koossa Värillä pehmentäminen -tilassa, vaikutus korostuu vielä miellyttävällä tavalla.
Majakka-kuvassa voin korostaa merellistä tunnelmaa luomalla aallokon ristikon avulla. Tässäkin lisään ristikon uudelle tasolle ja muotoilen sen aaltojen näköiseksi.
Ristikolle annan valkoisen ulkokontuurin Täytemenetelmissä 1 pikselin Koossa. Näin ristikosta tulee hieman paksumpi.
Samoin kuin ristikon muotoa voi säätää Muokkaa, voin myös korostaa rastereita, viivoja ja ympyröitä aksonometrisilla Transformaatioilla ja Tasomaskeilla näkymässä. Viivakuvioille voin jopa simuloida sinekuviot.
Tässä esimerkissä olen lisännyt pyörerasterin ja rajannut sen Tasomaskeilla näkymään sisäalueelle luoden majakan huipulle kipinäefektin.
5. Ääretön kuvio ja saumattomat laatat
Äärettömiä kuvioita ja saumattomia laattoja käytetään usein flyer- ja verkkosivujen taustakuvina. Olen viimeisessä tutoriaalini osassa halua näyttää useita lähestymistapoja äärettömien kuvioitten luomiseen.
5.1 Yksinkertainen ääretön kuvio
Minulla on kaistale kuvaa, jonka haluan asettaa äärettömän kuvioksi. Teksturoitujen kuvien kanssa on usein mahdollista luoda kuviota ilman näkyviä liitoksia. Tärkeintä on onnistunut valinta.
Vaihe 1: Valitse kuviokenttä
Esimerkissäni haluan asettaa tämän tekstuurista äärettömän kuvion. Painan Ctrl+A valitakseni koko kuvakentän. Koska - myös CS5:ssä - valintojen muokkaaminen valikosta Valinta on harmaana, otan vaihtoehtoisen tien tehdä tarkan valinnan.
Kun olen valinnut Oikea hiiri>Valinta muokkaa, näkyviin tulee useita numeerisia syöttökenttiä. Asetan valinnan korkeuden ja leveyden molemmat 70 prosenttiin. Sen jälkeen vahvistan painamalla Enter.
Vaihe 2: Kopioi ja liitä valinta
Kopioin valintani ja liitän sen uudelle tasolle painamalla Ctrl+C & Ctrl+V.
Vaihe 3: Vapauta kuviot ja määritä se kuvioksi
Vapautan kuvion Vapautustyökalulla. Voin määrittää kuvion kuvion määrittelyvalikossa Muokkaus.
Vaihe 4: Käyttö taustana
Luon flyerini uuden tason ja täytän sen millä tahansa värillä. Asetan Pinta-alueen 0 prosenttiin. Täytemenetelmät -valikossa määritän flyerilleni aiemmin määritellyn kuvion Kuvion peittona.
Täytemenetelmäksi asetan Luminanssi. Peittoa pienennetään alempaan arvoon. Skaalaussäätimellä voin muuttaa kuvion kokoa. Tarkan sijainnin määrittämiseksi on suositeltavaa siirtää kuvioni oikealle paikalle suoraan hiirellä asiakirjassa.
5.2 Toistuva kuvio
Saavuttaakseni tämän tyypillisen "tapetti-ilmeen", joka toistuu verkkosivujen ja esitteiden taustoissa, minun täytyy käyttää siirtosuodatinta.
Vaihe 1: Muodon piirtäminen ja määrittäminen kuvioksi
Omaa muoto-työkalua käyttämällä piirrän itselleni kukkamaisen muodon 500 x 500 pikselin kokoiseen asiakirjaan, josta tulee tapettikuvioni. Sijoitan muodon tarkasti asiakirjan keskelle. Tämän jälkeen määritän kukkamuotoni kuvioiksi.
Vaihe 2: Siirtymän määrittäminen
Tapettilook ei vielä ole täydellinen, vaikka voisin jo käyttää toistuvaa kuvioani. Puuttuu siirtymä. Tavoittaakseni sen, luon uuden asiakirjan kaksinkertaisella edelliseen verrattuna, eli 1000x1000 pikseliä.
Täytän yhden tason kuvioillani. Näkyviin tulee neljä elementtiä. Valitsen kuvioistani sarakkeen käyttäen Valintatyökalua.
Valikosta Filter>Muu suodatin>Siirtymä asetan vertikaalisen siirtymän. Valitsen pikselit niin, että yläreuna liittyy tarkasti alareunaan.
Tämän jälkeen asetan tämän kuvion kuvioiksi valikon Muokkaa kautta ja voin käyttää sitä taustana esitteessäni. Tässäkin tapauksessa kuvio on sijoitettu harmaalle tasolle kuviopeittoon tilassa Luminanssi 20 prosentin peittävyydellä.
5.3 Saumattomat kaakelit tekstuurien kanssa
Niin helppoa kuin ensimmäisessä esimerkissä onnistuminen on harvinaista luoda kuvio ilman näkyviä liittymäkohtia.
Epäsäännöllisetkin tekstuurit voi kuitenkin tehdä saumattomiksi kaakeloitaviksi. Tähän käytän jälleen suodatinta Siirtymä ja korjaan näkyvät reunat jälkikäteen.
Vaihe 1: Siirtymävaikutuksen soveltaminen
Tekstuurini koko on 1000 x 1000 pikseliä. Kun asetan sen kuvioiksi ja käytän sitä suuremmassa asiakirjassa, reunat näytetään seuraavanlaisilta:
Palaan alkuperäiskokoiseen 1000x1000 pikselin tekstuuritiedostooni. Valikon kautta Filter>Muu suodatin valitsen suodattimen Siirtymä. Asetan vaaka- ja pysty siirtymän tarkasti puoleen eli molemmissa tapauksissa 500 pikseliin.
Vaihe 2: Näkyvän sauman korjaaminen
Nyt keskellä näkyvä sauma on tarkasti nähtävissä.
Siirtyen CS5:een, minulla on käytettävissäni toiminto Sisällön tietoinen korjaus aluekorjaimessa. Käytän aluekorjainta pehmeällä siveltimellä merkitsemään saumakohdat. Valintaruutu Sisällön tietoinen on aktivoitu.
Saumakohdat korjautuvat automaattisesti. Saattaa olla tarpeen tehdä useita kertoja.
Kuitenkin tehokkain reunan korjaamisessa on mielestäni edelleen Korjaustyökalu, jota voivat käyttää myös CS5-versiota käyttämättömät käyttäjät. Aktivoimalla Lähde valintaruudun valitsen yksinkertaisesti saumakohdat ja vedän valinnan puhtaaseen alueeseen. Väri, kylläisyys, kirkkaus ja Kontrasti tasoitetaan ja näkyvä sauma korjautuu vakuuttavasti.
Kun näkyvä sauma on korjattu, määritän kuvioni valikon Muokkaa kautta.
Vaihe 3: Saumaton kaakelikuvio käyttöön
Luon uuden tiedoston koon ollessa 2000x2000 ja voin nyt käyttää saumattomasti kaakeloitua tekstuuriani Täyttötyökalulla.
Erityisesti tekstuurit ovat hyödyllisiä, kun halutaan lisätä vanhenemis- tai rosoisia efektejä kuviin. Katso alla oleva kuva (Kuvalähde: Lev Dolgatsjov – Fotolia.com).
Siksi suositeltavaa suurissa asiakirjoissa on helposti muuttaa epämääräiset tekstuurit saumattomiksi kaakeloitaviksi. Tässä esimerkkikuvassa yllä näkyvän tekstuurin asetin Seos tilassa Päällekkäin kuvaksi ja sävy/kylläisyys-asetuksella Leikkaamismaskeeksi hieman vähennettyä.
Tässä oppaassa on mukana 16 kuviosta koostuva setti. Siinä ovat tämän opastuksen diagonaaliset, horisontaaliset ja vertikaaliset skannausviivat, pikselikuviot ja pistekuvio, ympyrämateriaalikuviot sekä ruudukkomateriaalikuvio.
