Hogyan készítsünk forgó logót a Photoshopban

A körültekintően elkészített animált logók felkeltik a webhely látogatóinak figyelmét, és az oldal többi részének megtekintésére csábítják őket. A Photoshop Rétegek panelje, az Átalakítási eszköz és az Idővonal panel együttműködve animált GIF-képeket hoz létre, amelyeket bármely weboldalhoz hozzáadhat. A logót az óramutató járásával megegyező vagy ellentétes irányban foroghatja.

1. lépés

Nyissa meg a logó képfájlját. Használjon bármilyen fájlformátumot, de ha a fájl többrétegű PSD, egyesítse a rétegeket.

2. lépés

Hozzon létre egy elég nagy vásznat ahhoz, hogy teljesen tartalmazza az elforgatni kívánt logót. Például, ha logója 300 képpont széles és 200 képpont magas, kattintson a "Fájl", "Új" lehetőségre, majd állítsa a kép magasságát és szélességét 300 képpontnál nagyobbra. Válasszon szilárd hátteret, amely illeszkedik logójához és webhelyéhez. Például, ha az embléma fehér alapon van, válassza a „Fehér” lehetőséget a „Háttértartalom” mezőben.

3. lépés

Írjon be egy nevet az új fájlnak, majd kattintson az "OK" gombra egy üres képvászon hozzáadásához.

4. lépés

Kattintson az "Ablak" menüre, majd válassza ki a logót tartalmazó ablakot.

5. lépés

Nyomja meg a "Ctrl-A" gombot a teljes kép kiválasztásához, majd a "Ctrl-C" billentyűkombinációt a vágólapra másolásához.

6. lépés

Kattintson az "Ablak" menüre, majd válassza ki azt az ablakot, amely az embléma tárolására létrehozott üres vásznat tartalmazza.

7. lépés

Nyomja meg a "Ctrl-V" billentyűkombinációt az embléma beillesztéséhez az üres vászonra.

8. lépés

Nyomja meg a "Ctrl-E" billentyűkombinációt, hogy a beillesztett képet a háttérképbe egyesítse, és kettő helyett csak egy réteg marad.

9. lépés

Hozzon létre három másolatot az aktuális rétegről. Kattintson a "Rétegek" menüre, a "Réteg megkettőzése", majd az "OK" gombra az egyes új rétegek létrehozásához, amelyek az eredeti, egyesített kép másolatát tartalmazzák. A Photoshop elnevezi a rétegeket.

10. lépés

Válassza ki az első réteget a Rétegek panel tetejétől kezdődő listából, kattintson a "Szerkesztés" menüre, az "Átalakítás" elemre, majd a "Forgatás 90º Clockwise" elemre.

11. lépés

Válassza ki a második réteget a listában, kattintson a "Szerkesztés" menüre, az "Átalakítás", majd a "Forgatás 180º-kal" elemre.

12. lépés

Válassza ki a listában a harmadik réteget, kattintson a "Szerkesztés" menüre, majd a "Transform" gombra, majd a "Forgatás 90º-kal az óramutató járásával ellentétes irányba". Mentse el munkáját.

13. lépés

Kattintson az "Ablak" menüre, az "Idővonalra", majd a "Videó idővonalának létrehozása" gombra, hogy hozzáadja az Idővonal panelt a projekthez. Az Idővonal panel a logó mind a négy rétegét tartalmazza. Ha csak három réteget lát, oldja fel az eredeti réteg zárolását.

14. lépés

Csökkentse az egyes rétegek megjelenítési idejét öt képkocka időtartamának beállításával. Kattintson és tartsa lenyomva az egeret az idővonal minden rétegének jobb szélén, és húzza a szélét balra, amíg az „Időtartam” beállítás értéke „00.05” lesz. Minél kevesebb a képkocka, annál gyorsabban pörög az animáció.

15. lépés

Hagyja az alsó réteget az idővonalon ott, ahol van. Kattintson és tartsa lenyomva az egeret a réteg közepén, közvetlenül az idővonal alsó rétege felett, és húzza az egész réteget jobbra, amíg a bal oldala egy vonalba nem kerül az alsó réteg jobb szélével. Ha a réteg átméretezése ahelyett, hogy elmozdulna, nyomja meg a "Ctrl-Z" billentyűkombinációt, és próbálja újra.

16. lépés

Kattintson és tartsa lenyomva az egeret az idővonal alsó rétege feletti második rétegen, majd mozgassa a réteget jobbra, amíg a réteg bal oldala egy vonalba nem kerül az alatta lévő réteg jobb szélével.

17. lépés

Kattintson és tartsa lenyomva az egeret az idővonal felső rétegén, és húzza a réteget jobbra, amíg a réteg bal oldala egy vonalba nem kerül az alatta lévő réteg jobb szélével.

18. lépés

Nyomja meg a „Lejátszás” gombot az animáció előnézetéhez.

19. lépés

Kattintson a „Fájl”, majd a „Mentés webre” lehetőségre.

20. lépés

Kattintson a "Looping Options" feliratú legördülő listára, és válassza az "Örökké" lehetőséget, hogy létrehozzon egy animált logót, amely soha nem áll le.

21. lépés

Kattintson a "Mentés", majd a "Mentés" gombra az "Optimalizált másként" párbeszédpanelen. Az animáció megtekintéséhez nyissa meg a webböngészővel létrehozott GIF-fájlt.

Tipp

Tegye úgy, hogy az embléma zökkenőmentesen forog, ha további rétegeket ad hozzá a képek közötti kisebb növekményes változtatásokhoz.

Figyelmeztetés

A cikkben található információk a Photoshop CC 14.2.1-re vonatkoznak. Ez kissé vagy jelentősen eltérhet a Photoshop más verzióitól.