Kedves férfiak, helló kedves hölgyek, itt ismét Stefan Riedl a PSD-Tutorials.de-ről. Elértünk nagy tervezési projektünk utolsó nagy lépéséhez. A következő percekben remélhetőleg egy kis időt tölthettek velem, mert ezt a csodálatos hajtogatott kártyát fogjuk létrehozni. Egyértelműen divatfodrászról van szó, konkrétan az új divatfodrász „Les Cheveux”-ről. Tehát hajasan indulunk neki.
Az a formátum, amellyel ma dolgozunk, DIN-lang méretű, vízszintes elrendezésű, ahogy itt látható. Ez az első oldal, az első oldal, festett színesen ezzel az elegáns hölggyel és persze ezzel a hihetetlenül fantasztikus, már-már ördögi vörös sörényével.
Folytatjuk a kártya hátoldalán az üzlet nyitvatartási idejével és további szolgáltatásokkal. Beépítünk egy QR-kódot. A közösségi média területén fel fogjuk venni az elérhetőségeket.
Most az előlapra érkeztünk, tehát a jobb és a bal belső oldalra. Jobbra bemutatjuk a csapatot, …
… balra pedig újra bemutatjuk az összes szolgáltatást. Mindent feldobtunk remek képekkel, tiszta elrendezéssel, szép szimmetriákkal és rendezett jelleggel. Várjuk az együtt töltött utazást …
Kártya nyomtatási előírásai
Nyilvánvalóan fontos megtudni az első lépésben, hogy milyen nyomtatási paraméterekkel rendelkezünk. Nézzük meg a nyomdánál, a diedruckerei.de. Itt találunk levél- és kártyakezdőlapokat (1). Az kártyakezdőlapokat választjuk (2). Figyeljünk a formátumra, mert van függőleges és vízszintes elrendezés. Válasszuk a vízszintes elrendezést (3). Már megtalálhatók az előírt méretek is itt: 21 cm és 10,5 cm.
Egyéb figyelembe veendő tényezők is vannak itt a díszítési témában és más tudnivalók.
Most először az új oldalon fogunk dolgozni. Itt hozom létre a megfelelő rácsot segédvonalakból, így nem kell kézzel minden oldalon megtenni. Ehhez az oldalkezelő panelen válaszd ki a Mintaoldalt …
… majd a Elrendezés>Segédvonalak létrehozása… opcióval húzd a megfelelő vonalakat. Szeretném, ha mindent háromtagú csoportokba osztanánk, vagyis 3 sorral 0 mm oszloptávolsággal és 6 oszloppal, ugyancsak 0 mm oszloptávolsággal (1). Így fog kinézni, ahogy a háttérből már látszik (2).
Folytatjuk: Balra húzok egy segédvonalat (1), és kézzel állítom be 28,8 mm-re (2). És még egyet (3), ezt ráhúzom 391,2 mm-re (4). Tehát most itt balra és itt jobbra van ez.
Menjünk vissza a normális, megszokott oldalunkra. Itt ezt a rácsot használhatjuk, és semmit sem lehet véletlenül elmozdítani, mert ami a Mintaoldalon van, az zárolt.
Kerekített sávot egyszínű árnyékolással létrehozni
Kezdjük a jobb oldali bevezető oldalon azzal, hogy fentről és lentről egy kis szegélyt húzunk. Ehhez egyszerűen elhelyezek egy téglalap keretet (1), majd kiválasztom a megfelelő színt (2) és csökkentem az elem magasságát 3,5 mm-re (3).
Ezután szépen a vágási vonalra kell pozícionálni az elemet a jobb felső sarokban (4). Itt akár zoomolhatunk is az Alj és az egér görgőjével … és szépen odébb mozdítjuk a vágási vonalhoz (5). Ez 2 mm széles, az elem pedig 3,5 mm széles, ami azt jelenti, hogy 1,5 mm lesz látható a végső formában.
Ezután meg kell húzni a megfelelő szélességre (1), egészen a középvonalig, legjobb újra belenagyítani, hogy pontosan dolgozhassunk (2).
Ezután egy újabb téglalapot húzok (1). A magassága 10 mm-nek kell lennie (2), a színt sötétlila-ra állítom (3). Ezt felfelé tologatom (4).
Most szükségünk van a Irányítópont átalakítása-eszközre (1). Ezzel kijelölöm ezt a pontot (2). A bal egérgomb lenyomva tartásával átalakítom úgy, hogy itt egy szép, elegáns, kerek ívet kapjunk (3). Így tudnám elképzelni. Nézzünk egy pillantást rá segédvonalak nélkül (4): Tehát az elem most új formát kapott.
Mit kezdünk ezzel? Mindenesetre egy hatást alkalmazunk rá. Az Hatások-panelen (1) megteheted a megfelelő beállításokat, vagy kattinthatsz ide fent az fx-re (2). Itt válaszd a Belülre eső árnyékot (3), felülről jöjjön, azaz -90° Szög (4). Az Átlátszóság maradhat 75 % (4). Megerősíted az OK-val (5). Ezzel éppen ezt az effektet kapjuk (6), a sötét feketétől a liláig (Nyilacska 6-nál).
Ezután duplikálom ezt az utat (1), egyszerűen odahúzom erre a szimbólumra (2). Rengetek mód van InDesign-ban dolgokat duplikálni, ez csak egyik. Aktiválom a felső utat (3).
Ezután eltávolítom az effektet, azaz kikapcsolom a jelölőnégyzetet (1). Ezután picit megnövekszem. Itt 10 mm a magasság. Beállítom a hivatkozási pontot felfelé (2) és növelem 11,8 mm-re (3) – Eredmény, ahogyan a képen látható. Most még egy rétegre kell süllyeszteni (4).
Ez így néz ki (1).
Az Hatások-panelen még néhány beállítást végzünk: Válaszd a Belülre eső árnyékot (2). A -90°-t hagyhatjuk (3). Az Átlátszóság-t viszont csökkentsük 50 %-ra (4), az Távolság-t 1 mm-re (5) és a Méret-et 1 mm-re (6). Ez azt jelenti, hogy az árnyék szépen a szélek mentén fut (7).
Még mindig kissé erős számomra, ezért egyszerűen írjuk be 75 %-ot ide fent (1). Ti is megtehetitek itt (2) … Enter billentyű … és így lépésről lépésre alakítunk ki egy fényhatást.
Végül készítünk egy másolatot belőle. Úgyhogy húzok egyet erre a pályára (1). Majd szélesítem kissé a magasságát, 11,8 mm-ről 13,4 mm-re (2). Ügyelj arra, hogy ne legyen túl nagy a különbség, de teljesen rendben van. Most az effekteket megtarthatjuk, de még egyszer csökkentem az Átlátszóság-t 50 %-ra (3).
Így néz ki most a színek játéka (1). Egy kis egyszínű szivárvány, gondolhatná az ember. És mindezt megjelölöm, majd duplázom le tartva a Alt- és Shift-billentyűket (2). A fogantyúnál (3) kívülről meg tudom mindent forgatni egyszer (4), …
… azaz 180°-kal (1). Ezután óvatosan elhelyezhetem az alsó vágásnál (2 és 3).
Tehát most már van egy teljesen szimmetrikus, azonos képünk a felső élén és az alsó élén. Ez egy pontos klón. Így könnyedén lehet dolgozni - nem kell mindent megduplázni. A másolás csodákra képes.
Kép elhelyezése
Az Berakás paranccsal Ctrl+D lehet kiválasztani a megfelelő képet. Nézd meg ezt a hölgyet. Wow! Ez az, ami felkelti a figyelmet. Majd húzzuk egyszer fel.
Bár most középen van, de nem számít, mert hamarosan egy réteggel hátrébb fog kerülni (azonosítsa az utasításokat a képen).
Ezután jobb kattintás, Beállítások>Keretet arányosan kitölt (1). És most helyezzük át ezt a képet a Rétegek panelen a teljesen aljára (2).
Már levágtuk a szép hölgy szemeit (1). Ez nem jó. És hogy jobban lássuk, ismét jobb kattintással magas minőségű megjelenítést állítok be. Most duplakattintással kiválaszthatom a képtartalmat, majd a Shift- és a Le-fel nyíl billentyűkkel annyi képet vehetek, hogy a szemébe kerüljön, de a körmeinek legalább részben is látszódjanak a képen (2). Így nézhet ki nálatok.
Szöveg beillesztése és effektus hozzáadása
A következő lépésben persze már fontos, hogy megadjuk a fodrásznak a nevet. Ezt a következő lépésben tesszük meg, amikor húzunk egy szöveg dobozt. A betűtípus a Nouvelle Vague, mely csak egy fajtában létezik (1). A betűméretet 50 pontnál állítsuk be, aktiváljuk a Versalitást (2), a szöveget fehérre állítjuk (3), majd következhet a középre igazítás (4), és elkezdhetjük gépelni... A szövegdoboz méretét csökkentsük egyszer (kettős kattintás a 5-nél).
Továbbá igényelek még több mélységet, melyet az Effektus panelen keresztül érhetünk el (1). Itt választhatjuk ki az Árnyék effektust (2). Az Távolság 3,5 milliméter általában túl nagy. Redukáljuk 1 mm-re (3), ez bőven elég, a Méret szintén 1 mm (4) és az Szög körülbelül 104° (5). Az Átlátszóság 75%-on marad (6).
Ha megnézed (7): Itt valóban több mélységet nyerünk, ami segít a betűk olvashatóságának javításában.
A Nouvelle Vague természetesen egy nagyszerű betűtípus, de tényleg nem alkalmas olyan hosszú szövegekhez, mint egy cím. Ezért húzok egy második szöveg dobozt. Majd szükségünk van egy másik betűtípusra. Az én példámban a Fira Sans betűtípust választottam, az Light fajtában. Itt láthatunk egy különleges jelzést, az Adobe Typekit jelét (1). Ez arra utal, hogy ha nincs meg a betűtípus, akkor az Adobe szolgáltatásán keresztül, azaz a Typekit segítségével letöltheted a megfelelő betűtípusokat. Hogy ez működik, rögtön megmutatom nektek.
Gyorsan formázzuk: Középre igazítás (2), fehér szín (3), Versalitás aktiválása (4). Majd írjuk be: "Az új trendfodrász a városban" (5).
Az Árnyék hatást egyszerűen átmásolom az Effektus panel segítségével (az alcímet jelöljük, 1), majd kattintsunk az fx-jelre (2) és húzzuk rá a második elemre (3). Itt valószínűleg kissé túl sok van, így menjünk vissza (kettős kattintás 4-nél) és csökkentsük az Távolságot és a Méretet 0,5 mm-re (5, az eredmény 6-nál).
Kitérő: Typekit betűtípusok
Vissza a Fira Sans-hez: Honnan származik ez? Hogyan jutunk hozzá? Most szeretném ezt megkapni, mit kell ehhez tennem? Ha rendelkeztek az Adobe Creative Cloud-előfizetéssel, indítsátok el a CC alkalmazást egyszer. Kattintsatok a Kezdőlap gombra itt felül. Itt természetesen vannak az alkalmazások is. És akkor tudtok Elemeket (1) letölteni, vagyis Fájlokat. Nektek is van egy felhőtáratok. Lehetőségetek van az Adobe Piacon különféle elemeket kivenni és használni. Ez egy hatalmas piactér, ahol szabadon válogathattok. És vannak Betűtípusok is (2).
Ha szükségetek van egy bizonyos betűtípusra, például a Fira Sansre, melyet én már letöltöttem 14 másik fajtával együtt, könnyedén szinkronizálhatjátok a Typekiten keresztül. Kattintsunk erre (3).
Nyissuk meg most a böngészőt, majd a Adobe Typekit oldalán vagyunk (4), ahol beírhatjuk a Fira Sans nevet (5). Megjeleníti a betűtípust különböző fajtákkal. Egyszerűen kiválaszthatjátok a betűtípusokat az Használat betűtípusokat menüpontban (6), majd kiválaszthatjátok a betűtípus fajtákat (7), amelyet meg akartok szerezni. Az én esetemben már mind szinkronizálva van. Lehetne még törölni (8), de miért tennénk? 
Ha más betűtípusra van szükségetek, akkor csak menjek az főoldalra. Itt fantasztikus lehetőségeitek vannak (lásd a képet) ... Szeretnétek szerif vagy esetleg egy groteszkbetűtípust, serif nélkül, asztali felülethez, internetes felülethez vagy esetleg alul egyszerűen más beállításokkal játszani? Milyennek kell lennie a betűtípusnak? Akkor egy kattintással betöltitek, ezek automatikusan szinkronizálódnak az InDesign-dokumentummal, amíg internetkapcsolatotok van, és ezt követően használhatjátok őket a saját dokumentumotokban. Az egésznek azonban van egy hátránya: a betűtípust csak akkor használhatjátok, ha online vagytok. Tehát ha véletlenül majd már nincs online, akkor az a probléma merül fel, hogy a betűtípus nem lesz elérhető, mert egyszerűen nem szinkronizálható. Be is fejezem, de most már tudjátok, honnan származik ez a betűtípus.
Sorok távolságának beállítása
Az alcímben még az sorok távolságát is beállítanám. Jelenleg 60 pontra van állítva. Manuálisan 50 pontra csökkentem.
Színátmenettel ellátott vonal készítése
Most jön a vonal. Ezt az Vonallétrehozó eszközzel (1) húzhatjátok meg, a címsorból teljesen balról a címsor teljes jobb széléig (2). Ezután a komplementárszínünket, a Kernreaktorgelb-t használjuk (3). Így jelenleg eléggé keménynek tűnik (4).
Ezért belefér egy árnyalatátmenet. Ezt nagyon könnyen megtehetjük az Effektek-panel segítségével (dupla kattintás az 5-ös pontban), ahol kiválasztom a lágy árnyalatút (6). Az opciókban a radiális árnyalatot választjátok (7). Most valami változott: A vonal itt lassan elhalványul (8).
Ez számomra már túlzás (1), ezért egy kis beállítást végzek, és egyszerűen az itt lévő rombuszt és a fekete festékes vödöröt kissé jobbra tolom, nagyjából a fele távolságra (2, az árnyalatátmenetnél). Ha ezt megerősítem, akkor a színátmenet jelentősen kisebb lesz (3), és ezzel egyet is értek teljesen.
A szöveg és a vonal elhelyezése a diagramban
Ezeket az elemeket még egy kicsit közelebb kell húzni egymáshoz: A vonalat lent rögzítem az alcímhez (1), majd egyszer lefelé megyek a Shift és a lefelé mutató nyíl használatával (2). A szöveget a sárga vonalhoz rögzítem (3), és szintén egyet megyek lefelé (4).
Ezután kijelölöm a három elemet, a Shift-billentyű lenyomásával, hogy jobban igazítsam. Mindent lefelé húzok, hogy a modell szempontjait valamilyen eszközként használjuk. Szeretném, ha a nevet nézné, még az ujj is mutatna valamire.
Most húzom mindent a szélre (1) és háromszor megyek a Shift és a nyíl billentyűvel jobbra (2). Úgy gondolom, most már biztonságosak vagyunk. Most a címlapot majdnem elkészítettük.
Ikonok elhelyezése
Az egyetlen dolog, ami még hiányzik, ezek a kis ikonok itt lent. Ezeket kivonatolom a könyvtáramból. Ezért egy kicsit nagyítok, megnyitom a könyvtárat (1) és először is kiválasztom a hajszárítót (2) – amit minden fodrászszalonnak kell. Ezt a legjobb oldalra helyezem, pontosan a 4 mm-es elmozdulási vonalunkra (3). Hogyan lett összeállítva az egész elem? – Van egy kör, amiben 2 pont vastag fehér kontúr van, a belsejében pedig egy Fotolia ikon található. A következő megy mellé, az adott hajkészítmény. Pont ott van mellette (4). Majd lép egyet balra a Shift és a balra mutató nyíl billentyű használatával (5). Ezután jön a végleges elem, a olló, és az elhelyezésnél ismét ugyanez a módszer. A sok vonalból látható, hogy ez egy vektorfájl, vagyis egy Adobe Illustrator-ból származó AI-fájl, amit idehúztam.
Az egészet madártávlatból nézve (1): Szerintem még egy kis távolság sem ártana. Jelenleg nagyon szorosnak tűnik. Ezt mindenképpen figyelembe kell vennetek a diagramotokban: Ez így jó? Megfelel az elképzeléseimnek vagy sem? Emiatt zárolom a háttérmezőt a Ctrl+L gombbal (2).
Most vehetem ezeket a két elemet (3), újra Shiftel és balra. És a végleges elemet az ollót ismét Shifttel balra tolom. Most egy kis helyet nyertünk, egyszerűen szebbnek tűnik (4). Az alkotói szemmel nagyon kritikusan kell nézned ezt: Megfelel? Stimmel? Stimmelnek az arányok, a harmóniák? Egész összekész, mint egy egységes csomagolás? Úgy gondolom, most már biztonságban vagyunk.
Hogyan tetszik az előlap? Szerintem elég jó.
Hátlap: grafikus elemek az alaprajzhoz
Lendülettel váltunk balra a frizuratónk hátoldalára. Elkezdjük ezt a finom vonalat felülről (1) megkettőzni, amit 3,5 mm-rel szereltünk fel. Az objektumot jelöljétek ki, nyomjátok le az Alt billentyűt a másoláshoz, és az Shift billentyűt az egyenes vonal tartásához. Egyszer balra toljátok (2) és a vágás széléhez igazítjátok (3). Ezután csökkentitek a méretét (4). Majd ismét másolni fogom, jobbra mozgatom és húzom a segédvonalig (5). És újra másolni, és az objektumot a segédvonalig húzni (6).
Most cseréljük meg a színeket: A bal oldali és a jobb oldali elemet mindegyik fehér színre állítjuk (1). Most mindhárom elemet jelölhetem, majd a Alt és Shift segítségével lefelé mozgatom őket a vágáshoz (2).
Az összes elem átmászik lejjebb, majd folytatjuk azzal, hogy balra és jobbra is egy nagy színes felületet húzunk fel. Más színt használunk - ezt az erős ibolya színt (1). Ide egy téglalapot húzok (2). Itt fennvigyázás kell (3), hogy azonos magasságra kerüljünk.
Ebből készítek egy másolatot és húzom innen (4) egészen a hajtásig (5).
Így pár másodperc alatt létrehozhatjuk az alaprajzot, amelyen dolgozunk. A kép bal oldalán egy jelszót helyezünk el, amely leírja, mi található ezen az oldalon, azaz a helyszín. Középre kerülnek majd az elérhetőségi adatok. Beszúrjuk a címet, elhelyezünk egy QR-kódot, és így tovább. Végül pedig ebbe a mezőbe kerül a szolgáltatási portfólió kiegészítése is.
Szöveg elhelyezése
Kezdjük azzal, hogy nevet adunk a dolognak: Egy szövegdobozt húzunk (1), kiválasztjuk a Fira Sans Bold lehetőséget, Aktiváljuk a nagy kezdőbetűt és 48 pontos betűméretet használjuk, majd középre igazítjuk. A szín fehér (az összes beállítás az 2-es számnál felső részen található). Beírjuk: "Helyszín" (3).
Egy dupla kattintás az illesztővonallal kapcsolatban, hogy igazodjon a szövegdobozhoz (4). Ezt 90°-kal elforgatjuk, és a helyére mozgatjuk, ahol középre igazítjuk (az 5-ös számú segédvonalak szerint). Ezzel az első elemet sikeresen elhelyeztük (6).
Így néz ki most az oldal.
Kép és plusz szolgáltatások beépítése
Folytatjuk a munkát az oldal jobb felén. Ott egy szövegek és kép kombinációjával dolgozunk, valamint bizonyos átlátszatlanságokkal, hogy szép vizuális hatást érjünk el: Szövegdobozt húzunk (1), a betűtípus megváltoztatása Fira Sans Light-ra. A betűméret 14 pont, az nagy kezdőbetűk nincsenek bekapcsolva, a szín fehér (beállítások az 2-es számnál). "Fontos tudnivalók", majd egy sor üres sort hozzáadunk.
A betűméretet tovább csökkentjük 9 pontra, a nagy kezdőbetűket kikapcsoljuk, majd a Szöveg>Minden sor feltölt lehetőséget választjuk (beállítások az 3-as számnál). Jelenleg öt sorunk van, ezt négyre csökkentem, a szövegdobozt pedig méretében csökkentettem (dupla kattintás a szövegdoboz alsó illesztővonalánál). Ezt egyszerűen hagyjuk balra, majd az igazítást majd akkor végzem el, amikor rendelkezésünkre áll a megfelelő kép is.
Az Ctrl+D kombinációval hozzuk elő a Elhelyez párbeszédablakot, válasszuk ki a megfelelő képet (4), tegyük fel (5). Ez természetesen méretében túl nagy, ezért a magasságot csökkentem. Úgy gondolom, hogy körülbelül 47 mm kellhet (6). Majd elhelyezem a képtartalmat, hogy a hölgyet az ő szép arcával is belekerüljünk a képbe (7). Ami fontos a képek elhelyezésekor, az az, hogy az arc mindig a layoutba nézzen. Azaz itt fentről lefelé néz. Rossz lenne, ha kifelé pillantana a layoutból, mert ott nincs semmi.
A következő lépésben folytatjuk a kiegészítő funkciók kiválasztását, amelyeket itt beállítunk. Válasszuk a Téglalapkeret lehetőséget (1), kattintsunk a munkaterületre, és állítsuk be a Szélességét 30 mm-re, a Magasságot 5 mm-re (2). Válasszuk a Fehe színt (3). Csökkentsük a Fedőréteget 80%-ra (4), így könnyű átlátszóságot kapunk. Most választom a Szöveg eszközt (5), kattintok rá egyszer, majd formázd meg: Fira Sans, ezúttal Light, 10 Pt (6). A szövegszín ne legyen kemény fekete, inkább enyhébbet válasszunk (7).
Most az Ctrl+B gombbal állítsuk be a távolságot a keretig: balra 2 mm (8), így a kurzor eltávolodik az élzónától. Majd válasszuk a Középre igazítást (9). Most kezdhetünk gépelni, például: "Stílustanácsadás" (10).
Ezután lemásolhatjuk ezt a mezőt Shift és Alt billentyűkkel, közvetlenül az alján (1) kezdhetjük el, majd egyszerűen a Shift és a Le fel billentyűk lenyomásával beállíthatjuk a távolságot (2). "Nász hajszépítés". És a következő elemnél az iránytűvonalak már automatikusan megjelennek (3). Többször lemásolhatjuk és megfelelő szövegekkel kitölthetjük (4).
Most mindent kijelölünk és a Shift billentyű lenyomásával, hogy ne mozduljunk el az tengelyről, igazítsuk középre a képhez. Itt van a végig (5). Elkészült (6).
Szöveg hozzáadása a címhez, elemek igazítása és formázása
Mi hiányzik még? Természetesen az cím, mert mi is az a fodrász, ha nem tudjuk, hol van a szalonja. Szóval kezdjünk el.
A hátoldalon mindenképpen látható kell lennie a névnek is. Ezt egyszerűen lemásolom az előoldalról, úgy hogy ez a három elemet kijelölöm, és nyomva tartom az Alt- billentyűt, majd balra mozgatom (1).
Most még meg kell változtatnunk a színt, tehát Ctrl+A, mindezt más színben kérem (2) és 30 Pt betűmérettel (3). A sortávot figyelmen kívül hagyhatjuk, mivel egy sorszünetes lesz. És ezen a ponton lemondok az árnyékozásról. Az nincs szükséges, mivel a két szín jó kontrasztot képez egymással. Tehát egyszer csak itt felül (4) kattintson a árnyázás-szimbólumra, és eltűnik.
A következő lépésben ez az elem teljesen felülre kerül, és igazítsuk az előoldallal ugyanolyan arányban (5). Ezután a pozíciót állítsuk be a Shift és a Le fel billentyűkkel. Ekkor ugyanaz a arányunk lesz, mint az előoldalon (6).
Itt (1) szintén kivennénk az árnyékot (2) és a színt változtatjuk 90 százalékos feketére (3). Ezt a vonalat is a színre cseréljük, kénreaktir-sárgáról eperibogyó-lilára (4).
Ezután mindhárom elemet kijelöljük (5), felfelé helyezzük az irányvonalhoz (6), majd Shift és egyszer a Le fel billentyűt (7). Most ugyanazt az tengelyt kapjuk, mint a mellettünk lévő mezőn is (piros vonal a 7-nél).
Tehát láthatjátok, a grafikai tervezés mindig arról szól, hogy szimmetriákat építsünk fel, harmonizáljunk. Talán nem is tudatosul bennünk, de fontos az alattomos észlelés szempontjából, hogy rendezett karaktert kapjon.
Egy javítást még meg kell tennünk, az a szövegmezők szélessége éppen túl nagy, ezáltal ez a kép (8) jön ki. A vonalat a szövegmezők méretéhez igazítottuk, és ez pont olyan vonal, amilyet szeretnék. Tehát csökkentenem kell. És ez azért is fontos, mert az alsó részhez szükségem van a szövegmezők referencia-vonalaira. Tehát: egyszer kell duplán kattintani a fogópontokra (a 9-nél).
Most nézzük meg, hogy középre igazítjuk. Egyszer kissé balra tartalmazom, és most már láthatja: bal fenn és jobb fenn, ezek a zöld nyilak (1) – azaz újra irányvonalak, csodálatosan. Ha nincsenek, akkor kérlek aktíválj erősen az Nézet>Rács és Irányvonalak és Intelligens irányvonalaktívatását.
Ugyanez az egész itt középre is (2).
A vonalat most csökkentenünk kell. Ha most csak egyszer hozzáérnénk (3) és megváltoztatnánk a hosszát, akkor csak távolodnánk a helyzettől. Ha mindkét oldalról is szeretnénk húzni, akkor egyszerűen nyomjátok meg az Alt- billentyűt, és így a vonalat balra is csökkenti (zöldek a 3-nál, eredmény a 4-nél).
Folytatjuk: Most egy nagy szövegdobozt húzunk fel, ahol a fejlécben (1) található szélességgel azonosra. Nagyon nagyra húzom ezt, ismét a Fira Sans betűtípust használom, Medium jelleggel. A betűméret 10 Pt, ez elég teljesen. Képzeld csak el, milyen nagyok 10 Pt nyomtatott formában ténylegesen, meglepő, hogy ezek a betűk még mindig olyan jól megjelennek. Tehát ilyenkor bátran dolgozhatsz egy kicsit kisebb méretben. Az Ón nagybetűtípusát aktiváljuk, válasszunk színt (lásd beállítások a 2-nél) és „Mobiltelefon“-nel kezdünk el.
Most szeretném, ha a „Mobil“ jobbra igazodik. Ezt egyszerűen megteheted, ha megjelölöd a szóközt (3) és megnyomod a Shift- és a Tab- billentyűt. Hopp - „Mobil“ jobbra pattan (4).
Most menjünk az sor végére, csináljunk egy bekezdést és írjunk be egy telefonszámot, amely azonban változik a betűméretben - ismét a Light-betűmérettel és a 90%-os Fekete színnel (lásd beállításokat 1). Beírom a telefonszámot, ismét megnyomom a Shift és Tab gombokat, majd beírom a mobiltelefonszámot (2).
Mivel ezt még néhányszor fogjuk használni, gyorsan meghatározom ezeket az egyéni formázásokat bekezdésformátumként (3) és az egészet "Aláírás" néven nevezem el. Ugyanezt az aláírási formátumot létrehozom a formázás alatt is. Ezt "Infószöveg"-nek nevezem el. (Ehhez alkalmazzuk a megfelelő szöveget, nyissuk meg az Bekezdésformátumokat 3 feletti menüt, adjuk meg a nevet és erősítsük meg).
Most átmehetek a következő sorba, két bekezdést csinálni. Beírom az "Cím" szót és meghatározom ezt aláírásként. Ismét megnyomom a Shift+Tab kombinációt, és ide kerülnek az "Nyitvatartási idők". A formázás természetesen helytelen, ezt korrigálom. Oha, itt valami történt ... az infószöveg is nagybetűs. Miért? Nézzük meg - az bekezdésformátumoknál. Az Alapvető Karakterformátumoknál (1) nézzük meg a Betűtípust. Állítsuk vissza egyszerű Normálre (2), akkor ez nem fog megtörténni. Így a formátumok segítségével és a Shift+Tab segítségével gyorsan kitölthetem és megfelelő formátumokat rendelhetek hozzájuk (3).
Nem? Tehát ha egy adott formátum ismétlődik, például ez a "Helyszín"-et lehet beállítani aláírásként, akkor az egy kattintós megoldással azonnal megkapja a megfelelő formázást, és nem kell folyton ott fent mindent beállítani. Mindig csak akkor érdemes alkalmazni a formátumokat, ha ezek a formátumok ismétlődőek. Ez eddig ritkán fordult elő nálunk, de most először van rá szükség.
Ikonok elhelyezése a közösségi média számára
Mivel a világ a közösségi média csatornákon és platformokon keresztül van összekapcsolva, ezt az elemet is be fogjuk építeni ide lent. Itt a könyvtáramban már előkészítettem a megfelelőt (1), egyszerűen három ikon a legnépszerűbb platformokhoz. Szép balra igazítom ezeket (2).
Ezután új szövegdobozokkal kezdünk, egyszerűen felhúzni őket. A Fira Sans Light betűtípust választjuk 6.5 pont méretben, színnek újra a szép Lila színt (Beállítások 4). Majd elkezdjük az első szöveget. Ezt középre igazítom az ikonokhoz (5), ...
... balra odarakom (1) és kétszer megnyomom a nyíl és Shift gombokat jobbra (2). A szövegdobozt másolom, Alt és Shift, azonosítom a következő ikonhoz (3), újra két lépés jobbra (4). Végül még a Twitter madár. Azonban kezd elfogyni a helyünk (5).
Úgy tűnik, hogy az egész elemet nem középre kell igazítani, hanem teljesen balra kell tolni (1). Utána háromszor nyomjon a Shift és a nyílgombot jobbra (2). Úgy gondolom, így jobb lesz. És most rakjuk bele a Twitter madarat (3).
Az átmeneti eredmény:
QR-kód létrehozása InDesign segítségével
Amióta az InDesign is az Illustrator és a Photoshop testvérévé vált a sötét oldalon, tehát az InDesign CC verziója óta, lehetőséged van QR-kódokat tervezni a felhasználói felülettől. Ezt egyszerűen megteheted az Objektum>QR-kód generálása opcióval.
A probléma ezzel az, hogy a QR-kódokat kicsit szkeptikusan nézik. Néhányan nagyon jó dolognak tartják, mert - miért? Természetesen - a QR-kódok áthidalják a nyomtatott termékek és a digitális világ közötti szakadékot. És igazuk van.
Ha például van egy reszponzív weboldalunk - mint a fodrászunk webhelye vagy például ezek közül az egyik fiók - akkor egyszerűen beírhatod a címet. Állítsd be ezt a Hiperlink opcióra és add meg a URL-t (lásd a következő képet), és máris kapunk egy QR-kódot, amelyet könnyedén leolvashatunk a smartphone-ról.
Mások viszont azt mondják: "Ó, Istenem, QR-kódok? Valami olyan szörnyű ne legyen benne a design. Ezt egyáltalán nem akarom. Nem is tudok QR-kód-olvasót a telefonomban." Ezek a vélemények természetesen léteznek - te magadnak kell eldöntened.
Azt akarom azonban megmutatni: Ez a funkció itt van. Tehát fent választhatod ki a Típust, Hiperlinket, Szöveges üzenetet, akár E-mail opciót is, amely esetén a QR-kód szkennelésekor automatikusan egy előre meghatározott e-mail a tervezőmappába kerül, amelyet csak elküldeni kell. Tehát számtalan trükkel élhetsz itt. Szerintem ez elég menő. Csak nektek kell eldönteni, akarjátok-e ezt a trükköt vagy sem. Mindenesetre egyszer be fogom építeni (1 és megerősíteni).
Most van egy QR-kódunk, amit egyszerűen felhúzhatok (1). Mi ugrik be ilyenkor? A színkontraszt igen drámai, de ezt egy jobbkattintással újra megváltoztathatom, pontosan lefelé, ott van: QR-kód szerkesztése… Egyszerűen kattints rá, és visszakerülsz a párbeszédablakba, ahol a 90%-os Fekete színt választjuk ki (2). Most kicsit lágyabb. Majd eltolom a tartalmat a megfelelő helyre, hogy pontosan úgy helyezkedjen el, ahogy szeretnénk, úgy, hogy itt egy vonalat képezünk (3).
Ezután persze még jön egy motiváló szövegdoboz, mert mára már fel kell ösztönözni a felhasználót, hogy leolvassa ezt a QR-kódot, hiszen a puszta kíváncsiság már réges-rég nem elegendő. És ez a furcsa pixelhalom sem vonzza a figyelmet. Beillesztem a szöveget és formázom: 10,5 pont, ibolyakék szín, Journal betűtípus, mintha kézzel lenne írva. Csökkentem a sorközt (lásd beállításoknál 1), rárakok egy enyhe dőlést (2) és pozicionálom az egészet (3). Így hoztunk létre egy motivációt a QR-kód leolvasására, mert különben talán senki sem tenné. De ha valahol meghalljuk a "Kedvezmény, akció, téli kiárusítás, ajándék medve, ajándék almafa Franciaországban..." szavakat - hát ezek felkeltik az emberek figyelmét. Tehát pontosan erre van szükségünk ott is, ahol a QR-kód van.
A jelenlegi elrendezés áttekintése
Ez. Ez a kétoldalas egységünk, az előlap és a hátoldal. Eddig ennyi. A következő részben megnézhetitek, hogyan tervezzük meg a belső oldalakat.
