C#完成超酷的圖像效果 (附demo)

時間 2020-09-20

標籤 c# 完成圖像效果 demo 欄目 C# 简体版

原文原文鏈接

若是您以爲C#製做的藝術字比較好玩, 可是還以爲沒看夠,不過癮，那麼我今天就讓您一飽眼福, 看看C#如何製做的效果超酷的圖像.html

(注: 我以前曾寫過相似的文章, 但沒有原理說明, 代碼註釋不夠詳細, 也沒有附相應的 Demo...所以若是您以爲好像哪看過相似的文章能夠看看我以前寫的...)算法

爲了演示後面的效果, 這裏有必要先讓你們看看今天的原始圖片: ISINBAEVA ~~~~~~~~dom

一. 底片效果
原理: GetPixel方法得到每一點像素的值, 而後再使用SetPixel方法將取反後的顏色值設置到對應的點.
效果圖:
ide

代碼實現:this

二. 浮雕效果spa

原理: 對圖像像素點的像素值分別與相鄰像素點的像素值相減後加上128, 而後將其做爲新的像素點的值.3d

效果圖:code

代碼實現:orm

private void button1_Click(object sender, EventArgs e)
        {
            //以底片效果顯示圖像
            try
            {
                int Height = this.pictureBox1.Image.Height;
                int Width = this.pictureBox1.Image.Width;
                Bitmap newbitmap = new Bitmap(Width, Height);
                Bitmap oldbitmap = (Bitmap)this.pictureBox1.Image;
                Color pixel;
                for (int x = 1; x < Width; x++)
                {
                    for (int y = 1; y < Height; y++)
                    {
                        int r, g, b;
                        pixel = oldbitmap.GetPixel(x, y);
                        r = 255 - pixel.R;
                        g = 255 - pixel.G;
                        b = 255 - pixel.B;
                        newbitmap.SetPixel(x, y, Color.FromArgb(r, g, b));
                    }
                }
                this.pictureBox1.Image = newbitmap;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示", MessageBoxButtons.OK, MessageBoxIcon.Information);
            }
        }

View Code

三. 黑白效果htm

原理: 彩色圖像處理成黑白效果一般有3種算法；

(1).最大值法: 使每一個像素點的 R, G, B 值等於原像素點的 RGB (顏色值) 中最大的一個；

(2).平均值法: 使用每一個像素點的 R,G,B值等於原像素點的RGB值的平均值；

(3).加權平均值法: 對每一個像素點的 R, G, B值進行加權

---自認爲第三種方法作出來的黑白效果圖像最 "真實".

效果圖:

代碼實現:

 private void button1_Click(object sender, EventArgs e)
        {
            //以黑白效果顯示圖像
            try
            {
                int Height = this.pictureBox1.Image.Height;
                int Width = this.pictureBox1.Image.Width;
                Bitmap newBitmap = new Bitmap(Width, Height);
                Bitmap oldBitmap = (Bitmap)this.pictureBox1.Image;
                Color pixel;
                for (int x = 0; x < Width; x++)
                    for (int y = 0; y < Height; y++)
                    {
                        pixel = oldBitmap.GetPixel(x, y);
                        int r, g, b, Result = 0;
                        r = pixel.R;
                        g = pixel.G;
                        b = pixel.B;
                        //實例程序以加權平均值法產生黑白圖像
                        int iType =2;
                        switch (iType)
                        {
                            case 0://平均值法
                                Result = ((r + g + b) / 3);
                                break;
                            case 1://最大值法
                                Result = r > g ? r : g;
                                Result = Result > b ? Result : b;
                                break;
                            case 2://加權平均值法
                                Result = ((int)(0.7 * r) + (int)(0.2 * g) + (int)(0.1 * b));
                                break;
                        }
                        newBitmap.SetPixel(x, y, Color.FromArgb(Result, Result, Result));
                    }
                this.pictureBox1.Image = newBitmap;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }
        }

View Code

