PIXNET Logo登入

設計筆記本

跳到主文

私人用

部落格全站分類:不設分類

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 10月 30 週二 201218:01
  • 互補色的計算方式

a001_01
資料來源:藍色理想 http://www.blueidea.com/tech/graph/2003/616.asp
 
這個是色相色譜
位於180度夾角的顏色就是互補色
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(4,308)

  • 個人分類:觀念
▲top
  • 10月 30 週二 201217:56
  • 混合模式功能:繁 / 簡 / 英 對照

資料來源:百度知道 http://zhidao.baidu.com/question/72175718
 


繁體簡體英文功能

正常
正常
Normal
正常模式,也是默認的模式。不和其他圖層發生任何混合。


溶解
溶解
Dissolve
溶解模式產生的圖元顏色來源於上下混合顏色的一個隨機置換值,與圖元的不透明度有關。


??
背後
Behind

背後模式只對圖層的透明區域進行編輯。


 


該種模式只有在圖層的LockTransparentPixels(鎖定透明區域)為不勾選狀態才


有效。


??
清除
Clear

清除模式。任何編輯會讓圖元透明化。這種模式和畫筆的顏色無關,只和筆刷的參數有關。


 


該模式對形狀工具(當FillPixel選項處於勾選狀態時)、油漆桶工具、筆刷工具、鉛筆工具、填充命令和描邊命令都有效。





變暗
變暗
Darken
變暗模式。考察每一個通道的顏色資訊以及相混合的圖元顏色,選擇較暗的作為混合的結果。顏色較亮的圖元會被顏色較暗的圖元替換,而較暗的圖元就不會發生變化。


色彩增值
正片疊底
Multiply
考察每個通道(色版)裏的顏色資訊,並對底層顏色進行正片疊加處理。其原理和色彩模式中的“減色原理”是一樣的。這樣混合產生的顏色總是比原來的要暗。如果和黑色發生正片疊底的話,產生的就只有黑色。而與白色混合就不會對原來的顏色產生任何影響。


加深顏色
加深顏色
ColorBurn
讓底層的顏色變暗,有點類似於正片疊底,但不同的是,它會根據疊加的圖元顏色相應增加底層的對比度。和白色混合沒有效果。


線性加深
線性加深
LinearBurn
線性顏色加深模式。同樣類似於正片疊底,通過降低亮度,讓底色變暗以反映混合色彩。和白色混合沒有效果。


變亮
變亮
Lighten
和變暗模式相反,比較相互混合的圖元亮度,選擇混合顏色中較亮的圖元保留起來,而其他較暗的圖元則被替代。


濾色
螢幕
Screen
按照色彩混合原理中的“增色模式”混合。也就是說,對於螢幕模式,顏色具有相加效應。比如,當紅色、綠色與藍色都是最大值255的時候,以Screen模式混合就會得到RGB值為(255,255,255)的白色。而相反的,黑色意味著為0。所以,與黑色以該種模式混合沒有任何效果,而與白色混合則得到RGB顏色最大值白色(RGB值為255,255,255)。


加亮顏色
顏色減淡
ColorDodge
與「加深顏色」剛好相反,通過降低對比度,加亮底層顏色來反映混合色彩。與黑色混合沒有任何效果。


線性加亮
線性減淡
LinearDodge
類似於顏色減淡模式。但是通過增加亮度來使得底層顏色變亮,以此獲得混合色彩。與黑色混合沒有任何效果。


覆蓋
疊加模式
Overlay
圖元是進行Multiply(正片疊底)混合還是Screen(螢幕)混合,取決於底層顏色。顏色會被混合,但底層顏色的高光與陰影部分的亮度細節就會被保留。


柔光
柔光
SoftLight

變暗還是提亮畫面顏色,取決於上層顏色資訊。產生的效果類似於為圖像打上一盞散射的聚光燈。如果上層顏色(光源)亮度高於50%灰,底層會被照亮(變淡)。如果上層顏色(光源)亮度低於50%灰,底層會變暗,就好像被燒焦了似的。


 


如果直接使用黑色或白色去進行混合的話,能產生明顯的變暗或者提亮效應,但是不會讓覆蓋區域產生純黑或者純白。





實光
強光
HardLight
正片疊底或者是螢幕混合底層顏色,取決於上層顏色。產生的效果就好像為圖像應用強烈的聚光燈一樣。如果上層顏色(光源)亮度高於50%灰,圖像就會被照亮,這時混合方式類似於Screen(螢幕模式)。反之,如果亮度低於50%灰,圖像就會變暗,這時混合方式就類似於Multiply(正片疊底模式)。該模式能為圖像添加陰影。如果用純黑或者純白來進行混合,得到的也將是純黑或者純白。


強烈光源
艷光
VividLight
調整對比度以加深或減淡顏色,取決於上層圖像的顏色分佈。如果上層顏色(光源)亮度高於50%灰,圖像將被降低對比度並且變亮;如果上層顏色(光源)亮度低於50%灰,圖像會被提高對比度並且變暗。


線性光源
線性光源
LinearLight
如果上層顏色(光源)亮度高於中性灰(50%灰),則用增加亮度的方法來使得畫面變亮,反之用降低亮度的方法來使畫面變暗。


小光源?
固定光源
PinLight
按照上層顏色分佈資訊來替換顏色。如果上層顏色(光源)亮度高於50%灰,比上層顏色暗的圖元將會被取代,而較之亮的圖元則不發生變化。如果上層顏色(光源)亮度低於50%灰,比上層顏色亮的圖元會被取代,而較之暗的圖元則不發生變化。


實色疊印混合
 
 
 


差異化
差異化
Difference
  差異模式。根據上下兩邊顏色的亮度分佈,對上下圖元的顏色值進行相減處理。比如,用最大值白色來進行Difference運算,會得到反相效果(下層顏色被減去,得到補值),而用黑色的話不發生任何變化(黑色亮度最低,下層顏色減去最小顏色值0,結果和原來一樣)。


排除
排除
Exclusion
排除模式。和Difference類似,但是產生的對比度會較低。同樣的,與純白混合得到反相效果,而與純黑混合沒有任何變化。


色相
色調
Hue
色調模式。決定生成顏色的參數包括:底層顏色的明度與飽和度,上層顏色的色調。


飽和度
飽和度
Saturation
飽和度模式。決定生成顏色的參數包括:底層顏色的明度與色調,上層顏色的飽和度。按這種模式與飽和度為0的顏色混合(灰色)不產生任何變化。


顏色
著色
Color
決定生成顏色的參數包括:底層顏色的明度,上層顏色的色調與飽和度。這種模式能保留原有圖像的灰度細節。這種模式能用來對黑白或者是不飽和的圖像上色。


明度
明度
Luminosity
決定生成顏色的參數包括:底層顏色的色調與飽和度,上層顏色的明度。該模式產生的效果與Color模式剛好相反,它根據上層顏色的明度分佈來與下層顏色混合。


