WinForm: Отрисовка круглого аватара с заливкой тени внутрь

[BOZKURT]

Всем привет!

Что-то никак не вкурю, помогите плиз нарисовать в PictureBox`е такую штуку, как во вложении.
Т.е., есть фото пользователя (квадратное), нужно его вывести в PictureBox (можно и в Bitmap/Image конечно) в виде круга, затем нарисовать круглую рамку вокруг фото и внутрь залить чуток тени (по краям).

Как нарисовать круг, вроде нашел:

public Image DrawAvatar(Image startImage, int radius, Color backgroundColor)
{
    radius *= 2;
    Bitmap RoundedImage = new Bitmap(startImage.Width, startImage.Height);
    using (Graphics g = Graphics.FromImage(RoundedImage))
    {
        g.Clear(backgroundColor);
        g.SmoothingMode = SmoothingMode.AntiAlias;
        g.CompositingQuality = CompositingQuality.HighQuality;
        g.InterpolationMode = InterpolationMode.HighQualityBicubic;

        using (Brush brush = new TextureBrush(startImage))
        {
            using (GraphicsPath gp = new GraphicsPath())
            {
                gp.AddArc(2, 2, radius, radius, 180, 90);
                gp.AddArc(RoundedImage.Width - radius - 0, 2, radius, radius, 270, 90);
                gp.AddArc(0 + RoundedImage.Width - radius, 0 + RoundedImage.Height - radius, radius, radius, 0, 90);
                gp.AddArc(2, RoundedImage.Height - radius, radius, radius, 90, 90);

                g.FillPath(brush, gp);
            }
        }
        return RoundedImage;
    }
}

[Selestis]

А как насчет заготовить png с прозрачной круглой областью в центре и отрисовать его поверх фотографии? ИМХО вы потратите уйму времени на рисование этого руками: в результате вряд ли получится красиво, а малейшее изменение дизайна потребует изменения кода (причем нетривиального).

[BOZKURT]

Да, эта мысль была первой, но вот захотелось сделать все "руками", т.к. не хочется зависеть от заготовок..

[Hollander]

Как вариант, можно сразу загружать фото пользователя и рисовать по нему:

public Image DrawAvatar(Image startImage, int radius, Color backgroundColor)
{
...
Bitmap bitmap = new Bitmap("user.jpg");
...

[KilljoySteklo]

А если текстура в формате .dds DXT5 с альфа-каналом? Есть же наверно библиотеки для отрисовки такого?

[Alex11223]

Первая ссылка в гугле http://stackoverflow.com/questions/8...o-a-picturebox
Я правда не понял зачем вы со своим dds влезли в эту тему.

[BOZKURT]

Всем спасибо, все сделал, да здравствует гугл! )

public static Image DrawAvatar(Rectangle bounds, Bitmap userPhoto, int roundRadius, Color shadowColor, Color transparentColor)
{
    Bitmap image = new Bitmap(bounds.Width, bounds.Height);
    using (Graphics g = Graphics.FromImage(image))
    {
        g.SmoothingMode = SmoothingMode.AntiAlias;
        g.CompositingQuality = CompositingQuality.HighQuality;
        g.InterpolationMode = InterpolationMode.HighQualityBicubic;

        //Изменяем размер под нужный
        userPhoto = new Bitmap(userPhoto, bounds.Width, bounds.Height);
        //Обрезаем фото
        g.DrawImage(CropRoundImage(bounds, userPhoto, bounds.Width / 2, Color.Transparent), 0, 0);
        using (GraphicsPath gp = new GraphicsPath())
        {
            gp.AddEllipse(bounds);
            using (PathGradientBrush pgb = new PathGradientBrush(gp))
            {
                pgb.CenterPoint = new PointF(bounds.Width / 2, bounds.Height / 2);
                pgb.CenterColor = transparentColor;
                pgb.SurroundColors = new Color[] { shadowColor };
                pgb.FocusScales = new PointF(0.8f, 0.8f); //начало перехода градиента (ширина градиента)

                g.FillPath(pgb, gp);
            }
        }
    }
    return image;
}

public static Image CropRoundImage(Rectangle bounds, Image startImage, int radius, Color backgroundColor)
{
    radius *= 2;
    Bitmap roundedImage = new Bitmap(bounds.Width, bounds.Height);
    using (Graphics g = Graphics.FromImage(roundedImage))
    {
        g.Clear(backgroundColor);
        g.SmoothingMode = SmoothingMode.AntiAlias;
        g.CompositingQuality = CompositingQuality.HighQuality;
        g.InterpolationMode = InterpolationMode.HighQualityBicubic;

        using (Brush brush = new TextureBrush(startImage))
        {
            using (GraphicsPath gp = new GraphicsPath())
            {
                gp.AddArc(0, 0, radius, radius, 180, 90);
                gp.AddArc(bounds.Width - radius - 0, 0, radius, radius, 270, 90);
                gp.AddArc(0 + bounds.Width - radius, 0 + bounds.Height - radius, radius, radius, 0, 90);
                gp.AddArc(0, bounds.Height - radius, radius, radius, 90, 90);

                g.FillPath(brush, gp);
            }
        }
        return roundedImage;
    }
}

[Обновлено]
Используем так:

Rectangle bounds = new Rectangle(0, 0, Properties.Resources.default_avatar.Width, Properties.Resources.default_avatar.Height);
pictureBox1.Width = bounds.Width + 10;
pictureBox1.Height = bounds.Height + 10;

//Фото пользователя
Bitmap userImage = ImageHelper.DrawAvatar(bounds, Properties.Resources.default_avatar, bounds.Width / 2, Color.FromArgb(200, 200, 200), Color.Transparent);

//Тень под фото
Bitmap shadowImage = new Bitmap(bounds.Width + 10, bounds.Height + 10);
bounds = new Rectangle(0, 0, shadowImage.Width, shadowImage.Height);
shadowImage = ImageHelper.DrawAvatar(bounds, shadowImage, shadowImage.Width / 2, Color.Transparent, Color.FromArgb(220, 220, 220));

//Результирующее изображение
Bitmap resultImage = new Bitmap(pictureBox1.Width, pictureBox1.Height);
using (Graphics g = Graphics.FromImage(resultImage))
{
    g.SmoothingMode = SmoothingMode.AntiAlias;
    g.DrawImage(shadowImage, 0, 0);
    g.DrawImage(userImage, 5, 5);
    //Рамка
    Pen pen = new Pen(Color.White, 2f);
    g.DrawEllipse(pen, new Rectangle(6, 6, bounds.Width - 12, bounds.Height - 12));
}
pictureBox1.Image = resultImage;

Результат во вложении.

[KilljoySteklo]

Сообщение от Alex11223

Я правда не понял зачем вы со своим dds влезли в эту тему.

Потому что рисовать руками неправильно.

[Serge_Bliznykov]

Сообщение от KilljoySteklo

Потому что рисовать руками неправильно.

Не могу понять, DDS какое отношение имеет к круглому аватару?!

[KilljoySteklo]

Сообщение от Serge_Bliznykov

Не могу понять, DDS какое отношение имеет к круглому аватару?!

С помощью альфа-канала можно добиться эффекта который здесь был нужен.