四. 柔化效果

原理: 當前像素點與周圍像素點的顏色差距較大時取其平均值.

效果圖:

代碼實現:

 private void button1_Click(object sender, EventArgs e)
        {
            //以柔化效果顯示圖像
            try
            {
                int Height = this.pictureBox1.Image.Height;
                int Width = this.pictureBox1.Image.Width;
                Bitmap bitmap = new Bitmap(Width, Height);
                Bitmap MyBitmap = (Bitmap)this.pictureBox1.Image;
                Color pixel;
                //高斯模板
                int[] Gauss ={ 1, 2, 1, 2, 4, 2, 1, 2, 1 };
                for (int x = 1; x < Width - 1; x++)
                    for (int y = 1; y < Height - 1; y++)
                    {
                        int r = 0, g = 0, b = 0;
                        int Index = 0;
                        for (int col = -1; col <= 1; col++)
                            for (int row = -1; row <= 1; row++)
                            {
                                pixel = MyBitmap.GetPixel(x + row, y + col);
                                r += pixel.R * Gauss[Index];
                                g += pixel.G * Gauss[Index];
                                b += pixel.B * Gauss[Index];
                                Index++;
                            }
                        r /= 16;
                        g /= 16;
                        b /= 16;
                        //處理顏色值溢出
                        r = r > 255 ? 255 : r;
                        r = r < 0 ? 0 : r;
                        g = g > 255 ? 255 : g;
                        g = g < 0 ? 0 : g;
                        b = b > 255 ? 255 : b;
                        b = b < 0 ? 0 : b;
                        bitmap.SetPixel(x - 1, y - 1, Color.FromArgb(r, g, b));
                    }
                this.pictureBox1.Image = bitmap;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }
        }

五.銳化效果

原理:突出顯示顏色值大(即造成形體邊緣)的像素點.

效果圖:

實現代碼:

private void button1_Click(object sender, EventArgs e)
        {
            //以銳化效果顯示圖像
            try
            {
                int Height = this.pictureBox1.Image.Height;
                int Width = this.pictureBox1.Image.Width;
                Bitmap newBitmap = new Bitmap(Width, Height);
                Bitmap oldBitmap = (Bitmap)this.pictureBox1.Image;
                Color pixel;
                //拉普拉斯模板
                int[] Laplacian ={ -1, -1, -1, -1, 9, -1, -1, -1, -1 };
                for (int x = 1; x < Width - 1; x++)
                    for (int y = 1; y < Height - 1; y++)
                    {
                        int r = 0, g = 0, b = 0;
                        int Index = 0;
                        for (int col = -1; col <= 1; col++)
                            for (int row = -1; row <= 1; row++)
                            {
                                pixel = oldBitmap.GetPixel(x + row, y + col); r += pixel.R * Laplacian[Index];
                                g += pixel.G * Laplacian[Index];
                                b += pixel.B * Laplacian[Index];
                                Index++;
                            }
                        //處理顏色值溢出
                        r = r > 255 ? 255 : r;
                        r = r < 0 ? 0 : r;
                        g = g > 255 ? 255 : g;
                        g = g < 0 ? 0 : g;
                        b = b > 255 ? 255 : b;
                        b = b < 0 ? 0 : b;
                        newBitmap.SetPixel(x - 1, y - 1, Color.FromArgb(r, g, b));
                    }
                this.pictureBox1.Image = newBitmap;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }
        }

View Code

六. 霧化效果

原理: 在圖像中引入必定的隨機值, 打亂圖像中的像素值

效果圖:

實現代碼:

