閑來無事玩起了PS

根據(jù) Photoshop制作立體風(fēng)格的圓形旋渦圖形圖標(biāo) 制作了一個超好看的圖片.

PS做得不咋滴

現(xiàn)在用Android代碼寫一個.

    Paint circlePaint = new Paint();
    int centerX = 0, centerY = 0;
    int dark = 0xFF1A766A;//深色
    int light = 0xFFABFEEE;//淺色
    float sR = 100;//小圓半徑
    float bR = 300;//大圓半徑
    float mR = (sR + bR) / 2;//中圓半徑
    float degrees = 0;//旋轉(zhuǎn)角度

    private void drawLeaf(int degrees) {
        Directer.canvas.save();
        Directer.canvas.rotate(degrees, centerX, centerY);
        Path path2 = new Path();
        RectF oval1 = new RectF(centerX - mR, centerY + bR - mR - mR, centerX + mR, centerY + bR);
        path2.addArc(oval1, 90, 180);//剪裁一個半圓
        RectF oval2 = new RectF(centerX, centerY, centerX + mR, centerY + mR);
        path2.addRect(oval2, Path.Direction.CCW);//剪裁剩余不需要的部分
        Directer.canvas.clipPath(path2, Region.Op.DIFFERENCE);
        LinearGradient lg = new LinearGradient(centerX - bR + mR + mR, centerY - mR,
                centerX - bR + mR - mR * 0.7f, centerY + mR * 0.7f, light, dark, Shader.TileMode.MIRROR);
        circlePaint.setShader(lg);//漸變色
        Directer.canvas.drawCircle(centerX - bR + mR, centerY, mR, circlePaint);
        Directer.canvas.restore();
    }


    public void update() {
        degrees = (degrees + 400 * Time.deltaTime) % 360;
        circlePaint.setShader(null);
        circlePaint.setAntiAlias(true);
        Directer.canvas.save();
        Directer.canvas.rotate(degrees, centerX, centerY);
        Path path = new Path();
        path.addCircle(centerX, centerY, sR, Path.Direction.CCW);
        Directer.canvas.clipPath(path, Region.Op.DIFFERENCE);//剪裁中間空心小圓
        circlePaint.setColor(dark);
        Directer.canvas.drawCircle(centerX, centerY, bR, circlePaint);//繪制大圓
        drawLeaf(0);
        drawLeaf(90);
        drawLeaf(180);
        drawLeaf(270);
        Directer.canvas.restore();
    }

完成效果

會轉(zhuǎn)動的哦