Bevezetés a nem kormányzati szervezeteknek szánt Adobe Photoshopba, II. Rész - Online TechSoup Romania Association

szervezeteknek

Vendég hozzászólás: A cikket Wes Holing, a @TechSoup Global vezető webtartalom-fejlesztő írja alá.

Folytassa a történetünket Adobe Photoshop. A Bevezetés az Adobe Photoshop for NGO I sorozat első részébe látta, hogyan tisztíthatja meg a képet és adhat hozzá szöveget, most az esettanulmányként használt poszterhez hozzáadjuk a szöveg törzsét, az emblémát és a hátoldalon található fehér helyet. De először beszéljünk a rétegekről.

Mit kell tudni a Rétegekről

A Photoshop-fájlok minden eleme a saját rétegén található. Az Adobe a következőképpen írja le a rétegeket:

A Photoshop rétegei olyanok, mint az átlátszó műanyag lapok.
Átláthatja az egyes lapok átlátszó területét, amely az alábbi lapokon található. A réteget áthelyezheti a tartalom elhelyezésére, miközben átlátszó műanyag lapot mozgat a veremből.

Amikor a Photoshop alkalmazásban van, és a poszter nyitott arcképpel rendelkezik - amelyet esettanulmányként használnak -, a jobb alsó sarokban meg kell látnia a Rétegek nevű négyzetet. Ha nem találja, a gombra kattintva érheti el ablak >Rétegek. A Rétegek mezőben megjelenik a "Lorem Ipsum" nevű elemek listája, egy másikikon pedig egy lány fényképét ábrázoló ikon és egy fehér háttér. Ezek a különálló elemek az ön rétegei.

A fehér háttér egy réteg, fölötte a lány fényképe, a fénykép felett pedig a szöveg. Átrendezheti, szerkesztheti, láthatatlanná vagy láthatóvá teheti őket anélkül, hogy befolyásolná a többi réteget.

Ahogy haladunk ezzel a projekttel, több réteget fogunk létrehozni: egyet a fejléc alatti fehér felülethez, egyet a fehér szöveghez és egyet a logóhoz. Amikor a témában vagy a következő rétegekre utalunk, akkor erre hivatkozunk.

bónusz: Ha többet szeretne megtudni a Photoshop rétegekről, olvassa el az Adobe róluk szóló cikkét.

Hogyan adjunk hozzá szalagot

  1. A bal oldali opciósávon kattintson és tartsa lenyomva Téglalap eszköz. Megjelenik egy almenü, amely számos alakzat opcióit tartalmazza. Választ Lekerekített téglalap eszköz.
  2. változás Sugár 10 képpontnál. Megjelenik a képernyő tetején, a menük mellett.
  3. Kattintson az előtér színére (a két színmező bal felső sarkában).
  4. Adjon meg egy hexadecimális értéket FFFFFF hogy a színe fehér legyen. Ezután nyomja meg a gombot rendben.
  5. Téglalap létrehozásához kattintson a táblára bárhová.
  6. Írja be a következő értékeket.
    szélesség: 1175 px
    magasság: 1400 px
    nyomja meg rendben.
    Jegyzet: A Photoshop verziójától függően előfordulhat, hogy nem áll rendelkezésre a Sugár lehetőség. Mivel ezt már a 2. lépésben meghatároztuk, most nem kell aggódni miatta.
  7. Kattintson az eszközre Mozog a bal oldali eszköztárról.
  8. Kattintson a négyzetre, és húzza az élhez legközelebb eső irányvonalhoz. A doboznak akkor kell elhelyezkednie, amikor elég közel van a vonalhoz.

bónusz: A Photoshop CC lehetővé teszi a lekerekített sarkok sugarának megváltoztatását a téglalap létrehozása után. Ez hasznos, ha bármikor segítséget nyújt Önnek a létrehozása után. A korábbi verziókban nem volt ez a szolgáltatás, ezért a 2. lépésben adtam meg.

Szöveg hozzáadása a Photoshop alkalmazásban

A Photoshop alkalmazásban szöveget adhat egy adott alakhoz, például a fent létrehozott mezőhöz, vagy a szöveg a saját rétegen ülhet, például amikor létrehoztuk a fejlécet.

Attól a pillanattól kezdve, hogy létrehoztam a dobozt, valószínűleg kiválasztott maradt. Ha a Szöveg eszközzel kattintunk, akkor beírhatunk szöveget a mezőbe, amit meg is tehetnénk, ha nem lenne jobb megoldás. Ezért a szöveget a saját rétegére akarjuk helyezni. Miért? Mivel ez nagyobb rugalmasságot biztosít számunkra a szöveg vagy a fehér mező megváltoztatásához anélkül, hogy az egyik elem befolyásolná a másikat.

