在圆上创建径向渐变以提供3D感觉

时间:2015-10-20 11:33:49

标签: php image-processing imagemagick imagick

random circles

我已经能够创建一个PHP-Imagick脚本来生成如上所示的图像。现在我想为这些圆圈添加渐变。以下是理想结果的示例。

circle with a gradient

我希望给这些圈子一个三维的感觉。希望我能够控制这个径向渐变的x和y坐标(使它保持在圆圈内),以及羽化程度。

我知道使用newPseudoImage()方法在画布上创建径向渐变的方法

$canvas->newPseudoImage(600,300,'radial-gradient:#999999-#333333');

但在这种情况下,这不会有所帮助,因为我希望在通过ellipse() method创建的圆圈内创建它。这是一个帮助我创建示例图像的代码的剥离版本。虽然我很难实现这一目标,但我非常感谢任何想法,建议可能会让我走上正确的道路或解决方案。

$canvas = new Imagick();
$canvas->newImage(700,400,new ImagickPixel('#333333'));
$circle = new ImagickDraw();
$circle->setFillColor('#000000'); // transparent
$circle->ellipse( 350, 200, 150, 150, 0, 360);
$canvas->drawImage($circle);
$canvas->setImageFormat( "png" ); // set the image format to png
header("Content-Type: image/png"); // Output the image 
echo $canvas; 

更新:所以我意识到,也许它基本上是在圆圈内创建一个子圆圈(然后另外控制x-y坐标使其保持在母圆圈内)。在圆圈内创建圆圈相当容易。示例图片如下。

circle inside another circle

以下是有助于实现上述图像的更新代码。

$canvas = new Imagick();
$canvas->newImage(700,400,new ImagickPixel('#333333'));
$circle = new ImagickDraw();
    $circle->setFillColor('#000000'); // transparent
    $circle->ellipse( 350, 200, 150, 150, 0, 360);
    $circle->setFillColor('#FFFFFF'); // transparent
    $circle->ellipse( 300, 150, 50, 50, 0, 360);
$canvas->drawImage($circle);
$canvas->setImageFormat( "png" ); // set the image format to png
header("Content-Type: image/png"); // Output the image 
echo $canvas;

在此阶段我正在寻找一种方法羽化内圈的边缘。这个相关的article at imagemagick看起来像我需要的,但它是一个命令行代码。有人可以帮我把代码转换成imagick / php语法。或者建议自己解决。日Thnx。

最终更新:从@ emcconville的回答中得到一个提示我终于能够创建一个圆圈,我会说一个很好的羽毛。示例如下。

well feathered circle

1 个答案:

答案 0 :(得分:1)

我不相信MVG的渐变方法是由ImagickDraw类处理的,至少从我能说的来看。但是,ImagickDraw->push& ImagickDraw-pop可用于创建DIY渐变和羽化。

$background = new Imagick();
$background->newImage(700,400,new ImagickPixel('#333333'));


$orb = new ImagickDraw();

$orb->ellipse( 350, 200, 150, 150, 0, 360);
for($i=50; $i>0; $i--) {
    $orb->push();
    $color = 'gray' . (25 - (int)($i/2));
    $orb->setFillColor(new ImagickPixel($color));
    $orb->ellipse( 295, 120, $i, $i, 0, 360);
    $orb->pop();

}
$background->drawImage($orb);

example 1

或者...

$color = 'gray' . (20 - (int)($i/3));

example 2

甚至......

$color = $i > 29 ? 'gray'.(50-$i) : 'grey20';

Example 3

色彩理论有帮助,因为上面的例子只使用灰色色彩空间,但一般的想法是迭代高光特征的光强度。

使用ATop compose可能是最简单的方法,但需要在绘制图形后操纵图像实例。

$background = new Imagick();
$background->newImage(700,400,new ImagickPixel('#333333'));
$orb = new ImagickDraw();
$orb->ellipse( 350, 200, 150, 150, 0, 360);
$background->drawImage($orb);
$highlight = new Imagick();
$highlight->newImage(700,400,new ImagickPixel('transparent'));
$orb = new ImagickDraw();
$orb->ellipse( 350, 200, 35, 35, 0, 360);
$highlight->drawImage($orb);
$highlight->negateImage(TRUE);
$highlight->blurImage(0,32);
$background->compositeImage($highlight, Imagick::COMPOSITE_ATOP, -50, -60);

Example 4