Arculatterv készítése a GIMP alkalmazás segítségével

Arculat (4. lépés)

Ezt követően kialakítjuk a bal oldali blokkokat, amelyek chipekre emlékeztető hátteret kapnak.

A kép (nagyobb változata) külön ablakban is megtekinthető.chip_full.jpgAz Alaplap blog arculatában fontos szerepet kapó chip háttér

Szebb vizuális hatást kapunk, ha a blokkok szélét a logó jobb szélének vonalához igazítjuk, ezért érdemes elhelyezni ott egy segédvonalat. Ez a segédvonal a 250-es pozícióra kerül, így – mivel a 10-es pozíción is van segédvonalunk – a téglalap szélessége 240 képpont lesz.

A blokkokra az lesz a jellemző, hogy a belsejük sötétszürke színnel van kitöltve, és van egy világosszürke szegélyük. Ezt elkészíteni talán úgy a legegyszerűbb, ha a téglalapot világosszürke színű kitöltéssel hozzuk létre, majd a kijelölés szűkítjük egy képponttal, és az így kapott kijelölést kitöltjük sötétszürke színnel.

Az alkalmazott színkódok:

• sötétszürke: RGB (51,51,51).
• világosszürke:(RGB: 153,153,153)

Ezt a részművelet most külön is bemutatjuk.

Ha megrajzoltuk a téglalapot, akkor a tetején, illetve alján el kell helyezzük a chiplábakat. Ehhez felhasználhatjuk a chip_labak.png képet, amelyet a kívánt méretűre alakítunk. Az alsó lábak elkészítéséhez ugyanezt a képet kell tükröznünk.

Az alábbiakban ezt a részműveletet mutatjuk be. A megvalósítás során kihasználjuk, hogy tudjuk, hogy a blokk szélessége 240 képpont, ezért a rétegek szélességének is ezt az értéket állítjuk be. A magasság pedig legyen most 150 képpont.

Feladat

A fenti műveletek segítségével elkészíthetjük a teljes bal oldali blokkot, ami az alábbi képen látható is. Ezt a műveletsort az Olvasóra bízzuk. Az egyes blokkok magassága sorrendben: 170 képpont, 90 képpont, 120 képpont. Mindegyik blokk szélessége 240 képpont. Az egyes blokkok között 20 képpontnyi helyet kell kihagyni.

A munkát gyorsíthatja, ha a rétegekből másolatokat készítünk.

A kép (nagyobb változata) külön ablakban is megtekinthető.alaplap4_osszefesult_full.jpgAz alaplap blog arculata az elhelyezett bal oldali blokkokkal

Nézzük, hogyan léphetünk tovább!

Vissza a tartalomjegyzékhez