Számos lépést meg kell tennie a szöveg illesztéséhez. A Photoshop használatának egyik előnye azonban a magas szintű vezérlés, amelyet bármilyen változtatás végrehajtásakor elér. Ha valaha is megpróbálta úgy rendezni a szöveget a Microsoft Word-ben, hogy a kívánt módon nézzen ki, de nem sikerült, akkor megértheti, miért akarnak a tervezők ilyen sok irányítást.

bónusz: Megváltoztattam a funkciót Követés a 13. lépésben. A nyomtatás világában a Tracking funkció a szokásos módszer az összes betű közötti távolságról beszélni. Nem tévesztendő össze kerning, amely két betű közötti teret képviseli (gondoljunk például arra, hogy néznének ki egymás mellett az V és A betűk). Ha módosítani szeretné a rendszermag-függvényt, a Photoshop megoldásokat kínál. Ezt a funkciót a nyomkövetési funkciótól balra, a Karakter menüben találja.

A Nyomkövető funkció akkor használható, ha a szöveg túl zsúfoltnak vagy túl szellősnek és csípősnek tűnik, amikor két szomszédos betű rámutat, hogy nem néznek ki jól együtt. A Kreatív Piac nagyon jól magyarázza a különbséget Nyomkövetés, kernelés és vezetés.

Most csak annyit kell tennünk, hogy elkészítsük a plakátunkat, hozzá kell adnunk a nonprofit logót.

Hogyan adjunk hozzá logót

  1. Nyomja meg a felső menüből Filé>Beágyazott hely (Filé>Hely a Creative Cloudnál régebbi verziókhoz).
  2. Válassza ki a fájlt blog-generic-profit-logo.eps és nyomja meg Hely.
  3. A Photoshop a logót a maximális képmérettel illeszti be. (Most rendben van.)
  4. Írja be a következő értékeket a szélességre és a magasságra az oldal tetején.
    szélesség: 760 px
    magasság: 183 px
    Megjegyzés: Ha a Creative Cloudnál régebbi verziót használ, akkor a kép behelyezése előtt meg kell adnia a szélességet és a magasságot.
  5. A megnyomásával ellenőrizze, hogy az irányelvek aktívak-e Kilátás >Előadás. A látás lehetősége Útmutatók a menüben ellenőrizni kell. (Ha nem, kattintson rá.)
  6. Kattintson a műszerre Mozog.
  7. Nyomja meg és húzza az emblémát, hogy a belső vezetővonalhoz ragaszkodjon, balra, és helyezze közvetlenül az alsó vonal fölé - nem ragasztva tökéletesen.

bónusz: A Photoshop intelligens objektumként importálja ezt a vektorgrafikát. A Photoshop így megtarthatja az importált objektum egyes funkcióit. Ez azt jelenti, hogy ezeket az objektumokat a minőség romlása nélkül Photoshop-dokumentumdá alakíthatja. További információkért az Adobe jó bevezetést nyújt az "intelligens objektumokhoz".

Vektor kontra Raszter

Fontos dolog a logofájlban, hogy vektorgrafikus. A vektorgrafikák olyan képek, amelyek bármilyen méretre átméretezhetők, minőségük befolyásolása nélkül. A fotók viszont raszteres grafikák. A raszteres grafika elmosódhat, ha az eredeti méretét meghaladja, látható pixelekkel.

A tervezők a legtöbb logót vektoros formátumban készítik, így bárhová elhelyezhetik őket, a névjegykártyáktól az óriásplakátokig, és jól kinézhetnek. Mivel online és nyomtatott formában is használható plakátot készítünk, az általunk használt logó egy vektorfájl is, amely bármilyen formátumban jól fog kinézni. A vektorfájlok általános típusai a Scalable Vector Graphics (SVG), a Encapsulated PostScript (EPS) és az Adobe Illustrator (AI).

Bónusz: A Photoshop a legjobb program fotók és egyéb raszterizált képek szerkesztésére. Míg az Illustrator, a Photoshop jó társa, kiváló program a vektorgrafika manipulálására.

Ha többet szeretne megtudni a vektorgrafikáról, ez a Wikipedia cikk segít jobban megérteni a működését. A Spoon Graphicsnak van egy remek cikke arról is, hogy miként kezdhesse el az Illustrator alkalmazást.

URL hozzáadása

