How Do I Get a Sparkle Background on My Website?
Whether you are building a website for your business or organization or a personal website, an important consideration is its appearance, since you want to impress your visitors. One way to do this is to incorporate some simple animation into the web page, such as a sparkly background image.
Other People Are Reading
Instructions
-
Photoshop
-
1
Select “File” from the menu and click “New.” In the dialog box that appears, make the pixel width and height the same as the size of your web page. Leave the resolution at 72 and click “OK.”
-
2
Click on the “Foreground” color at the bottom of the toolbar and make it what you want for the page. Then use the “Paint Bucket” tool to fill the canvas with the color.
-
-
3
Use the “Lens Flare” option under “Filters” multiple times to fill the canvas with sparkles. Then click on the “New Layer” icon.
-
4
Repeat steps 2 and 3 to make as many layers as you want frames in the animation. Then click on “Windows” and select “Animation.”
-
5
Click on the drop-down menu in the time line and choose “Make frames from Layers.”
-
6
Select “File” and click “Save for Web or Devices.” Name the file and save it as a GIF. Now add the animation as your background in your web page editor and publish your page.
GIMP
-
7
Open GIMP. Select “File” and click “New.” In the dialog box, use the same size as your page.
-
8
Fill the layer with color using the “Paint Bucket” tool.
-
9
Use the “Brush” tool to paint in white star shapes. Then create a new layer.
-
10
Repeat steps 2 and 3 to create as many layers as you want frames in the animation.
-
11
Select “File” and click “Save.” In the following dialog boxes choose “Make Animation,” set the frame “Duration” and choose “Replace.” Then click “Export.” You can now add your animated GIF to your page.
Microsoft Paint
-
12
Open Paint. Select “Image” and click “Attributes.” Mark the desired size for your page.
-
13
Use the “Selection” tool and the “Paint Bucket” tool to create star-shaped selections that you fill with white. Save this as “Frame 1.”
-
14
Repeat steps 1 and 2 to create a series of numbered frames.
-
15
Use a site like GIFSun or Glikr to convert your single frames to an animated GIF you can add to your website.
-
1