private void button1_Click(object sender, EventArgs e)
        {
            //以霧化效果顯示圖像
            try
            {
                int Height = this.pictureBox1.Image.Height;
                int Width = this.pictureBox1.Image.Width;
                Bitmap newBitmap = new Bitmap(Width, Height);
                Bitmap oldBitmap = (Bitmap)this.pictureBox1.Image;
                Color pixel;
                for (int x = 1; x < Width - 1; x++)
                    for (int y = 1; y < Height - 1; y++)
                    {
                        System.Random MyRandom = new Random();
                        int k = MyRandom.Next(123456);
                        //像素塊大小
                        int dx = x + k % 19;
                        int dy = y + k % 19;
                        if (dx >= Width)
                            dx = Width - 1;
                        if (dy >= Height)
                            dy = Height - 1;
                        pixel = oldBitmap.GetPixel(dx, dy);
                        newBitmap.SetPixel(x, y, pixel);
                    }
                this.pictureBox1.Image = newBitmap;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }
        }

View Code

七. 光照效果

原理: 對圖像中的某一範圍內的像素的亮度分別進行處理.

效果圖:

實現代碼:

private void button1_Click(object sender, EventArgs e)
        {
            //以光照效果顯示圖像
            Graphics MyGraphics = this.pictureBox1.CreateGraphics();
            MyGraphics.Clear(Color.White);
            Bitmap MyBmp = new Bitmap(this.pictureBox1.Image, this.pictureBox1.Width, this.pictureBox1.Height);
            int MyWidth = MyBmp.Width;
            int MyHeight = MyBmp.Height;
            Bitmap MyImage = MyBmp.Clone(new RectangleF(0, 0, MyWidth, MyHeight), System.Drawing.Imaging.PixelFormat.DontCare);
            int A = Width / 2;
            int B = Height / 2;
            //MyCenter圖片中心點，發亮此值會讓強光中心發生偏移
            Point MyCenter = new Point(MyWidth / 2, MyHeight / 2);
            //R強光照射面的半徑，即」光暈」
            int R = Math.Min(MyWidth / 2, MyHeight / 2);
            for (int i = MyWidth - 1; i >= 1; i--)
            {
                for (int j = MyHeight - 1; j >= 1; j--)
                {
                    float MyLength = (float)Math.Sqrt(Math.Pow((i - MyCenter.X), 2) + Math.Pow((j - MyCenter.Y), 2));
                    //若是像素位於」光暈」以內
                    if (MyLength < R)
                    {
                        Color MyColor = MyImage.GetPixel(i, j);
                        int r, g, b;
                        //220亮度增長常量，該值越大，光亮度越強
                        float MyPixel = 220.0f * (1.0f - MyLength / R);
                        r = MyColor.R + (int)MyPixel;
                        r = Math.Max(0, Math.Min(r, 255));
                        g = MyColor.G + (int)MyPixel;
                        g = Math.Max(0, Math.Min(g, 255));
                        b = MyColor.B + (int)MyPixel;
                        b = Math.Max(0, Math.Min(b, 255));
                        //將增亮後的像素值回寫到位圖
                        Color MyNewColor = Color.FromArgb(255, r, g, b);
                        MyImage.SetPixel(i, j, MyNewColor);
                    }
                }
                //從新繪製圖片
                MyGraphics.DrawImage(MyImage, new Rectangle(0, 0, MyWidth, MyHeight));
            }

        }
    }

View Code

八.百葉窗效果

原理:(1).垂直百葉窗效果:

根據窗口或圖像的高度或寬度和定製的百葉窗顯示條寬度計算百葉窗顯示的條數量；

根據窗口或圖像的高度或寬度定製百葉窗顯示條數量計算百窗顯示的條寬度.

(2).水平百葉窗效果: 原理同上,只是繪製像素點開始的座標不一樣.

效果圖:

實現代碼:
垂直百葉窗

