工程師帶你認識Angular中的路由與元件

文、意如老師

上一篇介紹了 前端工程師必學知識!建立第一個Angular專案,這篇要帶大家認識Angular中的路由(Routing)與元件(Component),就讓我們繼續看下去吧!

任務一:認識Angular中的路由(Routing)
 1.1. 認識路由
 1.2. 認識路由插座<router-outlet></router-outlet>
 1.3. 測試路由是否運作成功
任務二:實作應用
 2.1.建立三個元件(Component)
 2.2.建立路由規則

閱讀全文 →

電玩皮衣美女上線了!

文、Alam老師

大家好!我是Alam,今天要畫的是一種類似電玩人設風格的緊身皮衣美女人物,是比較偏寫實及漫畫的表現方式,這裡除了臉部及身體輪廓的描寫刻畫特性外,還要介紹跟以往不同的皮製服裝光影質感的呈現,最後將可愛女孩嬌美又帶點俏皮的氣質感凸顯出來,雖然沒有殺氣騰騰的氛圍,但誤入叢林的傻白甜也別有一番風味。然後,再搭配背景的合成製作處理,和空間特效的襯托效果,可以讓畫面顯得豐富不單調!

閱讀全文 →

製作Excel下拉選單、選擇題、按鈕(上)

文、意如老師

當我們製作表單時,如果想加入下拉式選單讓使用者選擇,或者選擇題、按鈕等等,往往都要寫程式,但其實在Excel中的隱藏區中開發人員頁籤就有這個表單控制項,拖曳拉一拉就可以使用了,非常方便快速。

閱讀全文 →

【CSP教學】如何畫長頭髮

文、Andy老師

大家好,今天要介紹如何畫長髮,使用clip studio paint,首先一定要找一張參考圖參考,最好是照片,而我作畫的習慣,一定會找照片參考,因為有很多細節是紀不住的,一定要看照片參考,所以我會上網找一些照片參考長髮的光影與體感,因此網上找的照片都是有版權,我就不方便把參考照片貼上來,那我們就來看一下完成的樣子。效果如下圖。

閱讀全文 →

電玩女神出現了!

文、Alam老師

大家好!我是Alam,今天要畫的是一種類似電玩人設風格的戰鬥女神,也是比較寫實的表現方式,這裡除了臉部及身體輪廓的描寫刻畫特性外,還要介紹跟以往不同的肌膚光影質感的呈現,最後將女神霸氣又狂野的氣質感凸顯出來。然後,這裡還會介紹盔甲質感的繪製技法,再搭配配角的另類製作處理,和前景的隨性襯托效果,讓畫面更顯得豐富不單調,這樣一位在烈火之中的女戰士就更具吸引力了!

此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 噴槍/細緻細節噴槍
b. 噴槍/輕柔噴槍
c. 鉛筆/覆蓋鉛筆(畫線稿用)
d. 厚塗顏料/軟膠
e. 混色筆/只加水
f. 橡皮擦/橡皮擦
g. 橡皮擦/柔和漂白
h. 混色筆/塗抹
i. 照片/暗化
j. 照片/加入紋路
k. 特效/膨脹
l. 特效/颶風
m. 厚塗顏料/深度橡皮擦
n. 特效/扭曲
o. 油畫粉蠟筆/圓頭油畫粉蠟筆
p. 畫刀/刷式畫刀(羽毛)
q. 微粒/彈簧概念產物

延伸閱讀:電繪專欄:寂寞天使 — 對稱和羽翼的畫法|菜鳥救星RookieSavior

閱讀全文 →

前端工程師必學知識!建立第一個Angular專案

文、意如老師

建立第一個Angular專案,了解基本架構後就要來實際建立一個Angular專案了。

▶ 延伸閱讀:前端網頁工程師入門必備!認識Angular

任務一:建立專案
1-1. 建立開發所需要的檔案
1-2. 建立dist資料夾來放置編譯後的網頁
任務二:程式流程運作
任務三:Component元件的屬性-資料顯示
3-1. 建立、插入值
3-2. 建立、插入陣列值
3-3. 建立、插入物件值

閱讀全文 →

壽司界的LV!新鮮鰤魚生魚片肥美腹肉

文、耀月老師

同學們大家好,最近因為疫情影響,很少去人擠人的地方吃飯,所以畫張之前去壽司店吃的壽司來望梅止渴一下QQ

使用筆刷:輕柔噴槍、數位噴槍、混色筆-只加水、粗油畫粉蠟筆、混色筆-紋路水化、帶有紋路的筆刷等…

閱讀全文 →

從紫微斗數看讀書事業運

文、晶典老師

還不知道自己的命盤嗎?這邊可以看:命盤查詢

剖腹與時辰挑選的文章將在本文暫告段落,接下來晶典老師將開始講述紫微斗數看工作、事業、財富、愛情…等等的狀況,公職人員的國考、資格考,或是一般學生的大考、升學考也是讀書、事業運的一環。

閱讀全文 →

不用寫程式也可以玩Access資料庫

文、意如老師

目錄
第一篇、Access從零開始不用寫程式也可以玩資料庫
第二篇、Access如何規劃與建立資料表中的欄位

任務一:認識資料庫
1-1 啟動資料庫Access
1-2 什麼是資料庫?
1-3 什麼是資料表?
1-4 什麼是欄位?

任務二:建立第一個資料庫與資料表
2-1 建立資料庫
2-2 建立資料表

閱讀全文 →

用Live2D製作VTuber讓人物動起來

