GIF animat a Photoshop CS5

Adobe Photoshop CS5 és un potent programa d'edició d'imatges que podeu utilitzar per crear o editar gairebé qualsevol tipus d'imatge per a la qual necessiteu. Tanmateix, Photoshop CS5 és especialment hàbil per crear imatges destinades a col·locar-se en línia, com ara una imatge que pugueu posar al vostre lloc web o que vulgueu compartir amb els vostres amics. Una opció d'imatge popular és un GIF animat, perquè és senzill de fer, té moviment, però es pot publicar com una imatge estàtica normal. Photoshop inclou algunes eines útils que us permeten crear un GIF animat a Photoshop CS5, i fins i tot podeu personalitzar el vostre GIF animat a Photoshop CS5 per complir amb les especificacions que necessiteu.

Preparant els marcs per al vostre GIF animat a Photoshop CS5

Un GIF animat a Photoshop CS5 és en realitat cinc imatges separades que organitzareu com a capes. Cada capa representarà un fotograma de la vostra imatge, de manera que cada fotograma ha de ser lleugerament diferent per ajudar a indicar que hi ha una acció o moviment al vostre GIF animat. Als efectes d'aquest tutorial, vaig a crear un GIF animat a Photoshop CS5 d'una estrella que es mou sobre un fons negre. El GIF animat constarà de cinc fotogrames diferents, on l'estrella es troba en una ubicació lleugerament diferent a cada fotograma. Les imatges separades semblen així:

Per simplificar, he etiquetat les imatges com a 1.gif, 2.gif, 3.gif, 4.gif i 5.gif, la qual cosa m'ajudarà a recordar l'ordre en què les vull mostrar. Cada imatge té la mateixa mida, 100×100 píxels.

Per començar a fer un GIF animat a Photoshop CS5, ara podeu iniciar Photoshop, feu clic Dossier a la part superior de la finestra, feu clic Noui, a continuació, configureu la mida de la vostra imatge. Un cop definits els paràmetres de la imatge, feu clic a D'acord botó per crear el vostre llenç en blanc.

El següent que cal fer és obrir la carpeta que conté les imatges que incloureu al vostre GIF animat a Photoshop CS5. Tingueu en compte que esteu obrint la carpeta a l'Explorador de Windows, NO amb el Obert comanda a Photoshop. L'Explorador de Windows és el programa que utilitzeu per navegar per carpetes i fitxers de l'ordinador, i podeu iniciar-lo fent clic a la icona de carpeta a la barra de tasques a la part inferior de la pantalla de l'ordinador. Un cop oberta la carpeta que conté les vostres imatges, manteniu premuda la tecla CTrl del vostre teclat per seleccionar totes les imatges i arrossegueu-les al llenç de Photoshop CS5.

Això canviarà el vostre llenç per mostrar un dels vostres marcs amb una X al damunt, com en aquesta imatge:

Quan veieu això, premeu Entra al teclat per inserir cada imatge com a capa a Photoshop. Un cop s'hagin afegit totes les imatges, el vostre Capes La finestra del costat dret de Photoshop hauria de tenir aquest aspecte.

Tingueu en compte que la imatge que voleu mostrar com a darrer fotograma del vostre GIF animat hauria de ser la capa superior. Si les vostres capes estan en l'ordre incorrecte, simplement podeu arrossegar-les dins Capes finestra fins que estiguin en l'ordre correcte.

Ara heu d'obrir el Animació finestra, que podeu fer fent clic a Finestra menú a la part superior de Photoshop i, a continuació, feu clic a Animació opció. El Animació La finestra s'obrirà com una finestra horitzontal a la part inferior de Photoshop.

Feu clic al botó de l'extrem superior dret de la pàgina Animació finestra (el botó sembla una fletxa cap avall al costat de 4 línies horitzontals) i feu clic a Fer marcs a partir de capes opció.

Feu clic a la fletxa cap avall a la dreta de 0 seg i sota un dels teus marcs al Animació finestra i, a continuació, seleccioneu durant quant de temps voleu que es mostri aquest marc al vostre GIF animat. Repetiu aquest pas per a cada fotograma de la vostra imatge. M'agrada triar 1.0 durant la durada dels fotogrames en molts GIF animats a Photoshop CS5, però experimenteu amb diferents durades fins que trobeu la que us convingui millor.

També podeu especificar quantes vegades el GIF animat ha de passar per tots els seus fotogrames fent clic a Per sempre menú desplegable a la part inferior del menú Animació finestra. estic fent servir Per sempre com a opció per al GIF animat al final d'aquest article, el que significa que el GIF animat anirà passant contínuament fins que sortiu d'aquesta pàgina.

Ja heu acabat de crear el vostre GIF animat a Photoshop CS5, així que l'heu de desar. Feu clic Dossier a la part superior de la finestra i, a continuació, feu clic Desa per a web i dispositius. Feu clic al menú desplegable a l'extrem superior dret de la finestra per triar-lo GIF opció i, a continuació, feu clic a Desa botó a la part inferior de la finestra.

Escriviu un nom per al vostre fitxer al fitxer Nom de l'arxiu camp i, a continuació, feu clic a Desa botó. A continuació, podeu fer doble clic a la imatge creada a la vostra carpeta per iniciar el GIF animat i veure què heu creat. A continuació es mostra el meu exemple de GIF animat a la imatge de Photoshop CS5.