private void button1_Click(object sender, EventArgs e)
        {
            //垂直百葉窗顯示圖像
            try
            {
                MyBitmap = (Bitmap)this.pictureBox1.Image.Clone();
                int dw = MyBitmap.Width / 30;
                int dh = MyBitmap.Height;
                Graphics g = this.pictureBox1.CreateGraphics();
                g.Clear(Color.Gray);
                Point[] MyPoint = new Point[30];
                for (int x = 0; x < 30; x++)
                {
                    MyPoint[x].Y = 0;
                    MyPoint[x].X = x * dw;
                }
                Bitmap bitmap = new Bitmap(MyBitmap.Width, MyBitmap.Height);
                for (int i = 0; i < dw; i++)
                {
                    for (int j = 0; j < 30; j++)
                    {
                        for (int k = 0; k < dh; k++)
                        {
                            bitmap.SetPixel(MyPoint[j].X + i, MyPoint[j].Y + k,
                            MyBitmap.GetPixel(MyPoint[j].X + i, MyPoint[j].Y + k));
                        }
                    }
                    this.pictureBox1.Refresh();
                    this.pictureBox1.Image = bitmap;
                    System.Threading.Thread.Sleep(100);
                }
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }

        }

View Code

水平百葉窗

private void button3_Click(object sender, EventArgs e)
        {
            //水平百葉窗顯示圖像
            try
            {
                MyBitmap = (Bitmap)this.pictureBox1.Image.Clone();
                int dh = MyBitmap.Height / 20;
                int dw = MyBitmap.Width;
                Graphics g = this.pictureBox1.CreateGraphics();
                g.Clear(Color.Gray);
                Point[] MyPoint = new Point[20];
                for (int y = 0; y < 20; y++)
                {
                    MyPoint[y].X = 0;
                    MyPoint[y].Y = y * dh;
                }
                Bitmap bitmap = new Bitmap(MyBitmap.Width, MyBitmap.Height);
                for (int i = 0; i < dh; i++)
                {
                    for (int j = 0; j < 20; j++)
                    {
                        for (int k = 0; k < dw; k++)
                        {
                            bitmap.SetPixel(MyPoint[j].X + k, MyPoint[j].Y + i, MyBitmap.GetPixel(MyPoint[j].X + k, MyPoint[j].Y + i));
                        }
                    }
                    this.pictureBox1.Refresh();
                    this.pictureBox1.Image = bitmap;
                    System.Threading.Thread.Sleep(100);
                }
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }
        }

View Code

九.馬賽克效果

原理: 肯定圖像的隨機位置點和肯定馬賽克塊的大小,而後馬賽克塊圖像覆蓋隨機點便可.

效果圖:

實現代碼:

private void button1_Click(object sender, EventArgs e)
        {
            //以馬賽克效果顯示圖像
            try
            {
                int dw = MyBitmap.Width / 50;
                int dh = MyBitmap.Height / 50;
                Graphics g = this.pictureBox1.CreateGraphics();
                g.Clear(Color.Gray);
                Point[] MyPoint = new Point[2500];
                for (int x = 0; x < 50; x++)
                    for (int y = 0; y < 50; y++)
                    {
                        MyPoint[x * 50 + y].X = x * dw;
                        MyPoint[x * 50 + y].Y = y * dh;
                    }
                Bitmap bitmap = new Bitmap(MyBitmap.Width, MyBitmap.Height);
                for (int i = 0; i < 10000; i++)
                {
                    System.Random MyRandom = new Random();
                    int iPos = MyRandom.Next(2500);
                    for (int m = 0; m < dw; m++)
                        for (int n = 0; n < dh; n++)
                        {
                            bitmap.SetPixel(MyPoint[iPos].X + m, MyPoint[iPos].Y + n, MyBitmap.GetPixel(MyPoint[iPos].X + m, MyPoint[iPos].Y + n));
                        }
                    this.pictureBox1.Refresh();
                    this.pictureBox1.Image = bitmap;
                }
                for (int i = 0; i < 2500; i++)
                    for (int m = 0; m < dw; m++)
                        for (int n = 0; n < dh; n++)
                        {
                            bitmap.SetPixel(MyPoint[i].X + m, MyPoint[i].Y + n, MyBitmap.GetPixel(MyPoint[i].X + m, MyPoint[i].Y + n));
                        }
                this.pictureBox1.Refresh();
                this.pictureBox1.Image = bitmap;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }
        }

