Category: 教學

【教學】illustrator的筆刷工具

教學

【教學】illustrator的筆刷工具

Posted By admin

會玩photoshop筆刷的人對於photoshop的筆刷一定是讚不絕口,而illustrator也有筆刷可以使用,跟photoshop有一些不一樣,但也是很好用很好玩。

首先點開筆刷的視窗,會發現跟photoshop就不一樣了,PS的筆刷大致就是一種格式,以單一的形狀然後在角度、距離、散落程度上做設定,而AI的種類就比較多了。

在新增筆刷這邊就可以看到筆刷的四個種類,這邊就用如何新增這四種筆刷作說明,然後再講解各類的特性;而在cs5還有第五種類型,以後有時間再說明。
首先來看散落筆刷。

選擇一個圖樣後在筆刷視窗>新增散落筆刷,就會出現像這樣的視窗,右下角是筆刷的樣子,左邊則可以就尺寸、間距、散落跟旋轉作變化設定。
有一點要注意的是,在illustrator裡增加筆刷,不能用比較複雜的填色,簡單的說除了單色的色塊外,其他都不能用就是了。
設定完後用鋼筆工具拉一條線,點選剛剛新增的樣式。

就會發現線條不再死板板的貼在路徑上了。
第二種是沾水筆筆刷。

沾水筆筆刷很像以前用麥克筆來畫圖那樣,會因為筆頭不是圓形,在轉折的地方會有一些變化發生,所以在設定沾水筆筆刷的時候,首先就是讓筆頭部要是圓形(如上圖),然後再在下面做一些設定。

之後套用沾水筆筆刷,就會長得像這樣。
第三個來講線條圖筆刷。

畫了一個想要新增線條圖筆刷的形狀後,直接拖曳到筆刷視窗去新增線條圖筆刷。
線條圖筆刷在新增的時候,要注意他的方向,看一下上面那張圖,在我們想要新增的圖案上會有一個箭頭,箭頭的尾端代表現段起點的樣子,尖端則是代表終點的樣子,搞錯方向會出現預期之外的結果。

設定完後套用,效果就出現了。
再來講最後一種圖樣筆刷。

新增圖樣筆刷就比較麻煩一些,首先要先把欲新增的筆刷樣式,依照頭、尾、中段及轉角做一個切開的動作,如上圖。
再來是把每一段都新增到色票去。

新增完畢如下

接下來新增圖樣筆刷。

新增的視窗會發現會有五個地方可以編輯,這時只要依照圖示的指示,把剛剛新增的色票依照你想要安排的位置,包含起點、終點、中段及轉角處個別設定。

設定完再套用就可以了。
看起來雖然跟線條圖筆刷一樣,可是我們把這兩個拿來比較一下。

在線段比較短的情況下,線條圖筆刷的筆尖會比較短,反之,線條圖筆刷的筆尖會比較長。
從這邊可以知道線條圖筆刷是根據線段的長短,把設定號的圖樣等比例做一個縮放的動作,而圖樣筆刷則是根據一個線段所在位置,分別以頭、尾、中段、轉角等樣式填入路徑,所以沒有變形的情況,所以多一點工也是有價值的啦。
以上就是illustrator筆刷的應用,希望大家使用愉快。

Read More
【教學】photoshop移置效果-用旗幟示範

教學

【教學】photoshop移置效果-用旗幟示範

Posted By admin

photoshop裡的移置效果因為不是直接套了就可以使用,所以在這邊寫一篇簡單的小教學。

一般來說,我們要在網路上抓到像這樣的國旗,或者自己想要畫一張這樣的旗子都不算是困難的事情,但這樣看起來畢竟比較死板,如果可以做成像下面的形狀就會好看很多。

這個就可以用移置效果來達成。
首先開啟一張想要套用移置效果的圖片,就以國旗來說明。

因為移置濾鏡需要一個可以參考的灰階檔案來做變形的參考,所以我們必須建議類似下面的檔案,並把他存成.psd格式的檔案。

