• Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact
  Myungja Anna Koh

Tutorial

How to create moving banner for advertisement in Photoshop.

1/8/2022

 
Picture

How to create moving banner for advertisement in Photoshop.

  I recently made an animated banner using Photoshop. This is a promotional banner for Girin Instruments, which is a link to my homepage.  Go to Girin Instruments site!
  ​First, we get the image information as below in order to make a banner suitable for the site. To know the size information for the image to be replaced, follow the steps below. If you click with Right button on your mouse. (Depending on your environment, this option may not be available.)
Picture
Picture
 I get the image size info with 126.95 x 618.35.
Picture
And then go to the Photoshop, make a new canvas to fit the size information.  (​Note that decimals are not used.)

Picture
Picture
  Change the color on the canvas for making banner. 

   ​Create text and buttons on each layer as follows.
Picture
Picture
 To express the button three-dimensionally, set the blending options as follows as below.
Picture
 ​Put the risk weather icon at the bottom. Since you need to make it into a moving emoticon, you need to create each layer separately.
Picture
Picture
  ​The created layer is named as shown below.
Picture
Next, go to the Window---> Timeline for making moving animation.
Picture
And then select the Create Frame  Animation. Note!! You have to double click on the text to open it! Remember!
Picture
Here is the workspace for making keyframe. 
Picture
 ​Click the icon below to add each frame.
Picture
  ​The principle is easy once you know it. Set one motion per frame and adjust the time. That is, each frame is created by calculating the part to be shown in advance. When creating, you can set the layer's eye icon by repeatedly turning it off and on.
Picture
Picture
  ​Adjust the second unit as shown below to designate the screen to be displayed for each second.
Picture
Picture
Picture
Picture
  Here is the last keyframe from making each actions. 
Picture
Note! When you save the file, absolutely have to save as Gif file. For that, go to the File--> Save as---> change the file style to .gif. 
Picture
Finally, you can check the result as below. 
Picture

Comments are closed.

    Myungja Anna Koh

    Artist

    Annakoh search bar

    Categories

    All
    Art & Data Analysis
    Book For Artist
    Coloring Book
    Daily Art
    Digital Art
    Drawing
    EcoArt
    Guinea Pig
    Illustrator
    IT Tip For Artist
    K-Culture
    Marketing For Artwork
    Photoshop
    Weebly

    RSS Feed

    Archives

    May 2022
    April 2022
    March 2022
    February 2022
    January 2022
    December 2021
    November 2021
    October 2021
    September 2021
    August 2021
    July 2021
    June 2021
    May 2021

    ConveyThis
Powered by Create your own unique website with customizable templates.
  • Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact