Display an animate two shapes - ios

Question

I have a CircleView : UIView class that animates (shrinks and grows) when you touch it (via the pop function). I would also like for a stroked circle to appear and grow out (like a basic water ripple) when you touch it too. (The effect I am talking about is shown here in CSS)
How do I go about doing this?
Some more information:
Ideally both animations would be controllable from the single CircleView class
CircleView inherits off UIView
Update
Based on answers I have added a new object to via a subLayer. This displays ok BUT it doesn't animate during the pop. Can anyone help me understand why?
Here is my current code (the pertinent bits anyway)
- (void)layoutSubviews
{
[self setLayerProperties];
}
- (void)setLayerProperties {
//The view’s Core Animation layer used for rendering.
CAShapeLayer *layer = (CAShapeLayer *)self.layer;
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)
byRoundingCorners:UIRectCornerAllCorners
cornerRadii:self.frame.size];
layer.path = bezierPath.CGPath;
layer.fillColor = _Color.CGColor;
rippleLayer = [[CALayer alloc] init];
layer.path = bezierPath.CGPath;
layer.strokeColor = [UIColor blueColor].CGColor;
[layer addSublayer:rippleLayer];
}
// Does the animated "pop"
- (void)pop{
CABasicAnimation *animation = [self animationWithKeyPath:#"transform.scale"];
[animation setFromValue:[NSNumber numberWithFloat:1.0f]];
[animation setToValue:[NSNumber numberWithFloat:0.8f]];
[animation setRemovedOnCompletion:YES];
[animation setDuration:0.15];
[animation setAutoreverses:YES];
[self.layer addAnimation:animation forKey:animation.keyPath];
rippleLayer.anchorPoint = CGPointMake(1, 1);
CABasicAnimation *scale = [CABasicAnimation animationWithKeyPath:#"transform.scale"];
[scale setFromValue:[NSNumber numberWithFloat:1.0f]];
[scale setToValue:[NSNumber numberWithFloat:2.0f]];
[scale setRepeatCount:1];
[scale setDuration:1.0f];
//r[scale setRemovedOnCompletion:YES];
[scale setFillMode:kCAFillModeForwards];
[rippleLayer addAnimation:scale forKey:scale.keyPath];
}

Answer 1

Just add the other objects you want to animate to your layer and set their alpha to 0.0. You can then play with that value in or immediately before your animation.
I noticed that you did not follow the convention of naming variables with small initial. _color would be preferable to _Color.
Also, if you want to put the layer into its original state you usually use the identify transform matrix:
self.transform = CGAffineTransformIdentity;