Mire jó a rétegmaszk? Új GIMP lecke!

A következő GIMP lecke a rétegmaszkról szól. Ez már egy haladóbb funkciója a képszerkesztő programoknak, így teljesen kezdőként még bonyolultnak tűnhet.

Viszont érdemes megismerni, mert nagyon sok lehetőséget biztosít a képszerkesztésben. Próbáld ki Te is!

Átlátszóság

Töltsd le a gyakorlócsomagot, majd indítsd el a programot.

Nyisd meg a retegmaszk_virag. xcf nevű fájlt.

A Rétegek rendelkezhetnek alfa csatornával, azaz átlátszósági értékkel. Alfa-csatorna hozzáadása menüponttal lehet hozzáadni a réteghez.

A virág nevű fájlban mindkét réteg rendelkezik alfa csatornával. A felső réteg szépiára van színezve, az alsó egy színes fotó.

Az átlátszóság az átlátszatlanság csúszka elmozdításával módosítható.

Nézd meg a következő videóban, hogy is néz ez ki a gyakorlatban:

A csúszka visszahúzásával ahogy a felső szépia réteg átlátszóvá válik, úgy tűnik fel alatta a színes fotó.

Ez a módosítás az adott réteg valamennyi képpontjára egyformán hat.

Rétegmaszk

Abban az esetben, ha a fotó bizonyos részeit szeretnénk módosítani, bevethetjük a rétegmaszkot.

A rétegmaszk szürkeárnyalatos kép, amely egy réteghez kapcsolódik, a maszkon feketére festett területek nem láthatók a képen. A szürkeárnyalatos színnel festett területek különböző átlátszósággal jelennek meg. A fehérre festett részek százszázalékosan látszódnak.

A rétegmaszk arra való, hogy az egyes képpontok átlátszóságát módosítsa, anélkül, hogy véglegesen módosítaná a képet. Ahol fekete a rétegmaszk, ott teljesen átlátszó a felső (rétegmaszkhoz csatolt) réteg, ahol fehér a rétegmaszk, ott teljes mértékben látszódik a felső réteg. A szürke részek pedig (fényerősségtől függően) részben átlátszók.

Készítettem egy maszkkal rendelkező szemléltető fájlt, hogy érthetőbb legyen. Ezt is megtalálod a csomagban retegmaszk_bemutato_szinek.xcf néven.

  1. Az alsó réteg piros, a felső sárga.
  2. A felső réteghez adtam rétegmaszkot.
  3. A rétegmaszkon szürkeárnyalatos színeket használunk (feketétől a fehérig bármit). Ha véletlenül pirossal festesz rá, akkor a piros színt szürkeárnyalatossá váltja át.
  4. A rétegmaszkon három különböző színnel kitöltött négyzetet hoztam létre: fekete, szürke és törtfehér. A hosszú téglalapot pedig a gradiens eszközzel töltöttem ki (előtérszínből-háttérszínbe, azaz feketéből fehérbe). Az első (rétegmaszkon fekete) négyzet teljesen piros lesz, mert a felette lévő sárga réteg egyáltalán nem fedi, hiszen teljesen átlátszó, a második (rétegmaszkon szürke) réteg narancssárga mert a félig átlátszó sárga réteg alól félig látszik a piros (és a sárga és a piros együttesen narancssárgát alkot). A harmadik négyzet törtfehér, így alig láthatóan csak átsejlik a piros réteg a sárga alatt. Ha pedig teljesen fehér lenne, akkor csak a sárga szín lenne látható.

Próbáld ki Te is!

Nyisd meg a retegmaszk_gyakorlo_szinek.xcf fájt.
Hozz létre egy rétegmaszkot a felső rétegen. Jobb egérgombbal kattints a Rétegek lapon a felső réteg kiválasztásával és a helyi menüből válaszd a Rétegmaszk hozzáadása menüpontot. A rétegmaszk legyen fehér (teljesen átlátszatlan)

