Logókészítés és képszerkesztés alapjai Január 14.

Átírás

1 Logókészítés és képszerkesztés alapjai Január 14.

2 Logótörténet Eredete: logosz = szó, beszéd üzenettel, jelentéssel bíró kell, hogy legyen a logó ősi népek ikonjai, hieroglifái, piktogramjai = kép XIII. századi elterjedés aranyművesek, papírmerítők használták munkájuk levédésre, megjelölésére családi címerek meghatározott szimbólumaik miatt

3 Milyen a jó logó? az egyik legerősebb kommunikációs eszköz csak azonosításra szolgál olvasható cégnév egyszerűség Színek, alakzatok, tipográfia színek biológiai és pszichológiai hatása (pl. vörös kiemelő szín, döntésre késztet) 'súly' árnyékolás, 3D semmiképp kontraszt kevés, de elkülönülő színek forma letisztult; különböző formák kombinációja nem szerencsés lekerekített, gömbölyű barátságos, mozgalmas, dinamikus szögletes stabilitás, biztonság méret és szín saját színben és fekete-fehérben is tipográfia klasszikus és modern betűtípusok betűköz, karakterek elhelyezése

4 Logó típusai ikonikus logó legelterjedtebb szimbólum logó vagy grafikai logó szöveg logó legegyszerűbb fajta cégnév vagy rövidítés vegyes logó feltörekvő/induló cégek szimbólum és írásmód együttesen

5 Logo fun facts

6 Képben vagy?

7 Képben vagy? Warner Bros Target BP Adidas Airbus Mastercard Barclays Yamaha Mitsubishi Ericsson T-Mobile Chanel Delta Air Lines Hyundai Quaker Oats Wikipedia Vodafone Lufthansa Bank of America Michelin Nvidia HSBC Reuters British Airways Unilever Xerox Peugeot Sun Microsystems Baskin Robbins Puma Milton Bradley Quiznos Rolex ING Travelers Expedia

8 Képszerkesztés A digitális képformátumok tömörítése A képtömörítési eljárás célja, hogy a nagy adatmennyiséget tartalmazó képanyagok méretét csökkentsük. Veszteségmentes GIF PNG TIFF kis méretű logók, animációk megjelenítésére átlátszóság kezelése GIF kiváltására napjaink vezető nyomdaformátuma vonalas, árnyalatos, RGB, CMYK képek tárolása JPG BMP RAW Veszteséges hosszabb megjelenítési idő pixelszínek változása a tömörítés hatásfokának érdekében Tömörítetlen egykor a legnépszerűbb pixeles képformátum volt nagy méret, de gyors megnyitás Digitális fényképezőgépek számára kifejlesztett platformfüggetlen képformátum

9 Vektor és A két legelterjedtebb geometriai modellezés a számítógépes grafikában: I. Vektorgrafika: Pontokkal, egyenesekkel, görbékkel, függvényekkel írjuk le az alakzatokat. Végtelenségig nagyítható. A vektorgrafikus képek leginkább ábrák, rajzolt alakzatok. Felhasználása: Logók, ábrák, szórólapok, névjegyek, illetve ahol a készült grafikára változó méretekben van szükség Formátumok: ai, eps, cdr, swf, fla, svg Szoftverek: Inkscape, Illustrator (ai, eps), CorelDraw (cdr)

10 pixel II. Pixelgrafika: Minden pontjához egy érték van rendelve, mely a pont színéről vagy szürkeárnyalatáról ad felvilágosítást. Nem nagyítható minőségromlás nélkül. Felhasználása: Mindenféle grafika,fotók, részletgazdag grafikák. Egy pixelgrafikus kép is kerülhet nyomdába, plakátra, ha megfelelő a felbontása. Formátumok: jpg, png, psd, tiff, gif, bmp, tga Szoftverek: Photoshop (psd), GIMP

11 Szoftverek Paint GIMP Photoshop Képátméretezés Képkivágás Szürkeárnyalatos kép készítése Átlátszó háttér Ikon átszínezés

12 Képátméretezés

13 Képkivágás

14 Szürkeárnyalatos

15 Átszínezés

16 Képátméretezés

17 Képkivágás Eszközpaletta Vágóeszköz kiválasztása, majd meghagyni kívánt terület kijelölése

18 Szürkeárnyalatos kép

19 Átlátszó háttér

20 Átlátszó háttér JPG-ből PNG fehér helyett átlátszó háttérre van szükségünk Eszközpaletta Varázspálca eszköz Kép rétegéhez Alfa csatorna hozzáadása jobb klikkel Kijelölt terület kivágása (Ctrl+X) átlátszó háttér Munka végén png-be exportálás (nem Mentés másként!)

21 Átszínezés

22 Képátméretezés

23 Képkivágás

24 Szürkeárnyalatos kép

25 Átlátszó háttér JPG-ből PNG fehér helyett átlátszó háttérre van szükségünk Eszközpaletta Varázspálca eszköz Kijelölt terület kivágása (Ctrl+X)

26 Átszínezés Rétegen dupla kattintás Color overlay

27 Köszönöm a figyelmet!