這個是要給移置濾鏡參考的檔案,圖中較白的部分像素會往上偏移,反之則會往下偏移。
在要製作移置效果的圖片上使用濾鏡>扭曲>移置

可以設定移置的縮放程度。
選擇要參考的圖片,就是剛才那張漸層的檔案。

確定之後移置效果就完成了。

就這樣,很方便吧。

Read More
  • 【教學】photoshop移置效果-用旗幟示範 已關閉迴響。
  • over 7 years ago
CSS的BOX MODEL

教學

CSS的BOX MODEL

Posted By admin

box model算是學習css很重要的一個觀念,其實也不會很難,大概記住是這樣一層一層包起來的就可以了,有一點要注意的就是如果如果把width設為200px,設為1px,padding及margin各為3px,那麼這個元素的寬度就會是200+(1+3+3)*2=214。
另外padding及margin的值可以各別設,如padding-top,如果沒有特別標的話則為四個邊都是一樣的值。
也可以一起設,如padding: 2px 3px 4px 5px; 順序分別為上、右、下、左,若設為padding: 2px 3px; ,則代表上下為2px,左右為3px,最多四項,若有缺則用對面的值來代表缺的那個位置的值。

Read More
【教學】photoshop 消失點

教學

【教學】photoshop 消失點

Posted By admin

「消失點」可簡化含有透視平面 (例如建築物、牆面、樓梯或任何矩形物件的側邊) 的影像中的透視校正編輯作業。您可以使用「消失點」指定影像中的平面,然後再套用繪畫、仿製、拷貝或貼上以及變形等編輯效果。
先開啟一張想做消失點的圖片。

使用濾鏡 > 消失點
使用左上角的「建立平面」工具沿著透視拉一個範圍出來。

如果要拖移出其他平面,請使用「建立平面」工具,然後按住 Ctrl 鍵 (Windows) 或 Command 鍵 (Mac OS) 並拖移邊緣節點。
使用其中的選取工具拉出一個比要移動範圍大一點的區域。

在移動的時候按著alt鍵複製,就可以依透視點複製一個窗戶出來了。

Read More
【教學】photoshop 使用步驟記錄筆刷工具

教學

【教學】photoshop 使用步驟記錄筆刷工具

Posted By admin

步驟記錄筆刷可以讓人用筆刷的方式來套用濾鏡,讓濾鏡的應用更廣,有興趣可以試試看。
1.開啟欲修改之圖片

2.套用濾鏡(這邊使用高斯模糊)

套用效果如下

3.回到上一步並標記步驟記錄筆刷

4.使用步驟記錄筆刷工具並選擇筆刷樣式就可使用了

Read More
hiiir 漂亮的flash rss訂閱器

教學

hiiir 漂亮的flash rss訂閱器

Posted By admin

大家有看到我的部落格右下角有一個很漂亮的時間軸小貼紙嗎? 這就是最近一個還蠻新奇的rss訂閱器。
首先請先選下面一個連結
http://timely.hiiir.com/User/insert/Code/4f54497a4d446b306644633d
http://timely.hiiir.com/User/insert/Code/4f54497a4d446b306644593d
http://timely.hiiir.com/User/insert/Code/4f54497a4d446b306644513d

因為透過推薦可以增加rss可以訂閱的數量,所以申請後覺得好用的話,也可以這樣去推薦給自己的朋友喔。

進入後會要求申請帳號,照著必要的欄位去填寫資料,送出資料後會要求你去認證,所以要用可以收的到信的e-mail喔。

認證通過後會進入這個畫面,不過我覺得每個都差不多,選一個看的順眼的就好了。

進入後第一步要設定名稱跟分類,也可以換一個自己喜歡的貼曆圖示。

選擇樣式,現在樣式的種類越來越多了。

然後輸入要訂閱的rss,也歡迎訂閱我的部落格喔。
也可以選擇要顯示文章的icon,不過我希望之後有可以自己上傳圖片。

最後會顯示你之前設定的成果,再把下面那串程式碼複製帶走就可以了。

