Rakkaat miehet, tervehdys rakkaat naiset, täällä on taas teidän Stefan Riedl PSD-Tutorials.de:stä. Olemme saapuneet suureen design-projektimme viimeiseen suureen vaiheeseen. Seuraavien minuuttien aikana toivottavasti vietätte vähän aikaa kanssani, sillä tulemme suunnittelemaan tämän ihastuttavan taittokortin. Kyseessä on selvästi trendikäs parturiliike, tarkemmin sanoen uusi trendikäs parturiliike ”Les Cheveux”. Täällä siis käsitellään hiuksia.
Tänään työskentelemme DIN-lang-muodossa vaakasuunnassa, kuten tästä huomaa. Tämä on sivu yksi, avaus-sivu, kauniisti värikkäästi suunniteltuna tämän elegantin naisen ja tietysti tämän uskomattoman fantastisen, jopa pirullisen punaisen harjan kera.
Jatkamme taittokorttimme takana aukioloajoilla ja lisäpalveluilla. Lisäämme QR-koodin. Sisällytämme yhteystiedot sosiaalisen median alueelle.
Tässä siirrymme sisäsivulle, eli oikealle ja vasemmalle sisäsivulle. Oikealla esittelemme tiimin, …
… vasemmalla esittelemme vielä kerran kaikki palvelut. Kaikki tämä on täynnä upeita kuvia, siistiä järjestelyä, kauniita symmetrioita ja siistiä luonnetta. Odottelen innolla yhteistä matkaamme …
Lehtien painatusvaatimukset taittokortille
Tietysti ensin on selvitettävä, millaiset painatusparametrit ovat. Siksi poiketaan katsomaan painotaloomme, diedruckerei.de. Sieltä löydämme jo posti- ja taittokortteja (1). Valitsemme taittokortit (2). Kannattaa kiinnittää huomiota formaattiin, siellä on pysty- ja vaakasuora formaatti. Valitsemme vaakasuoran (3). Täällä ovat jo mitat: 21 cm ja 10,5 cm.
Kuitenkin meidän on otettava huomioon jotain, sillä yksityiskohdista näet, että lopullinen muoto on erilainen, nimittäin 42 cm x 10,5 cm. Loogista, koska meillä on 1-taitos, mikä tarkoittaa, että meidän on otettava 21 cm kaksi kertaa.
Muuten täällä on paljon muitakin ohjeita liittyen viimeistelyyn ja mitä muuta huomioitavaa on.
Esimerkiksi täällä Tietohuomautuksessa, näet, millä värimoodilla sinun on työskenneltävä, värien peittävyys, näet, että meidän on pidennettävä 2 mm leikkausvara. Ja yksityiskohtien alta voit tarvittaessa ladata alas myös tietosivun ja pohjat. Emme tarvitse niitä kaikkia, koska rakennamme ne itse. Meillä on nimittäin oikea kädet savessa -mentaliteetti. Nostetaan siis InDesign CC:llä korkeuksiin … Siitä mennään.
Valmista InDesign-dokumenttia varten
Asettamalla ensin uuden dokumentin yli Tiedosto>Uusi>Dokumentti…. Voimme jättää kaksipuolisen sivun (1) tällä kertaa pois, koska asetamme formaatin manuaalisesti suoraan sopivan leveyden kanssa. Leveys on 420 mm ja korkeus on 105 mm (2). Voimme jättää myös sarakkeet suoraan, sillä piirrämme sitten apuviivoista verkoston. Marginaaleiksi (3) valitsen 4 mm joka suuntaan. Se on yksinkertaisesti turvaetäisyys teksteille, joita käytämme tai muille kriittisille linjoille. Alhaalla on vielä leikkausvaroalue ja tietoalue. Jos teiltä puuttuu se, napsauttakaa tätä pientä nuolta (4). Asetamme kaikki 2 mm (5) ja vahvistamme dokumentin (6).
Määrittele väripinnat
Parempaa yleiskuvaa ja helpottaakseni teidän työtänne, poistan totuttuun tapaan kaikki väripinnat (1), joita emme tarvitse, valitsemalla ne (2) ja poistamalla ne roskakorikuvakkeesta (3).
Samalla tavalla määrittelen uusia väripintoja (1), jotka tarvitsen layoutiimme. Ensimmäinen on tekstin väri: C=0, M=0, Y=0 ja K=90 (2). Jokaisen värimääritelmän jälkeen napsauta Lisää (3). Seuraavaksi siirrytään C=68, M=100, Y=27 ja K=24, niin saamme tämän luumunpunaisen sävyn (4). Se myös lisätään kerran. Jatkamme C=43, M=88, Y=0 ja K=0 (5). Kyseessä on siis vaaleampi versio. Viimeisenä on vielä jotain aivan erilaista mukana: C=22, M=0, Y=100 ja K=0 (6). Nyt meillä on räikeä keltainen. Se vaikuttaa jo ydinpolttoaineen keltaiselta, mutta tarvitsemme sitä, se on nimittäin vastaväri violettitonaalisillemme. Vahvista OK (7).
Aseta apuviivat mallisivulle
Nyt siirrytään ensin mallisivulle. Siellä luon sopivan ruudukon apuviivoista, jotta minun ei tarvitse tehdä sitä manuaalisesti kaikilla sivuilla. Valitse sivut-kentästä mallisivu...
... ja vedä sopivat viivat Asettelu>Luo apuviivat.... Haluan jakaa kaiken kolmen rivin ryhmiin, eli 3 riviä 0 mm:n sarakkeiden välimatkalla ja 6 saraketta, myös 0 mm:n sarakkeiden välimatkalla (1). Tämän jälkeen se näyttää siltä kuin taustalla jo näkyy (2).
Jatketaan: Vedän vasemmalle apuviivan (1) ja asetan sen manuaalisesti 28,8 mm:iin (2). Ja vielä toisen (3), vedän sen 391,2 mm:iin (4). Nyt se on siis täällä vasemmalla ja täällä oikealla.
Palataan takaisin normaalille tavalliselle sivullemme. Meillä on tämä ruudukko ja emme voi vahingossa siirtää mitään, koska mitä mallisivulla on, on lukittu.
Pyöristettyjen palkkien luominen yksivärisellä varjostuksella
Aloitetaan kansi-sivulta oikealta niin, että vedän ylös ja alas pienen reunuksen. Tähän voin yksinkertaisesti sijoittaa suorakulman (1), sitten valitsen oikean värin (2) ja pienennän elementin korkeutta 3,5 mm:iin (3).
Nyt täytyy vielä sijoittaa elementti kauniisti ylös oikeaan kulmaan sivun reunaan (4). Voit zoomata sisään alt-näppäimellä ja hiiren rullalla... siirrä sitä lähemmäs reunaa (5). Reuna on 2 mm leveä ja elementti on 3,5 mm leveä, joten meillä on 1,5 mm, jotka näkyvät lopullisessa formaatissa.
Nyt meidän täytyy venyttää se oikeaan leveyteen (1), tähän keskiviivaan asti, parasta on zoomata jälleen tarkasti työskentelyä varten (2).
Nyt vedän uuden suorakulmion (1). Korkeuden pitäisi olla 10 mm (2), asetan värin tumman violetiksi (3). Siirrän sen ylös (4).
Nyt tarvitsemme muunna käännöspisteeksi-työkalun (1). Valitsen tämän pisteen (2). Pidän hiiren painiketta alhaalla muokatakseni sitä siten, että saamme kauniin, elegantin, pyöristetyn kaaren (3). Näin voisin kuvitella sen. Katsotaan sitä ilman apuviivoja (4): Tämä on nyt saanut uuden muodon.
Mitä teemme sen kanssa? Aivan selvä – lisäämme siihen tehon. Teho valitaan Tehot-kentästä (1), josta voit tehdä tarvittavat säädöt tai napsauttaa tässä ylhäällä olevaa fx-painiketta (2). Valitse Sisäinen varjostus (3), alhaalta tuleva, eli kulma on -90° (4). Peitto on 75 % (4). Vahvista painamalla OK (5). Näin olemme saaneet tämän tietyn tehon (6), tummasta mustasta violettiin (Nuoli kohdassa 6).
Seuraavaksi kopioidaan tämä polku (1), vetämällä se yksinkertaisesti tähän symboliin (2). InDesignissa on lukemattomia tapoja kopioida asioita, tämä on vain yksi niistä. Aktivoin ylemmän polun (3).
Nyt poistan tehon poistamalla tämän valintaruudun (1). Sitten venytän sitä hieman suuremmaksi. Meillä on täällä korkeus 10 mm. Voin siirtää viitteen ylös (2) ja suurentaa sitä 11,8 mm:iin (3) – tulos kuten kuvassa näytetään. Nyt sen täytyy siirtyä yhden tason taaksepäin (4).
Se näyttää sitten tältä (1).
Teemme muutamia säätöjä Tehot-kentässä: Valitse Sisäinen varjostus (2). Voimme pitää -90° (3). Kuitenkin Peitto vähennetään 50 %:iin (4), Etäisyys on 1 mm (5) ja Koko on 1 mm (6). Tämä tarkoittaa, että varjo kulkee aivan reunan vieressä (7).
Se on edelleen hieman liian voimakas makuuni, joten yksinkertaisesti syötä 75 % tähän ylhäälle (1). Voisitte tehdä samoin täällä (2)... Enter ... ja näin rakennamme askel askeleelta plastisuutta.
Lopuksi teemme siitä myös kopion. Tämä tarkoittaa, että vedän tämän polun uudelle tasolle (1). Levennän sitä uudelleen korkeudesta 11,8 mm kohdalle 13,4 mm:iin (2). Ole tarkkana, ettei se ole liian leveä, mutta se menee täysin kunnossa. Voimme pitää tehokkaat toiminnot, mutta vähennän vielä kerran Peittoa 50 %:iin (3).
Näin värien leikki näyttää nyt (1). Pieni yksivärinen sateenkaari, voisi ajatella. Ja minä merkitsen kaiken tämän ja teen siitä kopion painamalla Alt- ja Shift-näppäimiä (2). Ulkopuolella kahvaa voi kääntää kaiken ympäri kerran (4), …
… ja käännämme sen 180° (1). Sitten voimme varovasti sijoittaa sen alareunaan (2 ja 3).
Joten nyt meillä on yläreunassa ja alareunassa täysin symmetrinen, samanlainen kuva. Se on kuin tarkka kopio. Tällä tavoin työ sujuu helpommin - ei tarvitse luoda kaikkea kaksinkertaisesti. Kopiointi tekee todellisia ihmeitä.
Kuvan sijoitus
Voit valita sopivan kuvan käyttämällä Sijoita-komentoa Ctrl+D. Tutustu tähän naiseen. Wow! Jos tämä ei ole katseenvangitsija. Sitten vedämme sen kerran.
Se sijaitsee nyt keskellä, mutta se ei haittaa, koska se siirtyy pian alemmille tasoille (huomaa kuva).
Sitten valitsemme Hiiren kakkospainikkeen, Sovita>Runko täyttää suhteessa (1). Ja nyt siirrämme tämän kuvan Tasot-paneelissa aivan alareunaan (2).
Nyt leikkasimme kauniin naisen silmät pois (1). Sitä emme halua. Ja jotta voimme visualisoida sen paremmin, valitsen jälleen hiiren kakkospainikkeella ja asetan Lisää laatu korkealle. Nyt voin valita kuvan sisällön kaksoisnapsautuksella ja ottaa kuvan niin paljon alaspäin Shift-- ja nuolinäppäimellä alas, että saamme varmasti silmät mukaan kuvaan ja että kynsien osa tulee myös osittain kuvaan (2). Tämä voi näyttää teillä tältä.
Tekstin lisääminen ja varustaminen teholla
Sitten on tietysti kysymys antaa kampaajalle nimi. Teemme sen seuraavaksi vetämällä tekstikehyksen. Kirjasintyyppi on nimeltään Nouvelle Vague, jota on vain yksi leikkaus (1). Kirjasinkoko 50 pt, suuraakkoset aktivoituna (2), väri valkoiseksi (3), ja sen jälkeen voimme keskittää sen (4) ja aloittaa kirjoittamisen ... Ja pienennä tekstikehys kerran (kaksoisnapsautus kohdassa 5).
Haluan vielä enemmän syvyyttä, ja sen saamme Tehot-paneelista (1). Sieltä voit valita Varjo (2). Etäisyys, joka on kolme ja puoli millimetriä, on yleensä lähes aina liikaa. Pienennän sen 1 mm:ksi (3), se riittää, myös kooltaan 1 mm (4) ja kulmaltaan noin 104° (5). Peitto pysyy 75%: ssa (6).
Kun tarkastelet sitä (7): Täällä saamme todellakin enemmän syvyyttä, ja minä haluan sen myös, jotta kirjainten luettavuus paranee.
Nouvelle Vague on tietysti upea kirjasintyyppi, mutta se ei todellakaan sovi teksteihin, jotka ovat pidempiä kuin otsikot. Siksi vetäisen toisen tekstikehyksen. Sitten tarvitsemme toisen kirjasintyypin. Valitsin esimerkiksi Fira Sansin, nimeltään Light. Tässä näemme erityisen symbolin, Typekit-symbolin (1). Se tarkoittaa, että jos sinulla ei ole kyseistä kirjasintyyppiä, voit ladata tarvittavat fontit Adoben palvelun kautta, eli Typekitin kautta. Näytän sinulle heti, miten se toimii.
Minä muotoilen sen nopeasti: keskitys (2), väri valkoiseksi (3), suuraakkoset aktivoituna (4). Sitten kirjoitamme: "Uusi kampaamotrendi kaupungissa" (5).
Kopioin varjotehon yksinkertaisesti Tehot-paneelista (valitse otsikko, 1) napsauttamalla fx-symbolia (2) ja vetämällä sen toiseen osaan (3). Siinä meillä on ehkä hieman liikaa, joten menen takaisin (kaksoisnapsautus 4) ja pienennän Etäisyyden ja Koon 0,5 mm: iin (5, tulos 6).
Lisätietoa: Typekit-kirjasintyypit
Palataan takaisin Fira Sansiin: Mistä se tulee? Miten sen saamme? Haluan sen nyt, mitä minun pitää tehdä? Jos sinulla on Adoben Creative Cloud -tilaus, voit käynnistää CC-sovelluksesi kerran. Voit napsauttaa yläreunassa olevaa Home-painiketta. Siellä on tietysti sovellukset, joten kaikki sovellukset. Ja yli Elementtien (1) voit ladata erilaisia varoja, eli tiedostoja. Sinulla on myös pilvitallennustila. Voit vetää sopivat osaset Markkinassa ja käyttää niitä. Tämä on kuin valtava tori, josta voit ottaa mitä haluat. Ja siellä on Kirjasintyypit (2).
Jos tarvitset tietyn kirjasintyypin, kuten Fira Sansin, jonka olen jo ladannut 14 muulla leikkauksella, voit synkronoida sen yksinkertaisesti valitsemalla Synkronoi kirjasintyypit Typekitistä. Klikataan siihen (3).
Nyt kun avaan selaimen, olemme Adobe Typekitissä (4), ja siellä voit esimerkiksi etsiä Fira Sansin (5). Sitten se näyttää sinulle kyseisen kirjasintyypin eri leikkauksilla. Voit helposti valita ne painamalla Käytä kirjasintyyppejä (6), valitsemalla haluamasi kirjasinleikkaukset (7). Minun tapauksessani ne ovat jo kaikki synkronoituja. Voisin poistaa ne (8), mutta emme halua sitä tehdä.
Jos tarvitsette toisen fontin, menkää vain aloitussivulle. Teillä on täällä uskomattoman hienoja mahdollisuuksia (kuvaa katso) … Haluatteko serifejä vai ehkä pikemminkin groteskia kirjasintyyppiä ilman serifejä, työpöytäalueelle, verkkosivuille tai ehkä tehdä alhaalla joitain muita muokkauksia? Minkälainen tunnelma fontilla pitäisi olla? Voitte sitten ladata sen yhdellä napsautuksella, se synkronoidaan automaattisesti InDesigniin, kunhan olette yhteydessä internetiin, ja voitte sitten käyttää sitä asiakirjassanne. Tämä kuitenkin tarkoittaa yhtä haittaa: Voitte käyttää fonttia vain jos olette myös verkossa. Jos ette ole enää verkossa, ette voi käyttää fonttia, koska sitä ei yksinkertaisesti voi synkronoida. Päättelen tämän jälleen, mutta nyt tiedätte, mistä tämä fontti tulee.
Ja käytämme sitä jälleen kokonaisvaltaisesti koko asettelussa, koska se on kauniin iskevä, sitä voi lukea hyvin, se välittää juuri sen, mitä haluamme välittää – todella ihana fontti.
Rivivälin säätäminen
Otsikossa haluan vielä säätää riviväliä. Se on tällä hetkellä 60 pt. Muutin sen manuaalisesti 50 pt:ksi.
Väriliukua luodaan
Nyt tulee viiva. Voitte vetää sen käyttäen Viivanpiirtotyökalua (1) aivan otsikosta vasempaan otsikosta oikealle (2). Käytämme sitten komplementtiväriämme Ydinreaktorinkeltaista (3). Näyttää tällä hetkellä melko kovalta (4).
Joten lisäämme vielä yhden sävyn. Voimme tehdä sen helposti muuttamalla Tehtävä-paneelista (kaksoisnapsautus 5), valitsemalla täällä pehmeän väriliukumarginaalin (6). Valitkaa asetuksista radiaalinen väriliuku (7). Nyt tapahtui jotain: Viiva haalistuu täällä hitaasti (8).
Se on melkein hieman liikaa minun makuuni (1), joten teen pieniä säätöjä ja siirrän yksinkertaisesti tätä vinokulmaa ylöspäin ja mustaa maalisankoa hieman oikealle, noin puoliväliin (2, efekteissä pehmeän väriliukumarginaalin kohdalla). Kun vahvistan tämän nyt, väriliuku on selvästi vähemmän voimakas (3), ja olen täysin tyytyväinen siihen.
Tekstin ja viivan asettelu asettelussa
Nyt meidän täytyy vetää kaikki vähän lähemmäs toisiaan: Kiinnitän viivan alareunaan otsikossa (1), sitten menen alas kerran painamalla Vaihto ja Alasnuolinäppäintä (2). Kiinnitän tekstin keltaiseen viivaan (3), ja menen myös alas (4).
Nyt valitsen kaikki kolme elementtiä painamalla Vaihto-näppäintä ja saan ne paremmin kohdistettua. Siirrän kaiken alaspäin, jotta voimme hyödyntää mallin katseen ohjausta. Haluan, että hän katsoo nimeä, jopa sormi voi osoittaa sinne.
Nyt siirrän sen reunalle (1) ja menen sitten kolme kertaa Vaihto ja Oikealle nuolinäppäimellä (2). Joten mielestäni olemme turvallisilla vesillä. Nyt etupuoli on lähes valmis.
Kuvakkeiden sijoittaminen
Ainoa mitä vielä puuttuu, ovat nämä pienet kuvakkeet tässä alhaalla. Haen ne kokoelmastani. Siksi zoomaan hieman sisään, avaan kokoelman (1) ja valitsen ensimmäisenä hiustenkuivaajan (2) – joka on jokaisessa kampaamossa. Sijoitan sen ihan oikealle, tarkalleen 4 mm etäisyysviivan päälle (3). Miten koko elementti on koottu? – Meillä on ympyrä, jolla on 2 pt paksu, valkoinen ääriviiva, jonka sisällä on Fotolian kuvake. Seuraava tulee viereen, vastaava hiushoitoaine. Se tulee juuri viereen (4). Sitten painan Vaihtoa ja sivusuunnan nuolinäppäintä ja siirrän yhden vasemmalle (5). Sitten tulee viimeinen elementti, sakset, ja sen sijoittelun suhteen sama juttu. Jo lukuisista poluista näkyy, että kyseessä on vektoritiedosto, eli Adobe Illustratorista oleva AI-tiedosto, jonka olen tuonut tänne.
Katsotaanpa tätä kaikesta ylhäältä päin (1): Mielestäni voisimme jopa lisätä hieman enemmän tilaa. Nyt se näyttää hyvin tiiviiltä. Teidän on ehdottomasti otettava tämä huomioon asettelussanne: Onko tämä oikein? Sopiiko se niin kuin haluaisin vai ei? Siksi lukitsen taustan Ctrl+L avulla (2).
Nyt voin ottaa nämä kaksi elementtiä (3), siirtää ne vielä Vaihto ja vasemmalle. Ja viimeisenä elementtinä saksilla siirrän sen vielä Vaihto vasemmalle. Nyt saimme hieman välitilaa, se näyttää yksinkertaisesti paremmalta (4). Teidän on todella katseltava tätä suunnitelman silmällä: Sopiiko se? Onko se kunnossa? Vastaavatko sävyt, suhteet? Näyttääkö kokonaisuus pyöreältä paketilta? Mielestäni olemme nyt turvallisilla vesillä.
Mitä mieltä olette etupuolesta? Mielestäni se on oikeastaan melko hyvä.
Takapuoli: graafiset elementit perusasettelua varten
Siirrymme sulavasti vasemmalle takakanteen kampaajalle suunnitellussa taittokortissamme. Alkaen näistä herkistä viivoista täällä ylhäällä (1), joita olemme varustaneet mahtavilla 3,5 mm: n kanssa, kopioidaan ne. Merkitse objekti, valitse Alt--näppäin kopiolle ja Shift--näppäin, jotta pysytte akselilla. Siirrä se kerran vasemmalle (2) ja sijoita se täysin leikkaukseen (3). Sitten pienennä sitä (4). Sitten kopioin sen uudelleen ja siirrän sen oikealle ja venytän sen tähän ohjeviivaan asti (5). Ja vielä kerran kopioi ja vedä objekti ohjeviivan ääreen (6).
Nyt täytyy vaihtaa värit: vasen ja oikea saavat kumpikin valkoisen värin (1). Nyt voin merkitä kaikki kolme elementtiä ja siirtää ne myös Alt- ja Shift-nappeja käyttäen alaspäin leikkaukseen (2).
Kun ne ovat kaikki siirtyneet alas kellariin, jatkuvat työskentely vasemmassa ja aivan oikeassa isoilla värilaatikoilla. Käytämme siellä toista väriä - syvänviolettiä (1). Piirrän tähän suorakulmion (2). Älä unohda yläosassa (3) tulevaa tasoa, varmista yhtenäinen korkeus.
Näin voimme luoda perusasettelun, jolle työskentelemme muutamassa sekunnissa. Kuvaan vasemmalle tulee iskulause, joka kertoo, mitä tällä sivulla on, eli paikka. Keskipaikalle tulevat sitten yhteystiedot. Lisäämme osoitteen, QR-koodin ja niin edelleen. Ja lopuksi tähän kenttään tulee lopullisesti lisäys palveluvalikoimaan.
Tekstin sijoittaminen
Aloitetaan antamalla lapselle nimi: vedä tekstikenttä (1), valitse Fira Sans Bold -kirjasin, käytä isoja kirjaimia ja 48 pisteen fonttikokoa, keskitä vielä. Väri on valkoinen (kaikki asetukset kuvassa 2 ylhäällä). Kirjoita sitten: "Sijainti" (3).
Kaksoisnapsauta kahvaa mukauttaaksesi tekstikenttää (4). Käännetään se vielä 90 ° ja siirretään paikalleen, keskittäen se (ohjeviivoihin perustuen kuvassa 5). Näin olemme jo onnistuneesti sijoittaneet ensimmäisen elementin (6).
Näin näyttää sivu nyt.
Kuvan ja lisäpalveluiden lisääminen
Jatkamme oikeanpuoleisella osalla sivua. Siellä työskentelemme teksteihin, kuvaan ja tiettyihin läpinäkyvyyksiin sekoitettuna upean visuaalisen vaikutuksen luomiseksi: vedä tekstikenttä (1), muuta kirjasintyyliä Fira Sans Light -kirjasintyypiksi. Kavenna fonttikokoa 14 pisteeseen, poista iso kirjain, väri on valkoinen (asetukset kohdassa 2). "Hyvä tietää", sitten välilyönti sisään.
Kirjasinkokoa edelleen pienennetään 9 pisteeseen, iso kirjaintyyli poistetaan ja sitten Täyte> täyttötekstillä (asetukset kohdassa 3). Meillä on tällä hetkellä viisi riviä, pidennän sitä neljään, pienennän tekstikentän kokoa (kaksoisnapsautus tekstikentän alareunaa kohti). Jätämme sen vain vasemmalle, sillä huolehdimme kohdistamisesta, kun meillä on myös sopiva kuva siihen.
Kutsu Ctrl+D-näppäimellä Sijoita--valintaikkuna, valitse sopiva kuva (4), vedä se kerran (5). Se on kokonaan liian suuri, joten pienennän sen korkeudessa. Ajattelen, että 47 mm saattaa riittää noin (6). Sitten sijoitan kuvan sisällön, jotta saamme naisen kauniilla kasvoilla myös kuvaan (7). Tärkeää kuvien sijoittelussa on myös se, että kasvot katsovat aina taittoon päin. Hän katsoo siis täältä hieman vinosti ylöspäin. Olisi pahinta, jos hän katsoisi pois taitosta, sillä siellä ei ole mitään löydettävää.
Työnnän sen nyt ylöspäin ohjeviivaa kohti (1) ja painan kerran Shift-näppäin alaspäin. Täsmälleen sama tälle alueelle (2), Shift-näppäin ja alaspäin.
Tästä teen kopion ja siirrän sen alaspäin (3). Valitse Ctrl+Y-näppäimellä tämä valintaikkuna (4), ja siellä näet sitten myös muotoilematonta tekstiä (5), poista se. Ja sitten pysymme "Hyvä tietää", joka on rivi, jolla työskentelemme.
Se roikkuu kuvan takana, joten siirrä hieman alaspäin (1). Ja kirjoitamme sen uudestaan: "Odotamme vierailuasi" - "vierailuasi" asetamme Fonttityylillä Medium (2). Tämä on hyvin suosittu tekniikka, että käytät erilaisia kirjasintyylejä, esimerkiksi Bold ja Light, kun sitten sinulla on vain paksua ja ohutta rinnakkain. Mutta tärkeät asiat asetetaan tietysti Bold, jotka ovat oleellisia ja tärkeitä.
Siirrä se kerran aivan alas ohjeviivaan (3) ja kerran ylös Shift-näppäimellä (4). Sitten se on valmista.
Seuraavaksi jatketaan täällä esiin tuotujen täydentävien palveluiden parissa. Valitse ensin suorakulmaisen kehyksen (1), klikkaa työtilaan ja määritä leveys 30 mm ja korkeus 5 mm (2). Väriksi valkoinen (3). Laske peittävyyttä 80 % (4), jolloin saamme kevyen läpinäkyvyyden. Nyt otan tekstityökalun (5), klikkaan kerran ja muotoilen sen seuraavasti: Fira Sans, tällä kertaa Light, 10 pt (6). Värinä ei kova musta, vaan hieman pehmeämpi vaihtoehto (7).
Ja nyt painamalla Ctrl+B voimme määritellä etäisyyden kehyksestä: vasemmalle 2 mm (8), jolloin kursori siirtyy reunasta pois. Sen jälkeen voimme vielä valita kohdistuksen (9). Nyt voimme aloittaa kirjoittamisen, esimerkiksi: "Tyylisuunnittelu" (10).
Sitten voimme kopioida tämän kentän painamalla Vaihto ja Alt, sijoittaa sen suoraan alas (1) ja määrittää etäisyyden painamalla Vaihto ja nuolinäppäintä alas (2). "Morsiuskampaukset". Seuraavaa elementtiä varten apuviivat pitäisi jo ilmestyä automaattisesti (3). Voimme siis kopioida tämän useita kertoja ja täyttää vastaavilla teksteillä (4).
Nyt kaikki valitse ja niin, että pidät Vaihto- painettuna, jotta emme liiku akselilla, keskitä kuvan kanssa. Tässä näkyy apuviiva (5). Valmista (6).
Lisää osoitetietoja, kohdista ja muotoile tekstiä
Mitä puuttuu? Kuten arvata saattaa – osoitetiedot, sillä mikä on kampaamo ilman tietoa, missä se sijaitsee. Aloittakaamme siis.
Takana tulisi ehdottomasti myös olla nähtävillä nimi. Kopioin sen helposti etupuolelta valitsemalla nämä kolme elementtiä ja siirtämällä ne painamalla Alt--näppäintä vasemmalle (1).
Nyt meidän täytyy muuttaa väriä, joten Ctrl+A, tämä kaikki toiseen väriin (2) ja fonttikoko 30 pt (3). Rivivälitä ei tarvitse välittää, sillä se on yhden rivin korkeudelta. En myöskään halua käyttää varjostusta tässä vaiheessa. Sitä ei tarvita, sillä nämä kaksi väriä luovat hyvän kontrastin toisiinsa nähden. Joten klikkaa tässä yläpuolella varjostuskuvaketta (4), ja se on poissa.
Seuraavaksi tämä elementti sijoitetaan ylös, kiinnityksen aikana (5) ja säädä sijainti Vaihto ja nuolinäppäin alas. Sitten meillä on samat mittasuhteet kuin etupuolella (6).
Täällä (1) poistamme myös varjon (2) ja vaihdamme värin 90-prosenttiseksi mustaksi (3). Tämän linjan vaihdamme myös väriltään, ydinreaktorikeltaisesta luumuviolettiseksi (4).
Sitten kaikki kolme elementtiä valitaan (5), siirretään ylös apuviivan kohdalle (6), ja sitten Vaihto ja yksi kerta nuolinäppäin alas (7). Nyt meillä on täsmälleen sama akseli kuin viereisellä kentällä (punanen viiva 7 kohdalla).
Näette siis, että graafisessa suunnittelussa on aina kyse symmetrioiden rakentamisesta, harmonioiden luomisesta. Niitä ei ehkä edes havaita tietoisesti, mutta se on tärkeää alitajuiselle havainnoinnille, että se saa siistin luonteen.
Jokin korjaus, jonka meidän täytyy tehdä, koskee tekstilaatikoiden leveyttä, se on nimittäin liian suuri, ja sen seurauksena käytämme tätä kuvaa (8). Olemmehan vetäneet viivan tekstilaatikoiden koon mukaiseksi, ja näin se katkaisee juuri sen viivan, jonka haluamme. Joten pienennän sen. Ja se on myös tärkeää, koska tarvitsen tekstilaatikoiden viitelinjat alaosaa varten. Joten: kaksoisnapsauta kahvaa (kohdassa 9).
Nyt meidän täytyy varmistaa, että se on keskitetty. Siirrän sitä hieman vasemmalle, ja jo näette: vasemmalla ylhäällä ja oikealla ylhäällä, nämä vihreät nuolet (1) – jälleen kerran apuviivat, loistavaa. Jos niitä ei näy teillä, mene ehdottomasti kohtaan Näkymä>Ruudukko ja Apuviivat aktivoidaksesi älykkäät apuviivat.
Sama homma täällä, keskitä myös tähän (2).
Lyhennämme nyt linjaa. Jos haluaisin vain napata sitä kerran (3) ja sitten muuttaa pituutta, vedämme vain oikealle. Jos haluamme vetää molemmista päistä samanaikaisesti, paina Alt- ja näin ollen myös vasen puoli lyhenee (viherlinjat 3 - kokoelma 4).
Jatketaan: Nyt vedämme suuren tekstilaatikon, samalla leveydellä kuin yläosassa oleva otsikko (1). Vedän sen suureksi, valitsen Fira Sans, fonttiversio Medium. Fonttikoko on 10 pt, se riittää hyvin. Kuvittele, kuinka suuria 10 pt:tä ovat todellisuudessa painettuna versiossa, on hämmästyttävää, miten runsaat nämä kirjaimet vielä tulevat esiin. Joten voit huoletta työskennellä hieman pienemmällä. Aktivoi ISOt kirjaimet, valitse väri (katso asetukset kohdassa 2) ja aloita: "Puhelin Mobiili".
Nyt haluan, että "Mobiili" on oikealle tasattu. Voit tehdä sen helposti valitsemalla sanavälin (3) ja painamalla Shift- ja Välilyönti- näppäintä. "Mobiili" siirtyy oikealle (4).
Nyt voimme mennä rivin loppuun, tehdä kappaleen ja kirjoittaa puhelinnumeron, joka kuitenkin vaihtelee fonttityylissä - otamme jälleen Light-värähtelyn ja värin, joka on 90-prosenttista mustaa (katso asetukset 1). Syötän puhelinnumeron, painan jälleen Shifta ja Taba ja syötän matkapuhelinnumeron (2).
Koska tarvitsemme tätä vielä useammin, määritän nämä yksittäiset muotoilut kappalemuotoksi (3) ja kutsun sitä "Alariviksi". Teen myös muodon alle uuden kappalemuodon. Kutsumme sitä "Infotekstiksi". (Muotoillaan kullakin vastaavalla tekstillä, avaa Kappalemuodot yli 3, syötä nimi ja vahvista).
Nyt voin siirtyä seuraavalle riville, kaksi kappaletta. Kirjoitan "Osoite" ja määritän sen Alariviksi. Vielä kerran Shift+Tab, tähän tulevat "Aukioloajat". Sitten meillä on tietysti väärä muoto, muutan sen. Oho, täällä tapahtui jotain... infoteksti on myös isoissa kirjaimissa. Miksi? Katsotaanpa Absatzformateissa. Perusmerkkimuodot (1) meillä on kirjainlaji. Aseta se kerran Normaaliksi (2), niin ei käy. Ja joten voin täyttää tämän nopeasti muotoilujen avulla ja Shift+Tab ja käyttää kullekin vastaavaa muotoa (3).
Hieno juttu, eikö? Joten jos tietty muoto toistuu yhä uudelleen, kuten tämä "Sijainti" voitaisiin määrittää kappalemuodoksi, sitten sinulla on yksikertaisesti ratkaisu yhden napsautuksen avulla oikean muotoilun ja sinun ei tarvitse asettaa kaikkea ylhäällä aina. Kannattaa kuitenkin käyttää muotoja vain silloin, kun nämä muodot toistuvat. Sillä meillä ei ole siihen asti ollut paljon tarvetta, mutta nyt se tuli ensimmäisen kerran käyttöön.
Kuvakkeet sosiaalisen median sijoittaminen
Koska maailma yhdistyy sosiaalisen median kanavien ja alustojen kautta, asetamme tämänkin elementin tänne alapuolelle. Olen valmistellut täällä kirjastossani sopivan (1), ja siis kolme kuvaketta suosituimmista alustoista. Asetan ne kauniisti vasemmalle (2).
Sitten aloitamme uusilla tekstikentillä, vedä ne yksinkertaisesti sattumanvaraisesti. Otamme Fira Sans Lightsarjan 6,5 pisteen kirjasinkoon, värinä taas ihana lila (asetukset 4). Sitten aloitamme ensimmäisen tekstin. Keskitän sen kuvakkeisiin nähden (5), ...
... ankkuroi vasemmalle (1) ja mene nuolinäppäimellä ja Shift kahdesti oikealle (2). Kopioi tekstikenttä, Alt ja Shift, ankkuroi seuraavaan kuvakkeeseen (3), taas kaksi askelta oikealle (4). Viimeisenä on sitten lintu. Kuitenkin meillä loppuu tila (5).
Meidän ei todennäköisesti pitäisi keskittää koko elementtiä, vaan siirtää se aivan vasemmalle (1). Sitten kolme kertaa Shift ja nuolinäppäimellä oikealle (2). Luulen, että se toimii paremmin näin. Ja nyt sijoitamme linnun sinne (3).
Välietappi:
QR-koodin luominen InDesignissa
Kun InDesign on sortunut pimeälle puolelle kuten veljet Illustrator ja Photoshop, siis InDesign CC-version jälkeen, sinulla on nyt mahdollisuus luoda QR-koodeja käyttöliittymästä. Voit tehdä tämän helposti valitsemalla Objekti>Generoi QR-koodi.
Ongelmana kuitenkin on, että QR-koodeja tarkastellaan hieman epäilevästi. Jotkut pitävät sitä hyvänä, koska miksi? Selvä – QR-koodit luovat sillan painettujen tuotteiden ja digitaalisen maailman välille. Ja siinä he ovat oikeassa.
Esimerkiksi, jos sinulla on responsiivinen verkkosivusto - kuten parturimme verkkosivusto tai esimerkiksi yksi näistä tileistä täällä alhaalla - voit yksinkertaisesti syöttää osoitteen. Aseta se muotoon Hyperlinkki ja syötä URL (katso seuraava kuva), jo huomaat QR-koodin, jota voi helposti skannata älypuhelimen avulla.
Toiset sanovat: "Voi luoja, QR-koodeja? En halua mitään niin kamalaa suunnitteluuni. En todellakaan halua sitä. Minulla ei ole edes QR-koodinlukijaa puhelimessani." Tällaisia mielipiteitä on tietysti myös - sinun on vain päätettävä itse.
Haluan kuitenkin näyttää teille: Tämä toiminto on täällä. Voit siis valita yläpuolelta lajin, Hyperlinkin, Tekstiviestin, jopa Sähköpostin, jolloin skannat QR-koodin ja automaattisesti valmiiksi määritetty sähköposti ladataan esimerkiksi luonnoskansioon, jonka voit sitten vain lähettää. Joten voit käyttää täällä monia temppuja. Mielestäni se on aika siistiä. Sinun on vain itse päätettävä haluatko tämän hienouman vai et. Olen joka tapauksessa lisäämässä sen (1 ja vahvistus).
Nyt meillä on QR-koodi, jonka voin helposti vetää (1). Mikä kiinnittää huomiota? Värikontrasti on hyvin dramaattinen, mutta voit muuttaa sen uudelleen hiiren kakkospainikkeella, alareunassa on: Muokkaa QR-koodia.... Napsauta sitä, niin pääset takaisin valintaikkunaan, ja valitse sieltä 90-prosenttinen musta (2). Nyt se on hieman pehmeämpi. Siirrämme sitten sisällön haluttuun paikkaan niin, että muodostamme viivan (3).
Sitten tulee luonnollisesti kannustava tekstikenttä, sillä nykyään käyttäjää on motivoitava skannaamaan tämä QR-koodi, sillä pelkkä uteliaisuus ei enää riitä. Tällainen oudon näköinen pikselisotku ei välttämättä houkuttele kalaakaan lautaselta. Lisään tekstin ja muotoilen sen: 10,5 Pt, violetti väri, kirjasintyyppi Journal, se on käsinkirjoitettu. Pienennän rivivälin vielä (katso asetukset kohdassa 1), sitten hieman kallistan tekstiä (2) ja asettelen kaiken (3). Nyt olemme luoneet motivaation skannata tämä QR-koodi, sillä muuten sitä ei ehkä kukaan tekisi. Mutta heti kun jossakin mainitaan "alennus, täällä on tarjouksia, täällä on talviale, täällä saat ilmaisen nallekarhun, täällä saat omenapuun Ranskasta…" – niin siinä vaiheessa ihmiset alkavat kuunnella tarkasti. Joten tarvitsemme juuri tällaisen keinon myös siinä paikassa, missä QR-koodi on.
Katsaus nykyiseen asetteluun
Näin. Tässä on meidän kaksikkomme, etupuoli, takapuoli. Olemme valmiita tähän vaiheeseen. Seuraavassa osassa näytän teille, miten suunnittelemme sisäsivut.
