Značku máme zavedenú pre reklamu Treehouse v hornej časti stránky, ale musíme urobiť niekoľko úprav. Začíname so samotnou stromovou grafikou.
Myslíme si, že použitie vektora a výstupu ako SVG môže byť super, pretože bude vyzerať ostro a bude mať malú veľkosť súboru. Sleduj ma, ako sa dokážem v Illustratore snažiť získať jeho peknú čistú verziu vo všetkých vektoroch a nakoniec zlyhať. Nateraz sme sa rozhodli zabudnúť na to a urobiť z toho iba obraz.
Ukázalo sa, že Treehouse už túto značku aj tak nepoužíva, takže ju budem musieť aj tak čoskoro aktualizovať a určite si nájdem čas na jej výrobu SVG, aj keď ju budem musieť znova nakresliť.
Zatiaľ robíme PNG a vkladáme ich do dizajnu s pozadím CSS. Zmenšujeme to veľkosťou pozadia (aj keď som sa opäť zmätil použitím percent) - pamätajte, že keď použijete percento, je to percentuálny podiel pomocného prvku, nie percento z veľkosti samotného obrázka).
Získame sfarbenie, veľkosť a umiestnenie. Posledným krokom je jeho dosiahnutie v responzívnom dizajne.