Fotós felirat – GIMP lecke

fotós szövegeffekt

A ma bemutatott technikával fotós feliratot vagy alfa készletet tervezhetsz a GIMP-pel scrapbookhoz, webdizájn-hoz.

Ezeket használtam fel, töltsd le Te is!

Fotó (L-es méret 1920×1274 pixel)

Font: Bebas Neue

Nyiss meg egy új képet: Fájl/Új kép. Mérete legyen 1200×700 pixel, 300 dpi felbontással

1

Az eszköztárból válaszd a szöveg eszközt. Kattints bele a betűtípus megnevezésének mezőjébe és kezdd el írni a font nevét (elég az első két betű) és legördül a választék, ebből válaszd ki a Bebas Neue betűtípust.

2

A betű leggyakrabban használt mértékegysége a pont (pt). Ezt a betűtípus megnevezése melletti mezőben tudod beállítani:

3

A betűméret legyen: 72 pont. Húzz egy szövegkeretet a kép szélességében

4

A szöveg eszköz beállításainál jelöld ki a középre rendezést a megfelelő ikon kiválasztásával és írd be a szöveget.

5

Illeszd be új rétegként a tengerpartos képet: Fájl/Megnyitás rétegként

6

A rétegek párbeszédablakban húzd ezt az új réteget a szövegréteg alá, majd az áthelyezési eszközzel mozgasd tetszőleges pozícióba (a szöveg alá a megjeleníteni való képrészletek kerüljenek)

7

A Rétegek panelen a szöveg réteget tedd láthatatlanná a szem ikon kikapcsolásával. Jobb egérgombbal hívd le a helyi menüt, és válaszd az alfa csatorna kijelöléssé alakítása menüpontot.

8

A Rétegek panelen válaszd a fotó rétegét, a menüből: Szerkesztés/Másolás menüpontot.

9

Majd a Szerkesztés/Beillesztés másként/Új réteg menüpontot:

10

Szüntesd meg a kijelölést: Kijelölés/Semmit.

11

Az áthelyezési eszközzel mozgasd középre a szöveget. (Az elhelyezésben segíthet a még meglévő szövegréteg.) A szöveg és a fotó rétegét ki is törölheted. Adj árnyékot a felirathoz: Szűrők/Fény és árnyék/Drop Shadow (vetett árnyék). Mérete maradhat az alapbeállítás:

12

További textúra adható hozzá a domborítással. Szűrők/Dekor/Add Bevel

13

Töröld ki a háttér rétegét is. Kép/Rajzvászon illesztése a rétegekre menüponttal optimalizálható a képméret.

14

A Fáj/Exportálás másként menüponttal mentsd el. A megnevezés után kerüljön png kiterjesztés, így átlátszóságát megőrzöd.

15

augusztus

3D szöveg geometrikus mintázattal – GIMP lecke

Ma egy érdekes, divatos, ugyanakkor egyszerűen megvalósítható szövegeffektet fogok bemutatni. Közben kétféle GIMP szűrőt is megismersz majd. Az egyikkel remek színes és modern textúrákat hozhatsz létre, a másik pedig egy különleges árnyékolási technika lesz.

Nyiss meg egy tetszőleges képet, aminek szeretnéd a színeit felhasználni. A menüből válaszd a Szűrők/Művészi/Kubista menüpontot. A megjelenő ablakban állítsd be az adatokat. Válassz bármilyen értéket, használd az előnézeti funkciót. (Próbaképpen beírhatod az alábbi adatokat is:)

Írj be egy tetszőleges szöveget. Használj valamilyen kövér betűtípust, mint például a Bowlby One.

Ennek méretét a bal oldalon az Eszközbeállítások ablakban alakíthatod.

Készíts kijelölést a szövegből. Jelöld ki a Rétegek panelen (jobb oldalon) a szöveg rétegét és kattints a jobb egérgombbal. A megjelenő helyi menüből válaszd ki a következőt: Alfa csatorna kijelöléssé alakítása:

Tedd láthatatlanná (a szem ikonra kattints a Rétegek párbeszédablakban) a szöveg rétegét. Majd válaszd ki a textúra rétegét.

Válaszd a Szerkesztés/Másolás  menüpontot.

Majd a Szerkesztés/Beillesztés másként/Új réteg menüpontot

Szüntesd meg a kijelölést: Kijelölés/Semmit

Az áthelyezési eszközzel mozgasd középre a másolt szöveget. Tedd láthatatlanná a textúra rétegét is:

A szöveg rétegét válaszd a Rétegek panelen, a menüben pedig kattints a Szűrők/Fény és árnyék/Xach Effektus menüpontra. A beállítások maradhatnak alapértelmezésben.

Az effekt elkészülte után szüntesd meg a kijelölést: Kijelölés Semmit. A téglalap eszközzel kerítsd körbe a szöveget, majd a Szerkesztés/Látható másolása menüpontot válaszd ki.

A Szerkesztés/Beillesztés másként/Új kép menüponttal illeszd egy új képre.

Mentsd el. Fájl/Exportálás másként. Adj neki egy nevet és írd utána a png kiterjesztést, így átlátszó háttérrel fogja elmenteni a szöveget és tetszőlegesen felhasználhatod később.

Tipp: Ezzel a módszerrel teljes betűkészletet is létrehozhatsz. Ilyenkor érdemes egy nagyméretű (3600×3600 pixeles) hátteret választani alapnak és a teljes abc betűit egymástól nagyobb távolságra akkora méretben beírni, amekkorát egy scrapbook oldalra is elhelyeznél.

 

Nyári fontajánló

summerfonts2016

Vidám, játékos, kézírásos jellegű betűket szedtem ma egy csokorba könnyed nyári témákhoz.

Az utolsó kivételével valamennyi tartalmaz minden magyar ékezetes karakteret, tehát használatakor az ő és ű betűkre sem kell figyelned.

  1. KG Ray of Sunshine
  2. El Captain
  3. Original Surfer
  4. Hugs and Kisses
  5. Risque
  6. Pinapple Delight
  7. Markella

További nyári fontajánlókhoz kattints az alábbi linkekre:

 

Talpatlan betűk – fontajánló

sans serif fontok

Itt töltheted le őket:

  1. Caviar Dreams
  2. Clear Sans
  3. Existence Light
  4. Liberation Sans
  5. Roboto
  6. Raleway
  7. 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:

liberation

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! 🙂

 

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