Nos, először is kerestem egy céljaimnak megfelelő virágot, amihez a www.google.com oldalon beírtam a képkeresőbe, hogy tulip, és azt mondtam, csak a .gif kiterjesztésű képeket mutassa meg.

Ugyanez a kép egy kicsit nagyobban, és lila háttérrel volt, úgyhogy elmentettem, és kinyitottam Photoshopban. Először lekicsínyettem: Image menü a felső menüsorban, Image Size menüpont. Itt azt mondtam neki, legyen csak 100 pixel széles.

1. A méret így már jó volt, de a háttérszín nem tetszett. Le kellett lopnom a portálom stílusából a fejléc háttérszínét. Ezt lehet színlopó programmal is csinálni, de nekem épp nem volt kéznél, úgyhogy az egész ablakot vágólapra tettem (PrintScreen billentyű a billentyűzeten), majd Photoshopban csináltam egy új dokumentumot (File/New). A dokumentum ilyenkor akkora lesz, mint a vágólapon levő kép, úgyhogy minden beállítást úgy kell hagyni, és megnyitni az új doksit.
   A vágólap tartalmát be kell másolni a fehér területre, amit legegyszerűbben a Ctrl+V billentyűkombinációval lehet elérni.
   Ha megvan a kép, akkor fogj egy pipettát, ami az eszköztáron alulról a második, jobb oldalon.
   Kattints a képre, ahonnan a színt szeretnéd lelopni, és máris az lesz az ún. előtérszín, azaz a program megjegyzi.
   Most válts át a virágos képre, és válassz egy másik eszközt, a kitöltéshez. Ez a kis kancsó az eszköztár felülről hatodik eleme, a jobb oldalon.
   Kattints vele a lila részbe, és nézd meg, mi történik. :)
2. Ezzel kész volnánk, mentsd el, a File/Save for Web funkcióval, mert itt jobban tudod optimalizálni a képet.