Szerző: Thurzó Katalin | jún 10, 2016 | freebie
Nyár van! Néhány nap és az iskolában is elkezdődik a szünet, elérkezett a vakáció ideje.
Mostantól minden kedves hírlevél feliratkozóm ezt a készletet kapja üdvözlő ajándékként. Ha már régóta olvasóm vagy nem kell újra feliratkoznod, hamarosan megérkezik hozzád ez frissitő, tengerparti nyaralásokat idéző küldemény.
Ha még nem, akkor itt iratkozz fel! Jelöld be a számodra érdekes listá(ka)t:
[wysija_form id=”1″]
A fent látható készlet csak egy része annak a giga-kollekciónak, amivel készültem a nyárra. Minden hónapban letölthetsz majd további kiegészítőket, papírokat, sablonokat és nyomtatható elemeket, amelyek nagyon jól kombinálhatók egymással. Érdemes tehát figyelni a blogbejegyzéseket is! 🙂
Színes nyarat kívánok!
Szerző: Thurzó Katalin | jún 6, 2016 | freebie, Gimp leckék, Kezdő online tanfolyam
Színmódok. Mi az a duotone?
Angolul duotone, magyarul duplex vagy két szín nyomtatás, illetve annak digitális „előidézése” a mai választott témám.
Képszerkesztésnél leggyakrabban színes képekkel találkozunk. Ilyenkor az RGB színmódot használjuk, azaz három színcsatornát: vörös (red), zöld (green) és kék (blue). Ezek a un. fényszínek, melyek a monitoron jelennek meg.
Nyomtatásnál ugyanezt a látványvilágot már négy színből képezik, ez a CMYK színmód, mely négy színcsatornát/festéket tartalmaz: ciánkék (cyan), bíbor (magenta) és sárga (yellow), valamint fekete (ezt jelöli a K betű a színmód elnevezésében).
Mindenki ismeri a szürkeárnyalatos (grayscale) képeket, ahol mindössze egyetlen szín (a fekete) különböző árnyalatai jelennek meg. Ezt köznyelven fekete-fehér képnek is szoktuk nevezni. Nyomtatásához egyetlen szín szükséges csak, a fekete.
A duplex színű képek esetében két szín kombinációjából történik a nyomtatás, amely lehet direkt szín (előre kikevert festék pld. a pantone színpalettából, ezüst vagy arany) vagy bármelyik alapszín még a fekete mellett. Nyomtatás szempontjából kétszínű képnek számít a szépia, aminél a megjelenő szín a barna egy speciális árnyalata és a különféle színű (cián, vörös, sárga, kék, zöld stb.) szűrővel ellátott monokróm képek (ezeknél a feketén kívül még egy színre van szükség). Ez a fajta nyomtatás alacsonyabb költségű, ám ennek ellenére nagyon látványos is egyedi is lehet.
A duplex képeknek van olyan változata is, amikor egy grafikán/fotón belül szemmel jól láthatóan két különböző szín jelenik meg. Ezek általában friss, egymással kontrasztot képező színpárosítások. Gyakoriak a vibráló, élénk, dinamikus színek. Nagyon modern és nagyon divatos, retro hangulatot idéz, s időnként a 80-as évek neonszíneit. Aktualitását talán az is jelzi, hogy erre a évre a Pantone nem egy, hanem két színt (azaz egy színpárt) választott az év színe címére. A tervezők szívesen használják poszterek, brossúrák, könyborítók, weboldalak, online hirdetések, infografikák tervezésében egyaránt, de fotográfiában is előbukkan, részben természetes színekkel (amikor valóban csak két fő szín szerepel a fotón), másrészt beállított vagy utólag módosított képek formájában.
A Pinteresten elkezdtem gyűjtögetni az ilyen stílusú képeket. Kattints ide! Itt photoshop-hoz is találsz leírásokat, action-öket és más inspirációként szolgáló posztereket, nyomtatványokat, grafikákat.
Egyszerű (monokróm) duplex GIMP-pel
Ha fotóból szeretnénk színes (tehát nem szürkeárnyalatos) ámde monokróm stílusú duplex képet készíteni, nagyon egyszerű dolgunk van.
A példában ezt a képet használom, itt töltsd le a közepes méretűt! Nyisd meg a GIMP-pel: Fálj/Megnyitás menüpont. Válaszd a Színek/Színezés menüpontot és a megjelenő ablakban tetszés szerint mozgasd a csúszkákat. Kattints az ok gombra. Mentsd el a képet a Fájl/Exportálás másként menüponttal (az elnevezés után szerepeljen a jpg kiterjesztés). Készen is van:
Duplex effekt GIMP-pel
Kiindulásként egy határozott kontraszttal (elkülönülő sötét és világos tónussal) rendelkező fotót érdemes választani. Olyat, ahol a fókusz egyértelmű, például egy portré. Tájképekkel kevésbé működik ez a módszer.
Ha nem találod elég kontrasztosnak a képet, akkor a Színek/Fényerő-kontraszt menüpontra kattints és a csúszkák mozdításával alakíts rajta!
Legegyszerűbb, ha eleve szürkeárnyalatost használsz, de ha színes képed van, akkor a következő menüponttal tedd fekete-fehérré: Színek/Telítetlenné tevés. A megjelenő ablakban a Fényesség mellé tedd a jelölést!
Vagy pedig töltsd le az alábbi képet a Pixabay-ről. Válaszd a Medium (közepes) méretet.
Nyisd meg a képet GIMP-pel: Fálj/Megnyitás.
Válassz egy fotóhoz illő színpárt. A színválasztáshoz segítségül szolgálhat az Adobe Cooler alkalmazása. Ehhez a fotóhoz, úgy gondoltam, nagyon jól illik az elegáns és titokzatos lila szín, amit az első színkockában kikevertem a bal alsó sarokban lévő csúszkák mozgatásával. A színpár megtalálásához érdemes a komplementer vagy a triád (háromszög) módot választani a színkörön. Nekem most a triád tetszett jobban, abból is a sárga szín. Fiatalos, vidám és dinamikus hatáshoz a magenta-sárgát választottam volna, az is jól néz ki ugyanehhez a fotóhoz.
Jegyezd fel a színkódokat.
A GIMP eszköztárban kattints az előtérszínre és a megjelenő ablakban a HTML felirat melletti mezőbe írd be a sötétebb szín hexa kódját, ami jelen esetben: 592959 lesz.
Kattints a háttérszín ikonjára és a megjelenő ablakban írd be a világosabb szín kódját, ami itt most a sárga: FFCE19 lesz.
Most következik a varázslat egyetlen lépésben. A menüből válaszd a Színek/Leképezés/Színátmenet leképezés menüpontot.
Akár be is fejezheted. Mentsd el a Fájl/Exportálás másként menüponttal, az elnevezés után a kiterjesztés jpg legyen!
Adhatsz hozzá textúrát is, például egy offset nyomtatást megidéző mintázatot, amit letölthetsz az alábbi képre kattintva:
Ezt a képet új rétegként illeszd be a színezett fotó rétege fölé: Fájl/Megnyitás rétegként.
Majd a fedési módját állítsd át összegzésre, átlátszatlanságát pedig tetszés szerint vedd vissza:
Tervezhetsz hozzá feliratot is. Az ilyen stílusú képekhez letisztult, egyszerű, minimál stílusú tipográfia illik, elsősorban talp nélküli (sans serif) betűtípusok. Fontválasztáshoz felhasználhatod a múlt hétfői gyűjteményemet.
Nekem egyik kedvencem a Roboto, már csak azért is mert egészen sok változata van, amit tetszés szerint lehet kombinálni.
A fenti képen a főcímhez Roboto Condensed nagybetűket választottam 191 PT méretű lett, alcímhez pedig Roboto kisbetűket 37-es méretben. Két külön rétegen érdemes a két sort szerkeszteni, hogy a távolságot könnyebben alakítsuk, s ha sikerült összeilleszteni a sorokat, akkor a a Rétegek párbeszédablakban a láncszem bekapcsolása után lehet áthelyezni a képen, például középre illeszteni.
Ha tetszett ez a lecke és stílus, akkor ajánlom figyelmedbe ezt a korábbi, dupla expozícióról szóló leírásomat is.
Színes hetet kívánok! 🙂
Szerző: Thurzó Katalin | máj 23, 2016 | Font ajánló
Itt töltheted le őket:
- Caviar Dreams
- Clear Sans
- Existence Light
- Liberation Sans
- Roboto
- Raleway
- Rubik
Sans Serif, avagy talpatlan betűtípusok.
Az Arial és Verdana betűtípust mindenki ismeri és használja, mindkettő jól bevált, tökéletes betűtípus. Épp ezért – az újat alkotni vágyóknak – kissé unalmas is lehet. Bár első ránézésre ezek a talp nélküli betűtípusok egyformának tűnnek, mégis érdemes beszerezni újakat, felfrissíteni kelléktárunkat.
A talp nélküli vagy groteszk betűtípusok a 19. században jelentek meg és a 20. században váltak igazán használatossá. A korábban használt betűk talppal rendelkeztek, ezeknek a betűformáknak a leegyszerűsítéséből, azaz a talpak elhagyásával jöttek létre ezek a betűformák. Vonalrendszere egyenletes (tehát nincs váltakozás a vonalvastagságban).
Egyszerű, letisztult és modern. Egyes fajtái kissé merevek, szögletesek, mások viszont könnyedebbek, személyesek. Ez utóbbiaknál előfordulhat némi változatosság a vonalak vastagságát tekintve.
Műszaki szövegeknél, gyerekkönyveknél szokták használni. Szövegbetűnek (szakmai nyelven kenyérbetűnek) tökéletesen alkalmas. Scrapbook oldalakon hosszabb leírásokat is megformázhatunk ilyen betűkkel. Papíron egy kicsit lassabban olvasható (az egyes betűk hasonlósága miatt), mint a régebbi talpas betűtípusok, ezért hosszabb olvasmányokat, regényeket továbbra is talpas betűtípusokkal ajánlatos tördelni. Pár évvel ezelőtt a groteszk betűtípusokat weboldalakhoz, webre készült hosszabb írásokhoz (pld e-book) is ezt ajánlották elsősorban, mert monitoron jobban olvasható mint a talpas betű. Ma már (a modern monitorok esetében) nincs ilyen jelentős különbség a nyomtatásra és webre tervezett kiadványok olvashatóságában.
Fontpárok
A fenti ajánlóban szereplő betűtípusok ingyenesen letölthetők és valamennyi tartalmaz magyar karaktereket, így bátran használhatod őket. Igyekeztem olyanokat válogatni, amelyek többféle változatot (keskeny, világos, kövér, dőlt) tartalmaz, így az egyes változatokat kombinálva biztos, hogy megfelelő lesz a külleme. Ily módon létrehozható például egy apróhirdetés stílusú szöveg, amelyben a lényeges szavakat kövér változattal, ritkítva, vagy dőlt változat használatával emelhetjük ki. Egy szövegen belül akár 5-6 változat is használható.
Két különböző fajtájú (nevű) talpatlan betűtípust nem ajánlatos egymással kombinálni (persze lehetnek jó megoldások, kivételek erre is), inkább válassz hozzá valamilyen talpas betűtípust és növeld tovább a meglévő kontrasztot például a betűvastagsággal, színekkel vagy betűmérettel. Pld így:
A Liberation nevű betűtípusnak van egy talpas változata is, ezt választottam címnek, de bármely más talpas betűtípussal összepárosítható.
Színes hetet kívánok Neked! 🙂
Szerző: Thurzó Katalin | máj 2, 2016 | Gimp leckék
Az internet folyamatos változásban van. Grafikus megjelenése óriási fejlődésen ment keresztül az elmúlt évtizedben. Ahogy a monitorok egyre nagyobb felbontásúak lesznek úgy a webre szánt képek méretét is nagyobbra kell vennünk. Mikor blogolni kezdtem, 450 pixeles képeket használtam, ami akkoriban ideális volt, ma már túl kicsinek számít 🙂
Továbbra sem szükséges, sőt felesleges nyomtatható méretű képeket használni az interneten, mert ezek egyrészt lassabban töltődnek be, másrészt túl sok helyet foglalnak.
Mivel manapság szinte mindenki tölt fel fotókat az internetre, a mai leckém – ami most nem elsősorban GIMP, de az is van persze benne – bloggereken, scrapbookoson kívül másoknak is hasznos lehet, akik használnak közösségi médiát, mint a facebook vagy instagram.
A képek átméretezéséről szól ez a blogbejegyzés, ezért először is tisztázzuk az ezzel kapcsolatos fogalmakat.
- Képméret: a kép szélességét és magasságát jelöli. Mértékegysége a pixel. Pld 1200×2000 pixeles méretű kép az 1200 pixel széles és 2000 pixel magas. Ebből meg lehet állapítani, hogy milyen méretben fog megjelenni a képernyőn, kitölti azt vagy csak egy apró négyzetet fogunk látni.
- Felbontás: megmutatja, hogy egy adott területen, hány képpont található, tehát a képek részletgazdagsága becsülhető meg ezzel az értékkel. Mértékegysége a dpi (dot per inch) vagy ppi (pixel per inch). Elsősorban nyomtatásnál van jelentősége, amikor is általában 300 dpi-t szoktunk használni (pld digitális scrapbook oldalnál) – ez azt jelenti, hogy 1 hüvelyknyi területen egy sorban 300 képpont található. Webre elegendő a 120 vagy akár a 72 dpi, ezzel is csökkenthetjük a fájlméretet.
- Fájlméret: azt jelzi, hogy a képfájl mennyi helyet foglal el a merevlemezen/tárhelyen. Mértékegysége kilobyte, megabyte, gigabyte. Befolyásolja a képméret, a felbontás, de a kép formátuma is attól függően, hogy mennyi a veszteség tömörítésnél. Pld. a jpg fájmérete kisebb, mint a tömörítésmentes png képé. A fájlméret tovább csökkenthető, méghozzá látható minőségromlás nélkül a Tinypng.com alkalmazásával.
Ha a Windows ablakában a mappában levő kép fölé visszük az egérmutatót egy szövegbuborékban megmutatja a képméretet és fájlméretet. Így látjuk, hogy ebből a fotóból jó minőségű képet tudunk majd előhívatni viszont webre ennél kisebb is elég lenne.
Közösségi oldalakra milyen méretű képek az ideálisak?
A Facebookot és az Instagramot használjuk a legtöbben magáncélokra is, ezért ezt a kettőt fogom részletezni.
Instagram: 2015 nyarán csaknem a duplájára növekedett az Instagram monitoron megjelenített képmérete: 640×640 után 1080×1080 pixel. Ide általában mobilfotókat szoktunk feltölteni, így nem jelentett problémát a változás, de ha például az előzőleg 700 pixelesre méretezett, online galériába feltöltött digitális scrapbook oldaladat szeretnéd megosztani, az már kevésbé mutat jól.
Facebook: Ez is változik időnként, ráadásul még bonyolultabb, mert sokféle képméret van. A program automatikusan átméretezi a képet.
– Borító (fejléc) 828×315 pixel – amit ekkora méretben kell feltölteni és figyelni arra, hogy a fájlméret ne haladja meg a 100 kB-ot.
– Profilkép: 180×180 pixeles méretben jeleníti meg az oldal, de nyugodtan lehet nagyobb méretben (pld 600×600 pixel) feltölteni, így kattintás után jobban szemügyre vehető.
– Megosztott kép: 1200×630 pixeles. Fekvő (landscape) vagy négyzet alakú (1:1) képeket érdemes ide választani. A facebook súgója különféle támogatott méretek használatát és a kiváló minőség választását ajánlja feltöltés során (720, 960, 2048 pixel szélességekről van szó) – ha nem akarunk minőségromlást, de png formátummal is lehet próbálkozni a jpg helyett. A tinypng-vel a fáljméreten lehet jelentős mértékben csökkenteni minőségromlás nélkül.
Hogy ne bonyolítsam túl, a webre töltendő képek szélességét 1200 pixelre méretezem, ami legtöbb esetben elegendő, nem sok és nem kevés. A scrapbook oldalak legtöbbször 1:1 arányúak, így 1200×1200 pixel-t jelent ez. Ez jó az Instagramra és más közösségi oldalakra, valamint a weboldalra is 🙂
A sproutsocial.com oldalán tájékozódhatsz az egyes social media oldalakhoz kapcsolódó aktuális méretekről, ha megjelenése után hónapokkal olvasod ezt a cikket, ellenőrizd, hogy továbbra is helytállóak-e az adatok! Vagy ha más közösségi oldalakra is kíváncsi vagy, kattints ide! 🙂
Képek átméretezése és png-be mentése GIMP-pel
Nyisd meg a megosztásra szánt képet. Fájl/Megnyitás
Méretezd át! Kép/Kép átméretezése. A megjelenő ablakban írd át a szélességet 1200 pixelre úgy hogy az értékek melletti láncszem legyen bekapcsolva. Ezáltal a magasság értéke is arányosan változik:
Mentsd el. Fájl/exportálás másként. A megjelenő ablakba írd be a kép nevét png kiterjesztéssel (érdemes a méretet is jelezni), pld kep1200.png. Kattints az exportálás gombra, majd a következő ablakban a képen látható beállításokkal újból az exportálás gombra:
Tipp:
További optimalizálás érdekében igénybe veheted a Tinypng.com online alkalmazását és ezután töltsd fel a képet az oldalra.
A png formátum ideális lehet weboldalra akkor is, ha ilyen megjelenést szeretnél a blogbejegyzésednek: egy nem teljesen fehér blogháttérre árnyék vetődik. ilyenkor a fotókereten kívül eső részek átlátszóságot tartalmaznak:
A cikket 2018.10.04-én frissítettem utoljára:
Aktuális méretekhez és az általam nem részletezett közösségi oldalak beállításához keresd fel a SproutSocial-t
Szerző: Thurzó Katalin | ápr 18, 2016 | Font ajánló
Korábban már volt rajzos témájú fontajánlóm, most is ezzel készültem, valamennyi vidám és könnyed hangulatú (tavaszi-nyári boldogság témákhoz ideális) kifinomult, nőies stílusú betűkből áll. Van köztük talpas, talpatlan, egyenletes vagy éppen váltakozó vonalvastagságú, melyeket – ha például tovább növeljük a méretkülönbséggel a kontrasztot – nagyon jól tudunk egymással kombinálni.
Igyekeztem olyanokat válogatni, amelyek magyar, ékezetes karaktereket is tartalmaznak. Egy-két készletből csak az ő és ű hiányzik, ami könnyen pótolható pld az á betű ékezetének átmásolásával.
- KG Sombody That I Used to Know
- KG Summer Sunshine
- KG Call Me Maybe
- DK Carte Blanche
- DK Clair De Lune
- Peanutbutter Smoothies
- Wednesday
Hasonló fontajánlókat találsz itt és itt.
Színes hetet kívánok Neked! 🙂