Jelöld ki a rétegmaszkot. Ha a maszk körül fehér keret van, a fotó ikonja körül pedig fekete, akkor van a maszk kijelölve.

A téglalap kijelölés eszközzel hozz létre egy kijelölést

A kijelölést a színkitöltő eszközzel töltsd ki fekete színnel.

A következő négyzet kijelölést közepes szürke színnel töltsd ki. Az előtérszínre kattintva a színes négyzeten belül a csúszkát bal oldalon középen helyezd el.

A harmadikat pedig törtfehérrel

Húzz egy hosszabb téglalapot a meglévők alá. Kattintással állítsd vissza az előtér és háttérszínt fekete-fehérre. Válaszd ki a gradiens eszközt, az eszközbeállításoknál az előtérből-háttérszínbe nevű gradienst és húzz egy vonalat a téglalapon belül balról jobbra.

A rétegmaszkot az ecset eszközzel is módosíthatod. Az előtérszínt válaszd ki, ezzel fess a rétegmaszkra. Az ecset esetében nemcsak a színekkel kísérletezhetsz (fekete, szürke, fehér), hanem az átlátszóság módosításával is.

Az alábbi videón megnézheted a fent felsorolt műveleteket:

Mire jó a rétegmaszk?

Rétegmaszkkal létrehozhatsz finom átmenetet a színes és szürkeárnyalatos közt egyetlen képen belül. Ennél is érdekesebb a részleges színezés funkciója.

Próbáld ki a retegmaszk_virag.xcf fájl felhasználásával. Nyisd meg ezt a képet újra a GIMP-pel.

  1. Hozz létre egy rétegmaszkot a felső szépia rétegen.
  2. A gradiens eszközt válaszd ki. Használd az előtérszínből-háttérszínbe opciót, a gradiens formáját pedig állítsd sugarasra az eszköz beállításoknál.
  3. A rétegmaszkon a kép közepétől az egyik szél irányába húzd be a gradiens vonalát és az enter billentyű lenyomásával hagyd jóvá a műveletet.
  4. Vond vissza az előző műveletet és próbáld ki a következőt is.
  5. Válaszd az ecset eszközt és a rétegmaszkon egy tetszőleges területen fess fekete vagy szürke színnel.
  6. Vagy állítsd be az előtérszínt feketére és az ecset átlátszóságának módosításával végezd el a színezést.

Nézd meg ezeket a műveleteket az alábbi videón.

Mire jó a rétegmaszk még a digitális scrapbookban?

További felhasználási lehetőség következik haladóknak és scrapbookosoknak.

A gyakorlócsomagból a téli fotót és a téli fotómaszkot használhatod.

A fotómaszk digitális scrapbookos kellék, mely arra szolgál, hogy a fényképet különleges formájúvá vágjuk. ezt a Photoshop-ban a vágómaszk funkcióval könnyen és gyorsan lehet használni. A GIMP-ben hiányzik ez a funkció ezért egyéb trükkhöz kell folyamodnunk. Két fő módszere van a fotómaszk használatának. Az egyiket már ismerheted akár az ingyenes digitális scrapbook alapozóból, hiszen a template-eket is vágómaszkként szoktuk használni. A másik trükköt pedig most megosztom Veled. Erre is jó lesz a rétegmaszk. 🙂

  1. Nyiss meg egy új 3600×3600 pixel, 300 dpi képet.
  2. Új rétegként nyisd meg a fotót.
  3. A fotóhoz adj átlátszóságot: Jobb egérgombbal kattints a Rétegek lapon a fotó rétegén és az alfa csatorna hozzáadása menüpontot válaszd ki.
  4. Új rétegként nyisd meg a csomagban található fotómaszkot is.
  5. Az áthelyezési és átméretezési eszközök használatával igazítsd a helyére és a megfelelő méretekre a fotót és a téli fotómaszkot. A téli fotómaszk legyen a fotó fölött. A maszk legyen valamivel kisebb, mint a fotó.
  6. Hozz létre egy fekete (teljesen átlátszó) rétegmaszkot a téli fotó rétegén. Ekkor a fotó teljesen átlátszó lesz, eltűnik a képről.
  7. A fotómaszkot színezd át fehérre a Színek/Invertálás menüponttal.
  8. A Szerkesztés/Másolás menüponttal másold ezt a téli fotómaszkot a vágólapra.
  9. Kattints a Szerkesztés/Beillesztés menüpontra.
  10. Kattints a fekete rétegmaszkra. Válaszd ki (a kiválasztás fehér keret jelzi a fekete maszk körül)
  11. A lebegő réteget (ami a fehér színű téli fotómaszk) a Rétegek lap alján lévő horgonyt ábrázoló ikonra kattintva másold a fekete rétegmaszkra.
  12. A fekete rétegmaszkon egy fehér forma lesz látható, a fotó pedig ugyanebben a formában fog előtűnni.

