下面是效果图

1.创建一个新文件并建立一个网格
点击Ctrl+N去创建一个新文件。宽度600,高度360,然后点击高级按钮。选择RGB模式, 分辨率(72dpi)。
启用网格(视图>显示网格)和对齐网格(视图> 对齐到网格)。每1px需要一个网格,所以进入编辑>首选项>导架>网格,在网格线栏里输入1,在分区栏里输入1。你也应该打开信息面板(窗口>信息),给你的形状的尺寸和位置一个生动的预览。不要忘记设置测量单位像素 编辑>首选项> 单位 给像素设置计量单位。所有这些的选项都会加速你的工作。

2.创建一套图形风格。
步骤1
使用椭圆工具(L),创建一个6px圆圈,填充为R=39, G=170, B=225,线条为无填充。选择这个蓝色形状,进入到效果>扭曲&变换>变换。如下图输入属性设置,点击OK,进入对象>扩展。保证形状的结果组被选中,点击Shift-Ctrl-G两次去解散它们。

步骤2
侧重于你的蓝圈圈们。选择左边的一个,打开外观面板(窗口>外观),选择现在的填充,进入效果>路径>偏移路径。输入一个-1.5px的偏移,点击OK.选择外观面板,使用添加新填充按钮给这个圆圈添加第二个填充(下图里是小蓝箭头指着的)。选择这个新填充,将它拖到外观面板的底部,设置颜色R=21, G=62, B=110。确保你的圆圈保持被选中,打开图形样式面板(窗口>图形样式>),点击新建图形样式按钮(下图中小蓝箭头所指)。