Pred použitím Photoshopu použite ručné náčrty na zdokonalenie nápadov na dizajn.
Otvorte súbor s obrázkom loga. Použite akýkoľvek formát súboru, ale ak je súborom viacvrstvový PSD, zlúčte vrstvy.
Vytvorte dostatočne veľké plátno, ktoré bude obsahovať celé logo, ktoré chcete otočiť. Ak je vaše logo napríklad 300 pixelov na šírku a 200 pixelov na výšku, kliknite na „Súbor“, „Nový“ a potom nastavte výšku a šírku obrázka na viac ako 300 pixelov. Vyberte pevné pozadie, ktoré bude fungovať s vaším logom a webovou stránkou. Napríklad, ak je logo na bielom pozadí, zvoľte "Biele" pre "Obsah pozadia".
Vytvorte tri duplikáty aktuálnej vrstvy. Kliknite na ponuku „Vrstvy“, „Duplikovať vrstvu“ a potom na „OK“, aby ste vytvorili každú novú vrstvu obsahujúcu kópiu pôvodného zlúčeného obrázka. Photoshop pomenuje vrstvy za vás.
Vyberte prvú vrstvu zo zoznamu začínajúceho v hornej časti panela Vrstvy, kliknite na ponuku „Upraviť“, „Transformovať“ a potom na „Otočiť o 90º v smere hodinových ručičiek“.
Vyberte druhú vrstvu v zozname, kliknite na ponuku „Upraviť“, „Transformovať“ a potom na „Otočiť o 180º“.
Vyberte tretiu vrstvu v zozname, kliknite na ponuku „Upraviť“, „Transformovať“ a potom na „Otočiť o 90º proti smeru hodinových ručičiek“. Uložte si prácu.
Kliknutím na ponuku „Okno“, „Časová os“ a potom na tlačidlo „Vytvoriť časovú os videa“ pridajte panel Časová os do svojho projektu. Panel Časová os obsahuje všetky štyri vrstvy loga. Ak vidíte iba tri vrstvy, odomknite pôvodnú vrstvu.
Znížte čas zobrazenia každej vrstvy nastavením jej trvania na päť snímok. Kliknite a podržte myš na pravom okraji každej vrstvy na časovej osi a potiahnite okraj smerom k kým nastavenie "Trvanie" nebude "00.05." Čím menej snímok, tým rýchlejšie sa animácia javí točiť.
Nechajte spodnú vrstvu na časovej osi, kde je. Kliknite a podržte myš na strede vrstvy tesne nad spodnou vrstvou na časovej osi a ťahajte celú vrstvu doprava, kým sa jej ľavá strana nezarovná s pravým okrajom spodnej časti vrstva. Ak sa veľkosť vrstvy namiesto presunov zmení, stlačte "Ctrl-Z" a skúste to znova.
Kliknite a podržte myš na druhej vrstve nad spodnou vrstvou na časovej osi a posúvajte vrstvu doprava, kým sa ľavá strana vrstvy nezarovná s pravým okrajom vrstvy pod ňou.
Kliknite na „Uložiť“ a potom na „Uložiť“ v dialógovom okne „Uložiť optimalizované ako“. Ak chcete zobraziť animáciu, otvorte súbor GIF, ktorý ste vytvorili vo webovom prehliadači.