Most hozzá kell adnunk a nonprofit szervezet (virtuális) webcímét, hogy bárki, akit vonz a poszter üzenete, tudja, hol kereshet további információkat.

  1. Ezért kattintson a gombra Vízszintes típus a bal oldali eszköztárról.
  2. Változtassa meg a betűtípust a Nyissa meg a Sans Light-ot, 15 pt, és Sima ellenséges.
  3. Kattintson a szín mezőre az igazítási szakasz jobb oldalán - a kékre.
  4. Adja meg a hexa értéket FFFFFF és nyomja meg rendben.
  5. Kattintson az embléma alá az írás megkezdéséhez. (Ne foglalkozzon a pontos elhelyezéssel.)
  6. Ír www.nonprofit.org és nyomja meg KILÉPÉS hogy a változások megmaradjanak.
  7. Nyomja meg a műszert Mozog.
  8. Igazítja az URL-szöveget az alatta lévő iránymutatáshoz.
  9. nyomja meg Ctrl (Parancs Mac-en), és kattintson a logóra. Így választja ki a logóréteget.
  10. Vigye a logót közvetlenül az URL-szöveg fölé úgy, hogy a "Szervezet" szó az URL felett legyen.
  11. Mentse a dokumentumot a Filé>Megment a felső menüből.

A késztermék

Most készítettél egy poszter sablont. Gratulálunk! Az ebben az oktatóanyagban megtanult alapismeretekkel kicserélheti a háttérképet, hozzáadhatja saját szövegét, megváltoztathatja a betűtípusokat és még sok mást.

Hozzon létre egy grafikát a nyomtatáshoz

Most mentsük el a nyomtatási fájlt. A nyomtatott anyagoknak nagyobb felbontással kell rendelkezniük, mint bármi, ami megjeleníthető a képernyőn, így az itt mentett fájl nagyobb lesz, mint az internetre mentett fájl.

  1. Nyomja meg a felső menüsoron Filé >Mentés másként
  2. Válassza ki, hová szeretné menteni a fájlt, írjon sablonok print.jpg a fájl nevére, és kattintson a gombra Megment.
  3. Ír 12. (maximum) mezőbe Minőség és nyomja meg rendben.

    Megjegyzés: A JPEG fájlformátumként való kiválasztása azt jelenti, hogy a Photoshop tömöríti a fájlt, de a minőség továbbra is magas marad.

A nyomtatáshoz asztali vagy professzionális nyomtatót használhat. A legtöbb professzionális nyomtató támogatja a JPEG fájlokat.

Mentés webre

Ideje menteni egy verziót, amelyet közzétehet a közösségi médiában. A korábban mentett fájl felbontása túl magas az online használathoz. Több képernyőre lenne szükség ahhoz, hogy teljes méretben megjelenjen, így egy kisebbet mentsünk el az internetre.

  1. A fenti mintát követve kattintson a felső menüsorra Filé >Mentés az internetre (Mentés webre és eszközökre régebbi verziókban).
  2. Változtasd meg a Preset (jobb felső sarokban) JPEG magas.
  3. változás Minőség val vel 80.
  4. változás szélesség val vel 1200 képpont és magasság val vel 1553 px és nyomja meg Megment ...
  5. Válassza ki, hová szeretné menteni a fájlt, írjon sablonok web.jpg a fájl nevére, és kattintson a gombra Megment.

bónusz: Azért választottam az 1200-at pixelszámként, mert ez a maximális szélesség a Facebookon és a Twitteren. A közösségi média dimenzióival kapcsolatos további részletekért lásd a Sprout Social mindig naprakész útmutató közösségi média képméreteihez című bejegyzést.

következtetések

És ennyi volt! Ha eléggé megtette már az összes megtanult lépést, beleértve a hatékony Photoshop-eszközök használatát (nem beszélve minden gombról, amelyet megtanult arról, hogy valójában mit csinál).

Konkrétan megtanulta, hogyan kell beállítani a színeket és a hangokat, átméretezni a fényképet és nagyítani a felületét, kitöltötte a fehér helyet a Tartalomtudatos kitöltés funkcióval, hozzáadta és kalibrálta az irányelveket, szöveget adott a képhez, és állítsa be a szöveg megjelenését, hozzáadott egy alakot lekerekített sarkokkal, és elhelyezett egy vektor képet. Ezen felül látta, hogy a rétegek hogyan működnek a Photoshopban, és mi a különbség a vektoros és a raszteres grafika között (ha még nem tudta volna).

Képesnek kell lennie arra, hogy ezt az ismeretet más háttérképpel, más színű szöveggel, valamint szervezete logójával és URL-jével rendelkező poszter készítéséhez használja.

Photoshop-források

Ha ez a sorozat felkeltette az étvágyát, hogy többet tudjon meg a Photoshopról, nézze meg ezeket a nagyszerű oktatóanyagokat is. És ha további ilyen oktatóanyagokat szeretne a TechSoup-tól, akkor jelet adhat nekünk.