筆記~*
這個技法適用在大中型風景或人物
畫風有骨頭 有渲染效果 中程度水墨風 但是技法較複雜
不過效果不錯 而且大部分圖片都適用
1.調色彩亮度 對比 色階 讓他達到最佳效果
2.複製圖層(圖層二) 並且去除飽和度 讓他變成黑白 複製圖層二(圖層三) 點選影像 調整 負片效果 讓他與圖層二黑白顛倒
接著是重點 請執行濾鏡 其他 最小值 填1 讓他變塊狀模糊(是對圖層三喔)
然後設定混合模式為 加亮顏色 此時就可將骨頭描繪出來
之後將兩圖層合併 調整不透明度為70%左右 讓他透出一點色彩
3.接著按ctrl+shift+alt+e 蓋印圖層(圖層四)
然後執行濾鏡 藝術風 剪挖圖案 色階數8 邊緣簡化度0 邊緣精確度2
這裡要是圖片情況決定 調整適度大小 主要目的是做出大塊仿水墨效果
之後新增遮色片(右下邊圖層那就可新增)
使用橡皮擦 大小約80~100 不透明度20~30 低一些 擦出線條需要清晰處
(基本上全處都要擦 要明顯處多擦幾下)
完畢後蓋印圖層(圖層五) 然後連續複製三個圖層(圖層六 七 八)
圖六選擇混合方式為色彩增殖 加強色彩表現
圖七圖八選擇柔光 讓圖片更亮更白 之後再蓋印圖層(圖層九)
接著使用模糊工具 強度15~25% 大小可大一些 將大塊色彩模糊
之後針對細部加以模糊 這步驟要不斷調整模糊大小與程度 做出水墨渲染效果
重點是把網點消除 不必要的線條區越模糊越好
最後蓋印圖層(圖層十二) 然後複製圖層(圖層十二 )
在圖層十二選擇濾鏡 其他 最小值 填1
然後再選擇濾鏡 筆觸 潑濺 大小請自己決定 潑濺程度約1 平滑度8左右
最後混合圖層設定不透明度為30%左右即可
完成~*
來源:
http://blog.xuite.net/b132225465/judebb/22086588?ref=rel
查拉工作站 發表在 痞客邦 留言(0) 人氣(159)
使用link外部呼叫css
<head>
<link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.css" />
</head>
查拉工作站 發表在 痞客邦 留言(0) 人氣(195)
CSS 樣式
這一頁將依照字母順序，來列出所有在這個 CSS 教學中出現的 CSS 屬性。若您有興趣對某一個屬性有更深入的了解，請點選該屬性的連接。
查拉工作站 發表在 痞客邦 留言(0) 人氣(159)
http://css.1keydata.com/tw/cursor.php
在某些網站上，我們會看到不同的滑鼠游標圖案。這是由 cursor 屬性來設定的。
查拉工作站 發表在 痞客邦 留言(1) 人氣(4,494)
clear (清除) 屬性是用來抵銷
float 屬性的作用。可能的值為：
left：消除左邊的浮動。
right：消除右邊的浮動。
both：消除左邊及右邊的浮動。
none：不消除任何一邊的浮動。
來看一下從 float 那一頁稍作修改的例子：
CSS 宣告：
#leftfloat {
float:left;
}
#clearleft {
clear:left;
}
|
以下的 HTML 碼，
<span id="leftfloat"><img
src="yp.jpg"></span>這個例子<span id="clearleft">展現出
clear:left 能夠抵銷 float 屬性的值。</span>
|
就會顯現出，
 這個例子展現出 clear:left 能夠抵銷 float 屬性的值。
|
在上面的例子中，一但 clear:left 的樣式被用上，float:left 就不再有作用。也就因為這樣，在 clear:left 樣式後的所有文字都是在圖案之下。
|
查拉工作站 發表在 痞客邦 留言(0) 人氣(12)
一個在大型網站常見的格式，就是將文字繞著一個圖案顯現。
這是用 float (浮動) 這個屬性來達成的。
查拉工作站 發表在 痞客邦 留言(0) 人氣(17)
以下是幾個最常被用到與文字樣式有關的 CSS 屬性。
查拉工作站 發表在 痞客邦 留言(0) 人氣(42)
位置
在 CSS 中常見的位置 (position) 屬性有以下幾種：
查拉工作站 發表在 痞客邦 留言(0) 人氣(13)
再使用css時,我最常用<table>去控制整個頁面了因為他可以設定到很多層面,
其實也是因為一開始教我的人是從<table>開始教起的
在 HTML 中，常看到 <table> 之內加了 border、cellpadding、及 cellspacing 的屬性。如果我們有透過 CSS 來制定表格的樣式，那就不需要在 HTML 之內用到這些屬性了。
查拉工作站 發表在 痞客邦 留言(0) 人氣(17)
在 CSS 中常見的清單 (list) 屬性有以下幾種：
list-style-type
list-style-position
list-style-image
list-style
每一個屬性在以下會有詳細地介紹：
list-style-type
list-style-type 屬性是用來設定在清單中，每一條之前的記號要用什麼。
最常見的 list-style-type 設定值為：
none (沒有)
disc (全黑圓圈)
circle (空心圓圈)
square (正方形)
One may also wish to use ordered character sets. Common ones are:
upper-latin (大寫拉丁文)
lower-latin (小寫拉丁文)
upper-roman (大寫羅馬文)
lower-roman (小寫羅馬文)
upper-alpha (大寫希臘文 )
lower-alpha (小寫希臘文 )
以下列舉幾個例子：
例 1：
<ul style='list-style-type:upper-roman;'>
<li>項目 1</li>
<li>項目 2</li>
</ul>
|
結果：
例 2：
<ul style='list-style-type:square;'>
<li>正方形項目 1</li>
<li>正方形項目 2</li>
</ul>
|
結果：
list-style-position
list-style-position 屬性讓我們可以決定記號是否應該被視為是文字的一部份，並且由此而決定記號的位置。
這個屬性可能的設定值為 "inside" 及 "outside"。預定值為 "outside"。
以下是兩個例子，由其中我們可以看出來 inside 及 outside 的不同：
例 3:
<ul style='list-style-position:inside;'>
<li>第一個項目<br>第一項目的第二行
<li>第二個項目
</ul>
|
結果：
例 4：
<ul style='list-style-position:outside;'>
<li>第一個項目<br>第一項目的第二行
<li>第二個項目
</ul>
|
結果：
list-style-image
list-style-image 屬性是用來將某個圖案設定為記號。這個屬性的用法為，
list-style-image:url([image_url]);
舉例來說，若 CSS 樣式為：
ul {
list-style-image:url("circle.gif");
}
|
那以下的 HTML 碼，
<ul>
<li>第一項利用自我設定的記號。
<li>第二項利用自我設定的記號。
</ul>
|
就會顯現為，
- 第一項利用自我設定的記號。
- 第二項利用自我設定的記號。
list-style
以上提到的這三個 (list-style-style、list-style-position、及 list-style-image)
屬性可以被簡化為一個 list-style 屬性。這種做法稱為捷徑 (shortcut)。
在這裡，屬性的順序並不重要。
舉例來說，以下的 CSS 樣式，
ul {
list-style: url("circle.gif") none inside;
}
|
套用在以下的 HTML 碼中，
<ul>
<li>第一項以捷徑方式列出的清單。
<li>第二項以捷徑方式列出的清單。
</ul>
|
就會顯現出，
- 第一項以捷徑方式列出的清單。
- 第二項以捷徑方式列出的清單。
|
查拉工作站 發表在 痞客邦 留言(0) 人氣(67)