(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(1) 人氣(49,094)

  • 個人分類:其它
▲top
  • 10月 30 週二 201217:55
  • 印前編輯設計概念

一件印品的完美與否,百分之七十在事前的準備工作,尤其現在社會上電腦的應用非常普及,更凸顯了企劃的重要性,必須要考慮下列幾個印刷設計的重要因素:
 
1.採用何種印刷版式
2.用多少色數印刷
3.用何種紙張或被印材料印刷
4.印刷面積的開數多大,完成尺寸的大小
5.印刷的數量多少
6.裝訂、加工的方式如何,是否要用環保釘?
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(5,151)

  • 個人分類:其它
▲top
  • 10月 30 週二 201217:52
  • 介面設計與測試規則

資料來源:藍色理想 http://bbs.blueidea.com/thread-789211-1-1.html
 
介面是軟體與用戶交互的最直接的層,介面的好壞決定用戶對軟體的第一印象。而且設計良好的介面能夠引導用戶自己完成相應的操作,起到嚮導的作用。同時介面如同人的面孔,具有吸引用戶的直接優勢。設計合理的介面能給用戶帶來輕鬆愉悅的感受和成功的感覺,相反由於介面設計的失敗,讓用戶有挫敗感,再實用強大的功能都可能在用戶的畏懼與放棄中付諸東流。目前介面的設計引起軟體設計人員的重視的程度還遠遠不夠,直到最近網頁製作的興起,才受到專家的青睞。而且設計良好的介面由於需要具有藝術美的天賦而遭拒絕。
 
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(438)

  • 個人分類:其它
▲top
  • 10月 30 週二 201217:51
  • 軟體介面設計

資料來源:藍色理想 http://bbs.blueidea.com/thread-789211-1-1.html
 
介面設計是為了滿足軟體專業化標準化的需求而產生的對軟體的使用介面進行美化優化規範化的設計分支。具體包括軟體啟動封面設計,軟體框架設計,按鈕設計,面板設計,功能表設計,標籤設計,圖示設計,捲軸及狀態欄設計,安裝過程設計,包裝及商品化 在設計的過程中有較多注意的關鍵問題,以下列出幾點:
 
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(1,333)

  • 個人分類:其它
▲top
  • 10月 30 週二 201217:50
  • Photoshop使用密技八招

Photoshop是一個專業圖像處理軟體,功能繁多,以致有時用起來還略顯不方便。我在這裡總結了一些簡捷的方法奉獻給大家, 以提高做事的效率。
 
1、工具面板開啟/關閉
當你需要快速隱藏工具欄和多個浮動面板時,逐一點擊面板上的關閉按鈕,接下來使用時又要打開,十分不方便。其實你可以同時按鍵盤上的“Shift”和“Tab”鍵,這樣浮動面板會立即隱藏起來,從螢幕上消失,再同時按下兩鍵,面板又會顯現;如果只按下“Tab”鍵,則工具欄連同浮動面板會一起隱藏,再按一下該鍵,它們會同時顯現。
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(109)

  • 個人分類:其它
▲top
  • 10月 23 週二 201219:04
  • 如何配色?無論新手老手

轉貼自[wowbox blog] http://220.135.241.51/lbs/article.asp?id=1131
 
第一步、底色和圖形色
色彩搭配的問題確實不是一個簡單的問題。這一代的設計師比上一代的設計師,所能運用的色彩工具多了許多。如今,我們能運用好計算機為我們提供的豐富色彩,看來不是很簡單的事情。就我個人而言,在我從事設計師工作以來,往往也會迷失在色彩的世界。現在交流一下自己學過的和掌握的一些經驗,希望大家指正。 配色所要注意的要素 實際設計時,我們經常會按照設計的目的來考慮與形態、肌理有關聯的配色及色彩面積的處理方案,這個方案就是我的配色計劃。在做配色計劃時,我們應該考慮下述幾點以突出視覺效果。
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(592)

  • 個人分類:觀念
▲top
  • 10月 23 週二 201219:03
  • 色彩設計中的哲學

無論你是個怎樣的死硬派,你不得不承認色彩和生活的親密程度,差不多到了難舍難離的地步。小如每天上班該穿著什麽顏色的衣服,大如設計一國之國旗應用什麽顏色,全反映出色彩在我們的生活中,擔當了個吃重的腳色。事實上,除了黑白影片的人物外,沒有人可以生活在一個無色世界中。色彩令這個世界變得繽紛,它能改變我們的心情,影響我們對某事某物的看法。企業因此願意把花綠綠的鈔票投資在設計代表企業的顏色上,設計師絞盡腦汁去表現每種顏色的特質,為的是他們相信,在你和顏色相遇的一刹那,你可以意會到在那或溫柔,或暴烈的色彩底下,它所傳遞給你的訊息。
 
色彩運用是門學問,它在設計中占的位置到底有多重要?就這方面我們專誠向設計師蔡啟仁先生請教。蔡啟仁先生表示,一件設計作品,一般包含三個元素:色彩、圖像、文字。這三個元素中,以色彩較為重要。蔡先生解釋,人對色彩是相當敏感,當他們首次接觸一件設計作品,最先攫取其注意力的,就是作品的顏色,其次是圖像,最後才是文字。色彩給其他人的印象特別強烈,所以設計師最容易通過色彩去表達他的設計意念,而身為設計師,就必須懂得和色彩溝通,瞭解他們。
 
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(1,357)

  • 個人分類:觀念
▲top
  • 10月 23 週二 201219:02
  • 狀態列跑馬燈

資料來源:網站建置百寶箱 http://dob.tnc.edu.tw/
 
以下語法須寫在<body></body>之間
<script language="JavaScript">
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(45)

  • 個人分類:JavaScript
▲top
  • 10月 23 週二 201219:01
  • 直立式跑馬燈

資料來源:網站建置百寶箱 http://dob.tnc.edu.tw/
 
以下語法須寫在<body></body>之間

<marquee direction="down" height="200" scrollAmount="1" scrollDelay="10" style="FONT-SIZE: 11px" trueSpeed width="147">
<p><font color="#FF00FF">歡</font> </p>
<p><font color="#FF00FF">迎</font></p>
<p><font color="#FF00FF">臨</font></p>
<p><font color="#FF00FF">&quot;</font></p>
<p><font color="#FF00FF">網</font></p>
<p><font color="#FF00FF">頁</font></p>
<p><font color="#FF00FF">建</font></p>
<p><font color="#FF00FF">置</font></p>
<p><font color="#FF00FF">百</font></p>
<p><font color="#FF00FF">寶</font></p>
<p><font color="#FF00FF">箱</font></p>
<p><font color="#FF00FF">&nbsp;</font></p>
(繼續閱讀...)
文章標籤

fredevangigi 發表在 痞客邦 留言(0) 人氣(88)

  • 個人分類:JavaScript
▲top
«1234...6»

文章分類

toggle Web site (5)
  • 觀念 (4)
  • Html (6)
  • CSS (11)
  • SEO (1)
  • JavaScript (5)
toggle Graphic (5)
  • 觀念 (3)
  • 向量 (3)
  • 字體 (1)
  • 教學 (7)
  • 其它 (5)
  • Other (6)
  • 未分類文章 (1)

最新文章

  • AI圓角矩形
  • AI建立目路編排
  • 向量輪廓型插圖
  • 快速寫出較好CSS的5種方法
  • 圖片切換效果
  • 極坐標的無限創意
  • 水晶按鈕
  • 不鏽鋼金屬按鈕
  • 駭客任務風
  • 削皮效果

文章搜尋