Image Reflection

From my original CodeProject article in 2009. Fixed some formatting to improve readability.
Download the source code from the CodeProject article


This source code will teach you how to create a simple GDI+ Glass Reflection effect in C#.NET.

The Codes

Make sure to include these namespaces:


Here's the DrawImage code. It gets the image from the pictureBox1, then creates a reflection.

private static Image DrawReflection(Image img,Color toBG)
// img is the original image
// this is the static function that generates the reflection
int height = img.Height + 100; //Added height from the original height of the image
Bitmap bmp = new Bitmap(img.Width, height, PixelFormat.Format64bppPArgb);
// the Brush that generates the fading effect to a specific color of your background
Brush brsh = new LinearGradientBrush(new Rectangle(0, 0, img.Width + 10, height), Color.Transparent, toBG, LinearGradientMode.Vertical);
// sets the new bitmap's resolution
bmp.SetResolution(img.HorizontalResolution, img.VerticalResolution);
// a graphics to be generated from an image here, the new Bitmap we've created BMP
using(Graphics grfx = Graphics.FromImage(bmp))
// Generates a bitmap from the original image img.
Bitmap bm = (Bitmap)img;
// Draws the generated bitmap bm to the new bitmap bmp.
grfx.DrawImage(bm, 0, 0, img.Width, img.Height);
// Generates a bitmap again from the original image img.
Bitmap bm1 = (Bitmap)img;
// Flips and rotates the image (bm1).
// Draws bm1 below bm so it serves as the reflection image.
grfx.DrawImage(bm1, 0, img.Height);
// A new rectangle to paint our gradient effect.
Rectangle rt = new Rectangle(0, img.Height, img.Width, 100);
// Brushes the gradient on (rt).
grfx.FillRectangle(brsh, rt);
//Returns the (bmp) with the generated image
return bmp;

Now after creating this function, use it to change the image of the picturebox through a click event or other events.

private void controlname_click(Object sender, EventArgs e)
pictureBox1.Image = DrawReflection(pictureBox1.Image, Color.Black);

This code changes the current pictureBox1's image to the image generated by the DrawReflection.

How Does It Work?

This is the result if the image is not painted with gradient.

Explanation for the gradient:

The flipped image below the original image has a fading effect because of the gradient we painted on it. The starting color is Transparent. We can see the image below it. And as it goes down, it changes to color black, which is the color of the form, so the lower portion of the image blends with the background color, creating a fading effect.

What Problems Does This Solution Solve?

I made this solution so that beginner coders could better understand the Image Reflection in C#.NET. It is made in the Main Form's class.

How Does This Help Someone?

This helps better understanding of the usage of the System.Drawing classes and functions.