Na vrhu strani imamo oznako za oglas Treehouse, vendar nas čaka nekaj stilskega dela. Začnemo s samo drevesno grafiko.
Mislimo, da bi bila uporaba vektorja in izpisov kot SVG morda v redu, ker bo videti ostra in bo majhne velikosti datoteke. Opazujte, kako se v Illustratorju trudim, kako poskušam dobiti lepo čisto različico v vseh vektorjih in na koncu spodleti. Za zdaj smo se odločili, da ga pozabimo in naredimo samo podobo.
Izkazalo se je, da Treehouse te blagovne znamke tako ali tako več ne uporablja, zato jo bom moral vseeno kmalu posodobiti in zagotovo si bom vzel čas, da bo SVG, četudi ga moram znova narisati.
Za zdaj izdelujemo PNG in ga spustimo v dizajn z ozadjem CSS. Velikost prilagodimo velikosti ozadja (čeprav sem se še enkrat zmedel z odstotki - ne pozabite, da ko uporabljate odstotek, gre za odstotek elementa patenta in ne odstotek velikosti same slike).
Dobili smo vse barve in velikosti ter pozicioniranje. Zdaj je zadnji korak, da deluje v odzivnem dizajnu.