公共汽车简笔画步骤

如何画一幅简单的公共汽车简笔画

在这篇简短的教程中，我们将学习如何用简笔画的方式画一辆公共汽车。公共汽车是城市交通中常见的交通工具，其形象简单易辨认，是绘画爱好者们喜爱的素材之一。下面是一步一步的指导，帮助你完成一幅简单而生动的公共汽车简笔画。

步骤 1：轮廓

我们从画公共汽车的轮廓开始。画一个长方形，这将是公共汽车的车身。在车身的底部，画两个小矩形，表示轮子。确保轮子的大小和车身的比例协调。

```html

```

步骤 2：窗户和门

我们为公共汽车添加窗户和门。在车身上画两个长方形，这些将成为窗户。在车身的一侧，画一个稍大一些的长方形，表示车门。

```html

```

```css

.bus {

position: relative;

width: 200px;

height: 100px;

backgroundcolor: ffcc00;

borderradius: 10px;

}

.wheel {

position: absolute;

bottom: 0;

width: 40px;

height: 40px;

backgroundcolor: 000;

borderradius: 50%;

margin: 0 30px;

}

.wheel.left {

left: 20px;

}

.wheel.right {

right: 20px;

}

.window {

position: absolute;

top: 20px;

width: 40px;

height: 40px;

backgroundcolor: fff;

borderradius: 5px;

margin: 0 20px;

}

.door {

position: absolute;

top: 20px;

right: 0;

width: 60px;

height: 80px;

backgroundcolor: fff;

borderradius: 5px;

}

```

步骤 3：细节

现在，我们为公共汽车添加一些细节，使其更加栩栩如生。在车身上画一些线条，表示窗户的分隔，还可以添加一些小圆形，代表车灯。

```html

```

```css

.line {

position: absolute;

top: 30px;

width: 2px;

height: 30px;

backgroundcolor: 000;

left: 60px;

}

.line:nthchild(2) {

left: 100px;

}

.headlight {

position: absolute;

bottom: 10px;

width: 10px;

height: 10px;

backgroundcolor: f0f0f0;

borderradius: 50%;

left: 20px;

}

.headlight:nthchild(2) {

left: auto;

right: 20px;

}

```

步骤 4：色彩填充

为公共汽车上色，使其更加生动。一般来说，公共汽车的主色调为红色、蓝色或黄色。你可以根据自己的喜好选择合适的颜色，并涂满公共汽车的车身和细节部分。

```css

.bus {

position: relative;

width: 200px;

height: 100px;

backgroundcolor: ffcc00; /* 主色调 */

borderradius: 10px;

}

.wheel {

position: absolute;

bottom: 0;

width: 40px;

height: 40px;

backgroundcolor: 000;

borderradius: 50%;

margin: 0 30px;

}

.window {

position: absolute;

top: 20px;

width: 40px;

height: 40px;

backgroundcolor: fff;

borderradius: 5px;

margin: 0 20px;

}

.door {

position: absolute;

top: 20px;

right: 0;

width: 60px;

height: 80px;

backgroundcolor: fff;

borderradius: 5px;

}

.line {

position: absolute;

top: 30px;

width: 2px;

height: 30px;

backgroundcolor: 000;

left: 60px;

}

.line:nthchild(2) {

left: 100px;

}

.headlight {

position: absolute;

bottom: 10px;

width: 10px;

height: 10px;

backgroundcolor: f0f0f0;

border