2013年8月27日 星期二

Illustrator -- 花瓣製作

1 . 先用橢圓形工具畫出一個圓
 2 . 點選直接選取工具 (A) ,按下圓形,如下圖四邊出現四個端點
 3 . 選取圓形最下方的點,往下拉
 4 . 把最下方的點兩旁的端點,接往中間的點拉 ( 可邊拉邊按 SHIFT ),
      結果如下圖,就像個花瓣了
5 . 選取(V)花瓣後,按下 " R " 鍵,正中會出現一個亮藍色的旋轉中心點,在按下 " Alt "
     把它對到最下方的端點之下,再點下去
 6 . 隨即出現旋轉視窗,輸入角度 " 45 ",點選 " 拷貝 "
6 . 接著按下 " Ctrl " + " D ",直到變成一朵花

 7 . 用相同的方法再加上別的元素,就可以製作出不同的花朵囉



2013年4月29日 星期一

區塊元素與行內元素

區塊元素 (block element) :
如盒子般可放進任何元素
總是從新的一行開始
寬度與瀏覽器相同,與內容無關,可指定寬高

h1.h2.h3.h4.h5.h6 標題
p 段落
div  定義特定範圍
table  表格
ul  符號項目
ol 編號項目
hr 水平線
pre 依文字原來編排方式呈現
form 表單
address 聯絡資訊
blockquote 引用表單元件的群組


行內元素 (inline element) :
只會在同一行,不會換行
寬度只與內容有關,指定寬高無效果

a 連結
img 圖片
br 換行
span 定義特定範圍
lable 標籤
abbr 縮寫
acronym 首字縮寫
cite 表示引用來源
code 原始碼
em 強調
strong 更強調
select 下拉選單
input 表單輸入
var 變數
object 物件



置換元素(replaced element):
不同於其他行內元素,有內在尺寸,
可設寬高,如同設了display:inline-block一般

img 圖片
input 表單輸入
lable 標籤
select 下拉選單
object 物件


2013年3月6日 星期三

Illustrator--使用鋸齒化工具

Using the Zig Zag Filter 鋸齒化工具



1.選取橢圓形工具畫一個圓(同時按Shift鍵可保持比例)

 2.上方工具列選取 效果 > 扭曲與變形 > 鋸齒化


3.輸入下方數字,可以自行輸入數字看看效果如何,
這種效果可以變顏色、加上細節後可做成各種不同的標籤