Az alábbi videóban nézd meg hogyan:

A kezdő online digitális scrapbook és képszerkesztés tanfolyamokhoz már csak február 19-ig csatlakozhatsz. Kattints ide és ide, nézd meg mit tanulhatsz itt és jelentkezz még ma!


Téli quickpage használata – digitális scrapbook kezdőknek

A 7szindizájn – digitális scrapbook kezdőknek Facebook csoportban nemrég megosztottam egy képkeretet.

A kerettel díszített fotó hagyományos és digitális scrapbook oldalon egyaránt jól mutat. S ha pld. blogot vezetsz és szeretnéd télies hangulatúvá tenni a bejegyzéseidet, akkor illusztrálhatod olyan fotókkal, amelyekhez ezt a fehér keretet használtad, amit az alábbi fotón is látsz.

Kipróbáltam milyen a múlt pénteken közzétett gyorslaphoz. (Letöltéshez kattints a képre)

Aztán készítettem hozzá egy útmutatót. Nagyon egyszerű, abszolút kezdőknek ajánlom.

A quickpage használata GIMP-pel

Nyisd meg a gyorslapot: Fájl/Megnyitás

Új rétegként nyisd meg a fotót: Fájl/Megnyitás rétegként:

A nagyító eszközzel nagyítsd ki a képnézetet. Húzz egy keretet a kép ablakon belül azon terület körül, amit látni szeretnél. (Jelen esetben a fotó számára tervezett terület)

Az áthelyezési eszközzel igazítsd a fotót a képkeret sarkához:

Az átméretezési eszköz beállításánál jelöld be a Méretarány megtartása melletti négyzetben a pipát és a kép bal alsó sarkát megragadva, jobbra felfelé húzással méretezd a képkerethez. A megjelenő ablakban az Átméretezés gombra kattintva véglegesítsd a méretet:

Rendezd át a rétegeket úgy, hogy a quickpage kerüljön felülre. A Rétegek panelen a quickpage ikonját ragadd meg és húzd felfelé,míg egy nyíl és vízszintes vonal meg nem jelenik a fotó ikonja fölött. Engedd el:

Mentsd el jpg formátumban. Fájl/Exportálás másként. A megjelenő ablakban a név mellé jpg kiterjesztést írj.

Az egész folyamat nem több mint két perc. Készítettem egy videót is róla:

Az alapozó leckékért iratkozz fel az alábbi adatlap kitöltésével:

[mc4wp_form id=”15101″]

Adataidat bizalmasan kezelem, harmadik félnek nem adom ki. Spam-et nem küldök. A levelezőlistáról bármikor leiratkozhatsz az email végén lévő “leiratkozás” linkre kattintással. Adatkezelés nyilvántartási száma: NAIH-74971/2014

Mentés

Mentés

Gimp lecke: képek átméretezése közösségi oldalakra

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