View Code

十. 油畫效果

原理: 對圖像中某一範圍內的像素引入隨機值.

效果圖:

實現代碼:

private void button1_Click(object sender, EventArgs e)
         {
            //以油畫效果顯示圖像
            Graphics g = this.panel1.CreateGraphics();
            //Bitmap bitmap = this.MyBitmap;
            //取得圖片尺寸
            int width = MyBitmap.Width;
            int height = MyBitmap.Height;
            RectangleF rect = new RectangleF(0, 0, width, height);
            Bitmap img = MyBitmap.Clone(rect, System.Drawing.Imaging.PixelFormat.DontCare);
            //產生隨機數序列
            Random rnd = new Random();
            //取不一樣的值決定油畫效果的不一樣程度
            int iModel = 2;
            int i = width - iModel;
            while (i > 1)
            {
                int j = height - iModel;
                while (j > 1)
                {
                    int iPos = rnd.Next(100000) % iModel;
                    //將該點的RGB值設置成附近iModel點以內的任一點
                    Color color = img.GetPixel(i + iPos, j + iPos);
                    img.SetPixel(i, j, color);
                    j = j - 1;
                }
                i = i - 1;
            }
            //從新繪製圖像
            g.Clear(Color.White);
            g.DrawImage(img, new Rectangle(0, 0, width, height)); 
        }

View Code

十一: 扭曲效果

原理: 將圖像縮放爲一個非矩形的平等四邊形便可

效果圖:

實現代碼:

        private void button1_Click(object sender, EventArgs e)
        {
           //以扭曲效果顯示圖像
            if (h == panel1.Height/2)
            {
                w = 0;
                h = 0;
            }
            Size offset =new Size (w++,h++);//設置偏移量
            Graphics g = panel1.CreateGraphics();
            Rectangle rect = this.panel1.ClientRectangle;
            Point[] points = new Point[3];
            points[0] = new Point(rect.Left+offset.Width ,rect.Top +offset .Height);
            points[1] = new Point(rect.Right, rect.Top + offset.Height);
            points[2] = new Point(rect.Left, rect.Bottom - offset.Height);
            g.Clear(Color.White);
            g.DrawImage(MyBitmap, points);
        }

View Code

十二.積木效果

原理: 對圖像中的各個像素點着重(即加大分像素的顏色值)着色.

效果圖:

實現代碼:

private void button1_Click(object sender, EventArgs e)
        {
            //以積木效果顯示圖像
            try
            {
                Graphics myGraphics = this.panel1.CreateGraphics ();
                //Bitmap myBitmap = new Bitmap(this.BackgroundImage);
                int myWidth, myHeight, i, j, iAvg, iPixel;
                Color myColor, myNewColor;
                RectangleF myRect;
                myWidth = MyBitmap.Width;
                myHeight = MyBitmap.Height;
                myRect = new RectangleF(0, 0, myWidth, myHeight);
                Bitmap bitmap = MyBitmap.Clone(myRect, System.Drawing.Imaging.PixelFormat.DontCare);
                i = 0;
                while (i < myWidth - 1)
                {
                    j = 0;
                    while (j < myHeight - 1)
                    {
                        myColor = bitmap.GetPixel(i, j);
                        iAvg = (myColor.R + myColor.G + myColor.B) / 3;
                        iPixel = 0;
                        if (iAvg >= 128)
                            iPixel = 255;
                        else
                            iPixel = 0;
                        myNewColor = Color.FromArgb(255, iPixel, iPixel, iPixel);
                        bitmap.SetPixel(i, j, myNewColor);
                        j = j + 1;
                    }
                    i = i + 1;
                }
                myGraphics.Clear(Color.WhiteSmoke);
                myGraphics.DrawImage(bitmap, new Rectangle(0, 0, myWidth, myHeight));
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "信息提示");
            }
        }