Šajā pēdējās kājenes izveides ekrānā mēs strādājam pie apakšējās kājenes, kur atrodas CodePen un ShopTalk zonas.
Mums ir nedaudz jāmaina HTML, kad nonākam pie atziņas, ka četriem gabaliem gar apakšdaļu (logotips, teksts, logotips, teksts) būtu jēga būt virknei inline bloku elementu, kas ir centrēti viens uz otru ( vertical-align: middle;).
Mēs saskaramies ar problēmu, kurā starp ievietotajiem blokiem ir papildu vieta, tāpēc mēs izmantojam fonta lielumu: 0; triks no šī raksta.
Galu galā mēs strādājam ar izkārtojumu, bet jūs faktiski neredzat, ka es nokritu reālos attēlos. Tāpat kā mēs to darījām ar Photostar, es izveidoju jaunu Photoshop failu tikai šiem kājenes logotipiem. Tas vienkārši atvieglo šo logotipu apstrādi un turpmākos atjauninājumus. Es tos arī izgatavoju 2x izmēros un samazinu, lai tie labi izskatās Retina displejos. Es tos nometu vietturu attēlu tagos, kas mums ir, un tas darbojas lieliski.
Faili
- 74 kājenes Logos.psd.zip