文、Simi老師

在動態完成後,就可以將模型到Live2D官方的nizima LIVE,或第三方開發的VTube Studio等面部捕捉軟體中使用。但這類型的捕捉軟體基本上都是利用電腦視訊鏡頭,且針對臉部表情與口型變化為主,所以在這之前還是要先在Live2d中的Animation做出幾組特殊動作,才能在需要的時候以快速鍵進行播放。

閱讀全文 →

畫出Q版神明LOGO

文、Alam老師

大家好,我是Alam,相信大家都學過Painter中的鏡射繪製功能,還有在上次我們也利用這個功能畫過寶劍,凡是愛畫畫的人一定會喜歡這個便於設計的工具。特別是在畫一些精緻度比較高的作品中,造型精細華麗的飾品配件更是不可或缺,因為這些配件所占的份量說大不大,但整個畫面如果少了它,就顯得單調了許多,所以對於這些小細節實在是不容小覷呀!


延伸閱讀:菜鳥救星Painter電繪專欄:王者之劍

閱讀全文 →

TypeScript物件導向-介面使用方式

文、意如老師

參考目錄:
第1篇:網頁工程師必學-TypeScript初探篇
第2篇:JavaScript的型別在TypeScript中應用(一)認識原始資料型別
第3篇:JavaScript的型別在TypeScript中應用(二)認識物件型別
第4篇:TypeScript物件導向-類別(Class)的使用方式
第5篇:TypeScript物件導向-介面(Interface)的使用方式

閱讀全文 →

用電腦繪出美味烤牡蠣Drawing!

文、耀月老師

各位同學大家好!
最近是諾羅病毒的嚴重傳播期,而且還沒辦法治療(只能減緩症狀),因為前些日子我家有人中標,拉肚子又發燒好幾天…,就是因為吃到了”沒全熟”的牡蠣!所以才發想畫張牡蠣宣導諾羅病毒的厲害XD

使用筆刷:輕柔噴槍、數位噴槍、混色筆-只加水、粗油畫粉蠟筆、混色筆-紋路水化、帶有紋路的筆刷等…

閱讀全文 →

電玩國度風格美女的寫實光感氣質呈現

文、Alam老師

大家好!我是Alam,今天要畫的是一種類似電玩人設風格的美女人物,是比較寫實的表現方式,這裡除了臉部及身體輪廓的描寫刻畫特性外,還要介紹跟以往不同的肌膚光影質感的呈現,最後將女孩嬌美又帶點野性的氣質感凸顯出來。然後,再搭配背景的另類製作處理,和前景的隨性襯托效果,讓畫面更顯得豐富不單調,這樣一位在月夜下等待狩獵的女孩就更具吸引力了!

此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 噴槍/細緻細節噴槍
b. 噴槍/輕柔噴槍
c. 鉛筆/覆蓋鉛筆(畫線稿用)
d. 厚塗顏料/軟膠
e. 混色筆/只加水
f. 橡皮擦/橡皮擦
g. 橡皮擦/柔和漂白
h. 混色筆/塗抹
i. 照片/暗化
j. 照片/加入紋路
k. 特效/膨脹
l. 特效/颶風
m. 厚塗顏料/深度橡皮擦
n. 染色筆/撒鹽

閱讀全文 →

【Excel教學】製作兩層以上連動的下拉式選單

文、意如老師

填寫表單時,總是有一些固定欄位需要填寫,例如地址中“縣市“,”鄉鎮“,讓使用者輸入實在是太擾民了,也容易誤植一些文字,所以我們今天要來實作下拉選單。
已縣市為例:選擇第一層後(縣市)再選第二層(鄉鎮)
而第二層選單會為第一層選完後的結果自動更新下拉選單。

閱讀全文 →

奇異博士2:失控多重宇宙Drawing

文、耀月老師

各位同學大家好~
不知道各位看過”蜘蛛人無家日沒有?”
因為奇異博士在裡面讓人印象深刻,所以我將奇異博士畫了出來,希望各位喜歡~^^

使用筆刷:錐形康特筆、炭筆、紋路筆刷、油畫粉蠟筆、數位噴槍、輕柔噴槍、擷取鬃毛筆刷、混色筆-只加水、混色筆-紋路水化等…

閱讀全文 →

小白兔母女的郊遊日記

文、Alam老師

大家好!我是Alam,今天要來畫一個短毛母子兔兔風格的畫面,這依然是寫實的表現方式,所以造型比例與表情上就是要越真實越好,特別這是一個偏真實風格的動物畫法,所以有別於我們一般在市面上看到的生硬卡通造型,這裡除了動物結構部及身體輪廓的描寫刻畫特性外,還要加上毛髮光影質感的立體呈現,最後將介紹其他特效筆刷的有效應用,把寫實的質感表現出來。

此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 噴槍/細緻細節噴槍
b. 噴槍/輕柔噴槍
c. 鉛筆/覆蓋鉛筆(畫線稿用)
d. 粉彩筆、粉蠟筆與蠟筆/概念藝術抖動平滑
e. 混色筆/只加水
f. 橡皮擦/橡皮擦
g. 微粒/春綢緞帶
h. 影像水管/線性大小P角度D
i. 照片/暗化
j. 照片/加入紋路
k. 橡皮擦/柔和漂白
m. 混色筆 /塗抹
n. 畫刀/調色刀
o. 藝術家/薩金特筆刷
p. 油畫粉蠟筆/圓頭油畫粉蠟筆

閱讀全文 →