如何貼在部落格,我這裡有一篇教學,一切都設定完了,就可以在自己的網誌看到美美的rss訂閱器囉,有興趣的話就去試試看吧。

Read More
FREEdi廣告- 手機收廣告也可以分紅喔

教學

FREEdi廣告- 手機收廣告也可以分紅喔

Posted By admin

大家是不是有時候會對於不請自來的垃圾簡訊趕到困擾和厭煩呢? 最近發現一個手機的新服務,只要加入FREEdi廣告的服務,接收手機來的廣告,就可以獲得分紅喔。
這是官網。

如何使用這個服務呢? 當然在官網上有詳細一步一步的教學,跟著教學走,就可以順利的把服務安裝到手機上了,當然首先是要確認手機是否能夠支援這個服務,這邊有官網上目前列出支援的手機型號列表。

Sony Ericsson

K530i / K610i / K630i / K618i / K660i

Read More
  • FREEdi廣告- 手機收廣告也可以分紅喔 已關閉迴響。
  • over 8 years ago
無名放flash的方法-ImageShack空間

教學

無名放flash的方法-ImageShack空間

Posted By admin

無名一限制javascript語法下來,真的越來越不得讓人佩服他腦殘的程度,不過由於它有開放一些白名單的關係,我們就用它的白名單來放我們的flash吧。
能夠讓在無名的白名單又能自由放flash的空間實在不多,我就來介紹一個還蠻方便的空間
首先請先到http://profile.imageshack.us去申請一個帳號。

然後在這個視窗,就可以選擇你要上傳的檔案了網路上可以放一般圖片的空間還真不少,所以這個空間我都是用來放flash的,基本上選擇image那個類別就可以上傳.swf檔了,選擇好你要上傳的檔案,再按host it! ,就可以輕鬆等他上傳囉。
上傳後會自動跳到這一頁,不過這頁沒啥用,點選右上角的My Images進到你自己的上傳空間。

如果這頁上傳的檔案是jpg等圖片檔,會在下面的方框顯示縮圖,不過由於我都是上傳flash檔,所以我到後面要找檔案也很麻煩,連結出了問題我就會重新上傳一個新的flash檔了。
選擇第一個檔案的第二個選項,就可以看到你剛剛上傳的flash檔囉。

然後複製HTML那個框框的程式碼,在貼到無名的部落格,就可以在無名的部落格看到你的FLASH囉。

紅色的部份是可以不要的,然後由於在ImageShack空間上傳他會把它會自動一個很奇怪的長寬,記得把長寬改成你原本flash的大小,這樣顯示就不會怪怪的了。
這樣大家就可以下載我做的flash在貼到自己的部落格空間了。
為什麼我不直接用我貼的呢? 因為這個空間發生過好幾次檔案忽然不見(之前機器過載,畢竟是免費空間),所以怕我給的連結之後出錯,加上這個空間有外連的流量限制,所以還是希望網友們可以自己貼到自己的空間去囉。
今天就介紹到這樣,還有問題的話再問我吧。


題外話,這次是我第一次用PicPick來切圖,除了不用等photoshop開檔的時間外,其實我處理起圖來也沒比較快..XD
大概是我PS很熟了吧。

Read More
教學-如何在部落格或網頁放msn

教學

教學-如何在部落格或網頁放msn

Posted By admin

最近在一些人網誌上會看到的圖,點了之後就可以線上跟對方交談,我也來寫一篇如何在部落格放置msn的教學吧。
1.首先先到http://settings.messenger.live.com/applications/websettings.aspx
2.切換到”建立HTML”

3.選擇要貼到網頁的種類

4.複製語法貼到網路上就完成了

Read More
加入語法教學-pixnet篇

教學

加入語法教學-pixnet篇

Posted By admin

Step1: 登入後從部落格進入我的後台

Step2: 從版面管理進入版面設定

Step3: 

Step4: 貼上程式碼

Step5: 設定版面位置後送出就完成了

Read More