- 尋聲記:Scratch 3.0趣味編程之旅(全彩)
- 王曉輝
- 2008字
- 2020-07-24 17:47:31
2.1 繪圖編輯器
很有緣分,尋死的青蛙叫呱呱喵,是一只會喵喵叫的青蛙,不過不同的是,它從來不為自己的喵喵叫聲煩惱,因為別的青蛙都很羨慕它會喵喵叫。可是,這不代表它沒有煩惱,而是正好相反,它的煩惱比你想象的要多……
“哦,親愛的喵喵呱,我活不下去了。我不知道生活為什么這樣折磨我,早晨起來吃蟲子都不是巧克力味兒的,逛大街也看不到漂亮的蝌蚪,河里的水也沒以前清涼,沒人送我禮物,唱歌也沒人喜歡聽……哦,連救我的貓都不是雙眼皮的……我什么都不順心,還是讓我死掉好了。”
嗯,喵喵呱想了想:“那你要死了,沒人管豈不是更可憐?”呱呱喵瞪大了眼睛:“連你也不打算管我?!”
喵喵呱雙手一攤:“我也不是雙眼皮的貓呀。”
呱呱喵聽了,淚如泉涌:“這日子是沒法過了。”哭了一會兒,突然停下,一本正經地問喵喵呱,“那你能不能去割雙眼皮?”
“啊?”
在Scratch的世界里找到一只雙眼皮的貓并不太麻煩。前面給咱們朗誦的貓還老老實實地呆在腳本區域。嗯,可是它是單眼皮的。沒關系,下面來把它變成雙眼皮的。
喵喵呱:“這也能變,那用什么積木呢?”
這用不著積木,Scratch中有一個非常強大的組件,叫作“繪圖編輯器”,如圖2-1所示,它可以憑空創造出新的角色,也可以對現有的角色進行修改。

圖2-1
選中角色后,只需要單擊“造型”標簽,就可以打開繪圖編輯器。我們的角色一般會在繪圖編輯器的中間。如果在新建角色或者場景的時候選擇第二個按鈕繪制,也可以啟動繪圖編輯器,但由于是創建新的角色/場景,繪圖編輯器中間什么都沒有,如圖2-2所示。

圖2-2
喵喵呱:“我看到了好多按鈕,這個繪圖編輯器感覺好復雜”。
按鈕和功能肯定會有一些,但并不復雜,主要有一些工具需要了解,下面列出了每個按鈕的名稱和功能。
選擇工具:選擇、移動畫布上的矢量圖形。
變形工具:通過調整錨點,變換矢量形狀。
筆刷工具:自由繪制矢量形狀。
橡皮擦工具:自由擦除矢量形狀的局部。
填充工具:改變矢量形狀填充的顏色和效果。
文字工具:創建、修改矢量文本。
線條工具:繪制直線線段。繪制時按下Shift鍵可繪制水平或垂直的線條。
橢圓工具:繪制橢圓圖形。繪制時按下Shift鍵可繪制正圓形形狀。
矩形工具:繪制矩形圖形。繪制時按下Shift鍵可繪制正方形形狀。
喵喵呱:“但還有好多啊。”
剩下的各種選項暫時沒有必要去逐一了解,因為每個工具都有不同的參數,咱們先來做最關鍵的,那就是怎么把貓的單眼皮變成雙眼皮?
首先單擊工具把畫布放大一些,給眼睛“動手術”需要看得更清楚,如圖2-3所示。

圖2-3
選擇線條工具,在畫布上方的“輪廓”選項中設置顏色參數為“顏色:0,飽和度:0,亮度:0”,如圖2-4所示,也就是黑色。然后把輪廓設置為“2.5”,如圖2-5所示。這里其實就是設置線條的粗細。

圖2-4

圖2-5
喵喵呱:“我試了試,無論選擇哪種顏色,把亮度設置為0就是黑色!哪有你操作的那么麻煩。”
直接拖動線條工具給小貓畫上眼皮,這時它就成為雙眼皮的貓啦!
呱呱喵:“直線眼皮嗎?還能不能好看一點,讓它有點弧度?”
使用變形工具選擇剛畫的線段,然后單擊線段中間一次,稍微往上拖一點。用同樣的方法調整另一條線段。這時你想要的弧度就有了,效果如圖2-6所示。

圖2-6
喵喵呱:“雖然還是感覺怪怪的,但確實是一只雙眼皮的貓了!哦,我明白哪里不舒服了,現在的眼皮是白色的。”
下面換一種方法操作。單擊幾次舞臺上方的后退按鈕撤銷剛才的操作,或者使用選擇工具
選中線條,然后使用舞臺上方的
按鈕刪掉線條。小貓恢復了原來的樣子。然后選擇矩形工具
,調整矩形工具的填充顏色為小貓皮膚的顏色。關于輪廓設置,還是和剛才的線段設置一樣:黑色和2.5的線寬。下面畫一個矩形。
喵喵呱:“等等!我承認我的調色水平不行,怎樣才能調出小貓皮膚的顏色呢?”
在調色面板右下角有一個吸管工具,如圖2-17所示,使用它在小貓身上單擊,這時就可以得到小貓身上的顏色了,如圖2-8所示。

圖2-7

圖2-8
喵喵呱:“這個吸管工具用起來好大,它還有放大鏡的功能嗎?”
吸管工具的巨大圓圈是為了讓你看清楚,這個圓圈的輪廓顏色就是你要選中的顏色。
喵喵呱:“現在的雙眼皮真丑陋!”
不要著急,現在使用變形工具選中矩形上面的兩個頂點。注意,先選中第一個頂點,然后按住Shift鍵點選第二個頂點。這時你會發現,舞臺上方的曲線按鈕
可以使用了,單擊它,每個點出現了兩個操縱桿,調整它們到你認為滿意的形狀,現在你可以看看調整前后的效果,分別如圖2-9、圖2-10所示。

圖2-9

圖2-10
喵喵呱:“另一只眼皮也可以這么做嗎?”
另一只眼皮也可以這么制作,不過建議還是通過復制來制作。使用選擇工具選中第一只眼皮,然后在畫布中找到并單擊復制
按鈕,接著單擊粘貼
按鈕復制出新的眼皮,如圖2-11所示,雙眼皮的貓就完美登場了!

圖2-11

動手做
1.仿照本節介紹的步驟繪制雙眼皮的小貓。
2.使用本節學到的知識,根據自己的喜好,對小貓進行任意改造。例如,改造成海盜小貓、醫生小貓、絡腮胡子小貓等。
問問你
在繪圖編輯器的畫布上方有很多按鈕并沒有用到,如圖2-12所示,你能根據字面意思猜出它們都代表什么功能嗎?試試看。

圖2-12

- Visual C++程序設計學習筆記
- FreeSWITCH 1.6 Cookbook
- Java開發入行真功夫
- 程序員考試案例梳理、真題透解與強化訓練
- Mastering Unity Shaders and Effects
- Python機器學習經典實例
- 微信小程序開發解析
- PhoneGap Mobile Application Development Cookbook
- SQL Server 2012數據庫管理與開發項目教程
- PhpStorm Cookbook
- bbPress Complete
- 深入淺出React和Redux
- iPhone應用開發從入門到精通
- 石墨烯改性塑料
- Application Development with Swift