前言:

因為電腦一直都有點bug, 所以就干脆升級Ubuntu 到8.10 Interpid.其實一直就想買個高配置的蘋果電腦, 可惜沒錢~ 所以就用Linux, Linux也不差ma~~ 以下是本人的電腦, 給我改到有點像Leopard啦, 算是一種安慰吧~~

以下是將會安裝的軟件

Compiz-manager

Compiz-fusion icon

AWN

Mac4Lin 軟件包

**請留意, 我用的是Ubuntu 8.10 Intrepid.

安裝指南:

先改外觀:

按著Alt + F2, 輸入 gnome-terminal, 按Run

# cd ~/Desktop

# mkdir theming

# cd theming

# sudo apt-get install wget

# wget http://nchc.dl.sourceforge.net/sourceforge/mac4lin/Mac4Lin_v1.0_RC1.tar.gz

# tar xvf Mac4Lin_v1.0_RC1.tar.gz

# cd Mac4Lin_v1.0_RC1

# sudo sh ./Mac4Lin_Install_v1.0_RC.sh

這樣就會安裝所要的主題, 然後我們要激活他們:

按著Alt + F2, 輸入 gnome-appearance-properties, 按Run

裡面就可以選擇剛剛所安裝的主題啦~

接下來是桌面下面的Dock,

按著Alt + F2, 輸入 gnome-terminal, 按run

# sudo apt-get install avant-window-navigator

# avant-window-navigator

這樣就會有個Dock出現在下面~

想要每次開機他都自動出現, 可以:

按著Alt + F2, 輸入 gnome-terminal, 按run

# gnome-session-properties

按add, 把三行資料都填上avant-window-navigator, 再按ok~

最後就是動畫效果:

我用的3D效果是利用Compiz的特效, Ubuntu 8.10 本身就帶著Compiz, 所以我們要裝的是管理Compiz的管理台

# sudo apt-get install compizconfig-backend-gconf

# sudo apt-get install fusion-icon

# fusion-icon

你會發現有個小圖示出現在工作列上面, 右鍵點擊, 選第一個, 那裡有很多的特效設定可以給你玩上一兩天~~ 慢慢試吧~~

用後感:

很多朋友都問我為甚麼要這樣弄, 那不是更麻煩, 更沒有效率嗎?? 我覺得不是, 用的是自己改的桌面環境, 用起來才有感覺, 才有干勁, 而且更方便自己的習慣. 如果你也有同感, 不妨留個言吧~~

最後:

謝謝觀賞~

不明白的地方, 可以留言~~

前言:

如果在辦公室裡, 要分享檔案和印表機, 可以用Windows的分享設定, 但是說到好用和穩定, 個人會覺得Samba更好用, 在這裡為大家寫寫怎樣安裝和配置一個好用又安全的Samba伺服器.

安裝:

在命令行中：

# sudo apt-get install samba

# sudo apt-get install libpam-smbpass smbclient

這樣系統就會自動下載和安裝Samba.

建立一個文件夾來放置分享的檔案:

# cd /home

# sudo mkdir company-share

# sudo chmod 0777 company-share

基本設置:

# sudo gedit /etc/samba/smb.conf

[global]

workgroup = Company

server string = %h server

map to guest = Bad User

obey pam restrictions = Yes

passdb backend = tdbsam

pam password change = Yes

passwd program = /usr/bin/passwd %u

passwd chat = *Enter\snew\s*\spassword:* %n\n *Retype\snew\s*\spassword:* %n\n *password\supdated\ssuccessfully* .

unix password sync = Yes

syslog = 0

log file = /var/log/samba/log.%m

max log size = 1000

printcap name = cups

dns proxy = No

usershare allow guests = Yes

panic action = /usr/share/samba/panic-action %d

invalid users = root

[printers]

comment = All Printers

path = /var/spool/samba

create mask = 0700

printable = Yes

browseable = No

[print$]

comment = Printer Drivers

path = /var/lib/samba/printers

[Company-Share]

comment = Internal File Sharing

path = /home/company-share

read only = No

delete readonly = Yes

create mask = 0777

directory mask = 0777

以上的設置基本上已經夠用, 雖然說不上是極度安全, 但是起碼要用檔案和印表機的時候也要輸入密碼. 如果在跑Samba Server的機器上沒有帳戶的, 那麼一般的人都是進不去, 用不了. 如果有人想用這些服務, 可以在機器上開創一個用戶, 他就可以用啦. Linux的密碼和Samba的密碼已經同步了, 所以登入只要用Linux的密碼就可以. 如果密碼更改了, Samba的也會跟著改.

最後:

謝謝觀賞!

Google的網管指南大致上分為三個部份, 在上一篇教學簡單介紹了Google在網站內容質量的重視, 現在另一個重要的課題是設計和內容的指南. 在來源中指出, 總共有九個要點需要大家注意的.

要注意的要點:

• 創建的網站需要有一個清晰的分層結構和文字連結. 每一個頁面都需要最少一個靜態的超連結, 這樣用戶才可以到達該頁面.
• 為網站用戶建立一個網站導覽, 以文字連結, 直接連去網站的重要部份. 如果網站導覽的連結超過100個, 你需要把網站導覽細分為幾頁.
• 創建的網站需要是有用, 資訊豐富的. 創建頁面都需要清楚和準确地形容你的內容.
• 想像一下用戶會用甚麼字去找你的網站, 而且你的網站也必需包括這些字.
• 當顯示一些重要的名字, 內容, 或者連結, 請盡量地使用文字來代替圖片. Google的機器人是不能分析圖片裡的文字. <= 這點很重要.
• 請确定<title> 元素和alt 屬性是描述性的和準確的.
• 請檢查無效的連結和正確的HTML.
• 如果想用動態的頁面(例如, URL內有”?” 的字符), 注意不是每一家的搜尋機器都能理解清楚. 所以盡量使用少和短的參數會比較好.
• 保持每一個頁面的連結在合理的數量下 (少過100).

總結:

雖然”設計與內容”的比重要少於”質量指南”, 但是前者可以影響你的網站在Google上的排名, 後者就決定了你的網站是否會出現在Google的搜尋結果. 所以, 在設計網站前, 各位要多加注意.

**以上資料只供參考, 一切以來源為準, 希望能夠幫助各位. http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35769

Google的網管指南大致上分為三個部份, 而最重要的部份是”質量指南”. Google 最強調的是每個網站的”品質”, 如果只是為了讓網站排名登上高的位置而不擇手段的話, 是會被處罰的, 結果就會像我的朋友一樣, 網站不被納入Google的搜尋結果, 結果的學名叫”Sand-box”, 中文就是”殺到死”, 哈哈!

在質量指南第一部份, Google定義了甚麼網站是有質素的:

質量指南 – 基本原則:

• 為用戶創建頁面, 不要只為了搜尋器而創建. 不要欺騙你的用戶, 或者顯示不同的內容給搜尋器看, 而用戶實際上看到的卻不同, 這通常叫”障眼法”.
• 避免用花招來改善搜尋排名. “問問自己, 如果沒有搜尋器, 我要這樣做嗎?”
• 不要參加”超連結方案/活動”, 就是說把一大堆的超連結放在大家的網站裡, 以為這樣會提高網站排名和PageRank. 特別是不要把連結放到垃圾網站裡, 通常這些網站沒有內容, 在Google眼裡是沒有質素可言, 而且它會影響到你的網站排名, 因為你們都是連結在一起的, 會令到Google覺得你也是沒有質素.
• 不要用未被授權的電腦軟件去提交網頁, 查詢排名. 這些軟件會消耗電腦的資源, 而且違反了Google的使用條款. Google不建議使用一些產品例如WebPosition Gold^TM.

質量指南 – 特定原則:

• 避免隱藏文字或者連結
• 不要用障眼法
• 不要傳送自動詢問指令到Google
• 不要放置與頁面無關的關鍵字
• 不要創造大致上一樣的重複內容在多個頁面, 多個子域名, 或者多個域名中
• 不要創建懷有惡意行為的頁面, 如網絡釣魚, 安裝病毒, 木馬, 或其他不良的軟件
• 避免為搜尋器創造”門口”頁面, 就是說每一個頁面強調一個關鍵字, 然後帶領用戶到另一個網站. Google想提供一個準確和有價值的搜尋結果, 如果這樣做, 與google的宗旨相違背.
• 如果你的網站參加了聯盟計劃, 請確保你的網站提供有質素的內容. 為網站提供獨有和相關的內容, 好令用戶有個理由去訪問你的網站.

總結:

以上質量指南在Google中的位置是最重要的, 如果你附合以上的各點, 並堅持提供有內容的網頁給用戶, 我相信Google應該不會忍心把你放到第100頁吧~

**以上資料只供參考, 一切以來源為準, 希望能夠幫助各位. http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35769

如果你是一位網頁設計師, 并遵從W3C的網頁規格設計網頁的話, 那麼你一定很頭痛. 因為你漂亮的, 自豪的作品, 在 Internet Explorer 上運行的時候, 不是支離破碎就是慘不忍睹. 為甚麼呢? 因為Internet Explorer 在設計的時候, 沒有完全考慮到W3C國際標準的問題. 所以, 只有在firefox, Safari, Chrome 這些符合W3C標準的瀏覽器, 你的設計才可以”抬頭做人”. 為了應付IE在顯示網頁的問題(IE Bugs), 很多設計師創造了很多的hack(美國口語:對付的意思)來補救他們的設計.

出名的IE Bugs有以下幾項:

Double Float-Margin Bug
Duplicate Indent Bug
Float Model Problem
Three Pixel Text Jog
Escaping Floats Bug
Creeping Text Bug
Phantom Box Bug
Peekaboo Bug
Inherited margins on form elements
Expanding Box Problem
Line-height Bug
Disappearing List-Background Bug
Guillotine Bug
IE 6 Duplicate Characters Bug
....

可以看得出, 設計師的工作量一定會倍增. 其實以上的bugs都是由一個IE獨有的屬性”hasLayout”所影響的, 如果深入了解這個屬性, 那麼就可以輕易地解決90%的IE Bugs.

介紹”hasLayout”:

“hasLayout”是IE內部的一個屬性, 它決定了一個<div>或者任何一個元素, 在網頁中如何與元素內的內容, 元素與元素之間的互動. 就是說, “hasLayout”決定了每一個HTML元素在網頁中的表現. 微軟的工程師用這個”hasLayout”來為每個HTML元素定下它們的屬性. 在CSS中, 我們可以通過特定的CSS屬性來激發這個”hasLayout”屬性.

“hasLayout”這個屬性有兩個值, Ture和False, 如果一個元素有”layout”的, 值就是True; 相對的, 如果元素沒有”layout”, 值就是flase. 設計師可以用一些CSS的屬性來激發這個”hasLayout”屬性, 從而修改設計在IE中的效果.

因為CSS的語言裡沒有一個屬性是叫hasLayout, 所以我們不可以這樣設定:

body {

hasLayout=true;

}

這是不可能的.

但是有一些個別的CSS屬性是可以把hasLayout的屬性值, 轉變為True, 或者False.

預設有Layout的HTML元素:

<html> <body>
<table> <tr> <th> <td>
<img>
<hr>
<input> <button> <select> <textarea> <fieldset> <legend>
<iframe> <embed> <object> <applet>
<marquee>

可以觸發”hasLayout”的CSS屬性:

針對IE6的CSS屬性:

position:absolute
float:left, right
display:inline-block
width: 大於0, 但不包括auto
height:大於0, 但不包括auto
zoom:1 (Ie獨有的屬性)
writing-mode:tb-rl

針對IE7 的CSS屬性:

overflow: hidden, scroll, auto
overflow-x, overflow-y: hidden, scroll, auto
position:fixed

還原”hasLayout”的CSS屬性:

針對IE6的CSS屬性:

width, height: auto
position:static
float:none
zoom:normal
writing-mode: lr-tb

針對IE7的CSS屬性:

max-width, max-height: none
overflow: visible

應用:

當每位設計師完成了一份符合國際標準的CSS設計後, 是不是要為IE的CSS再完整的設計另一份? 答案是不用的. 我們可以用一個叫” Conditional Comments” 的方法來引進要更改的CSS. 利用CSS覆蓋的特性, 我們只要更改在IE中有問題的CSS就可以了.

“Conditional Comments”

<head>

<link type="text/css" rel="stylesheet" media="all" href="/default/main.css" />

<!--[if lte IE 6]>
	<style>
	.hasLayout { height: 1px; }
	</style>
<![endif]--> 

<!--[if IE 7]>
	<style>
	.hasLayout { zoom: 1; }
	</style>
<![endif]--> 

</head>

從以上的例子, IE會先下載main.css, main.css裡面的.hasLayout會被style裡的.hasLayout覆蓋.

lte 意思是 less than and enqual to

lt 意思是 less than

如果我現在用的是IE6, 那麼

<!--[if lte IE 6]>
	<style>
	這裡的CSS就會蓋過main.css.
	</style>
<![endif]-->

if IE 7, 就特別指定 IE 7. 這個conditional comment只有IE才會識別, 其他的瀏覽器都不會被影響到, 是個比較安全和容易管理的做法.

總結:

所以, 對付IE Bugs, 我們可以用Conditinal Comment, 再加上對”hasLayout”的了解, 就可以輕鬆地為IE中顯示有問題的CSS進行修改和覆蓋. 聽說在IE8 beta 版本中, 它好像通過了W3C規格, 這對我們設計師來說是一個天大的好消息~

謝謝觀賞~

HylaFAX是一個開放源碼的傳真伺服器. 他可以為個人或者企業提供一個強大而可靠的傳真服務, 而且是免費的.

HylaFax基於Client – Server 架構, 就是說在局域網內, 只需要有一台的伺服器安裝了HylaFAX, 并且這個伺服器連結了一個或多個Fax Modem. 那麼HylaFAX就可以為局域網裡的所有電腦提供傳真服務. 在企業裡應用, 他擁有高負載力的功能. 在個人公司方面, 他將為你提供方便和節省金錢.

以下是一些HylaFAX的特點,功能和應用例子:

• HylfaFax是免費的!
• 支持多個Fax Modem同時進行工作, 擁有高負載力.
• 支持Class 1, 1.0, 2.0 和 2.1 的Fax Modem.
• 每天發送和接收傳真可以超過1000個.
• 多國語言支持
• 自動打印接收的傳真
• 可以不打印傳真, 直接存檔到伺服器, 或以附件電郵發送
• 可以直接用伺服器發送傳真
• 自動加上水印
• 用HylaFAX發送短信SMS
• 只可以在Unix或者Linux機器上運行

***有了HalyFAX, 可以用HylaFAX電郵傳真,然後用BlackBerry 收傳真…感覺很神奇….!

安裝前要注意的事項:

選擇一個好用的Fax Modem, 因為大部份內置的Fax Modem都是Winmodem (Softmodem), 意思就是說這些Fax Modem未必可以在Linux上運作, 因為Linux對這些softmodem的驅動程式比較少. 大部份外置的Fax Modem 都是Hardware modem, 所以理論上沒有問題.

如果覺得麻煩的話,可以在Linmodem的網站裡下載scanModem, 他是一個小程式幫忙分析你的Fax Modem是用那種晶片組, 而且會提供安裝的方法和下載的地址.

scanModem的下載地點:

http://linmodems.technion.ac.il/packages/scanModem.gz

# sudo apt-get install wget

# wget http://linmodems.technion.ac.il/packages/scanModem.gz

# gunzip scanModem.gz

# sudo ./scanModem

# cd modem

在modem 裡有一個modemData.txt, 會告訴你一切關於Fax Modem的資料.

安裝好以後, 測試一下你的fax modem:

# sudo apt-get install cu

# cu -l ttySL0

如果設置成功, 會顯示以下內容:

connected.

# at+fclass=?

0, 1, 2

0, 1, 2 代表你的fax modem 支持class 0, class 1 和 class 2.

HylaFAX是完全支持class 1, class 1.1, class 2, class 2.1 的 fax modem.

**在我的例子, 我的fax modem 是ttySL0. 如果使用 # cu -l ttySL0 還不能與fax modem連接, 那說明fax modem 的驅動有問題.

如何安裝HylaFAX:

如果你的機器是Debian 或者Ubuntu, 可以在Synaptic 裡尋找hylafax.

首先安裝伺服器hylafax-server.

如果是局網裡的其他電腦就安裝hylafax-client.

基本配置:

安裝好了還不可以立刻用, 要運行faxsetup和faxaddmodem命令來配置你的傳真伺服器和fax modem.

# sudo faxsetup

# sudo faxaddmodem

Hylafax的傳真服務器已經安裝完成, 下一次要談的是如何容易使用Hylafax, 和一些常用軟件.

如果設置有問題, 歡迎留言~

新年快樂~祝大家有個快快樂樂的2009!

因為聖誕假期很長,所以就想做個調查,看看東南亞的網站是做得怎麼樣,也給自己做個參考. 以下是我的小小總結:

1. 大部份的網站都是純HTML寫成的.
2. 80%的網站主題都不符合國際W3C網頁規格的要求.
3. 有70%的網站內容都超過三年以上沒有更新.
4. 60% Flash的使用率過多, 例如沒有意思的Flash 開場, 白白浪費用戶等待的時間,也浪費上網頻寬資源.
5. 只有3%的網站在使用內容管理系統,而且都是大企業在用.
6. 最後這個結果是嚇死人,沒有中小企業使用內容管理系統.

感想:

落後的技術:

內容管理系統在十年前已經開始使用了,但是到現在只有大企業才會用.中小企業只是用純HTML來寫網站,網站上只有聯絡方法,經營范圍一點點的資料. 而且大部份的內容都過時了,公司的資料都沒有更新.如果真的有潛在客人看到的話,企業形像是沒了,有的更可能會被嚇跑.

請趕上國際標準:

在IT界上有個國際組織叫W3C,他負責設定世界上的網頁標準,但是因為以前Internet Explorer的流行,所以很多網頁設計都是根據Internet Explorer來設計,可憐的是, 在IE 7版本以前, 像IE 5.5, 6.0 都不根據W3C的建議. 這樣就造成了很多不及格的網頁. 現在一些根據W3C標準的網頁軟件,如Mozilla Firefox, Google Chrome, Apple Safari, 如果看到那些網頁的話, 因為標準不同, 整個網站就會支離破碎. 結果客人都給嚇跑了.

不要亂用Flash:

然後是Flash的過份使用, 部份網站喜歡用動畫來做開場. 但是很多動畫裡頭的內容其實與網站的內容完全不相關. 曾經看過一個比較誇張的網站, 是一個關於進修學校的網站, 一進去, 整個屏幕都是星星閃來閃去, 結果用了我一分鐘才進到主頁. 華麗的效果是支持的, 但是與內容無關的東西請不要放進去. 如果目的不是研究網站的, 我相信大部份的人都會按x再見.

現在很多IT行內人都會建議用一種Hybrid Approach, 就是混合使用. 甚麼是混合使用, 就是Flash的使用要和整個網站取得一個平衡. 如果是顯示主要內容的,可以用文字,圖片取代, 如果是想做點特效的,可以用Flash. 但是也要注意用戶使用的環境,可能Flash對他們的電腦或者頻寬跟本就應付不來.

個人覺得三星公司做的網站,在用Flash和文字,圖片之間的平衡不錯,他用Flash的地方只是網頁頂的導灠,其他的地方都是文字和圖片. 內容是主導的,修飾是其次的. 

請使用內容管理系統:

為甚麼要用內容管理系統呢? 原因很簡單, 如果要令企業顯得有生氣, 網站的內容一定要更新. 這樣可以幫助企業留著已有的客人,也可以吸引更多的潛在客戶. 用純HTML做的網站, 如果你懂得HTML, 這還可以. 但是如果你不懂HTML的話, 你可能要每次付費才可以更改網站裡的內容. 改得不好的話, 這可會氣死你.

內容管理系統是一個網站軟件, 負責管理所有的網頁. 你可以創造網頁, 更改, 整理每一頁的內容. 如果是內容管理系統, 你只要登入, 就可以隨意更改網站裡頭的資訊. 用戶一般是不需要特別的訓練, 就可以輕鬆的管理整個網站. 在下一次, 我會大概的說說內容管理系統的基本原理.

一些建議:

1. 找人做網頁的時候,記得問有沒有內容管理系統.
2. 查問他們的技術是否符合W3C國際標準.
3. 現在有很多免費的內容管理系統可以下載和使用, 像Drupal, Xoops, Plone, Mambo, Joomla, TYPO3, Zikula. 如果懂得電腦,可以自己安裝, 或者找網站開發公司幫忙.
4. 請比較幾家的網站開發公司,如果有內容管理系統的, 一般是不會限制你可以用多少個網頁的.
5. 請不要過份使用Flash..

**最後, 以上的數據是個人數據,可能比不上AC Nielsen 的啦, 不過還是可以值得參考. 謝謝~

有不明白的地方,可以留個言,我會回覆你的~

Gimp除了可以用來畫畫以外,還可以做一些簡單的照片編輯. 現在數碼相機越來越流行,很多朋友都會拿著拍拍拍,高興得不得了.但是拍完的照片,放在電腦裡可能會有點單調.我們可以用Gimp來做一些小動作,把美美的照片搖身一變,變成一張專業的Polaroid照片.傳送給朋友也可以炫耀一下~

以下是這個教學的成品, 覺得怎麼樣??

教學部份:

1.首先, 我們需要一張圖片, 用gimp打開. 再更改圖片大小, 像下圖:

2.再來就是更改畫布的大小, 小心圖片大小和畫布大小是不同的. 如果不清楚,可以參考我之前的基本教學.

3.先建立一個圖層叫”Background”,再把Background圖層填上白色.

4.再建立一個圖層叫”paper”,做Polaroid的背景.顏色可以設定為”dbdbdb”.

5.為了加上立體感, 我們會為”Picture”這個圖層上面加上一個邊框的效果. 右鍵”picture”圖層, 選”Alpha to selection”, 再按”Select” => “Border”, 像下圖.

6.因為border只有一個Pixel(像素)的關係, 我們基本上是看不到的 >.<”, 沒關係. 我們再加上一個圖層,叫border.

7.為border填上黑色,再按”Filer” => “Light and Shadow” => “drop shadow”, 把x 和 y 填上0,0. 然後”Blur radius”填上10. 就會看到下圖的效果.

8.我們只想要照片上有陰影,所以要去除”paper”圖層上面的陰影. 首先, 右鍵”Picture”圖層,”Alpha to selection”, 按鍵盤上的”Crtl + I”, 目的是反轉選擇範圍, 點選”border”圖層,按鍵盤上的”Delete”.我們可以在下圖看得到”picture”以外的陰影已經bye bye 了.

9.在這裡,我們可以用”Colors” => “Curves” 來調整光暗. 像以下的圖:

10.加上文字

11.旋轉文字

12.這裡我們想把幾個圖層合併. 首先,點擊”Background”圖層的”眼睛”,把他弄成隱藏起來. 右鍵”Picture”圖層, 選”Merge visible layer”,按ok.像下圖.

13.一張Polaroid直直的,很死板,所以我們會用功能強大的IWrap來改變他的造型.設置可以像下圖,然後在左邊的預視裡,慢慢”推”~

14.最後旋轉”paper”圖層.再用Drop Shadow給他一個陰影.

15.點選陰影圖層,按”Filters”=>”Blur”=>”Gaussian Blur”,設置像下圖:

16.在這裡我們會加上一個貼紙. 新增一個圖層叫”Sticker”, 按”Ctrl + r”可以激活方塊選擇功能. 像下圖:

17.填上顏色.

18.按”Ctrl + e”可以激活橡皮擦功能, 像下圖的方式擦~

19.點選sticker圖層,在上面的Opacity(透明度), 用大概50%.

這樣你的作品就完成了~

謝謝觀賞, 有空請留言~

很多人在用Photoshop或者Gimp的時候,都會被一些莫名其妙的專用名詞給弄糊塗,好像圖層和畫布這兩個概念. 但是萬丈高樓從地起,我們今天就把這個概念給弄清楚吧.首先請看以下兩個插圖.

例圖一:

例圖二:

在第一個插圖中,我們可以看到裡面有一個畫布和四個不同的圖層.從這裡大家可以理解到我們每次開一個新的檔案時,Photoshop或者是Gimp都會問我們的畫布到底要多大.那個畫布就是指例圖一的畫布.我們的作品都會在這個”畫布”上完成的.而且,畫布的大小就等於以後圖片的大小,一般都會用Pixel來定義大小的.如果圖層超過了畫布的范圍,將不會出現在作品中.

圖層的概念:

我們可以想像每一個圖層就像每一片投影片,有顏色的地方就會投射到畫面上,透明的地方就當然沒圖啦~在每個圖層一個疊一個的時候,作品就會慢慢的成形.在不同的圖層管理不同的造形,顏色,會方便我們去處理作品,這個概念在Photoshop和Gimp中,是一致的.

當兩個圖層重疊的時候,上面圖層的畫像會蓋住下面圖層.就像圖一和圖二中的綠色方塊和藍色圓形.藍色蓋住了綠色方塊的右上角. 當然,因為圖層三的圖像也蓋住了下面的圖層(圖層二和圖層一),所以就造成了例圖二的情況.

最後,因為圖層四只有文字,並沒有背景顏色,所以就像例圖二的情況一樣,只有”文字2″是蓋住下面的文字方塊.清楚吧~?

如何用Gimp控制圖層:

我會在以下的范例中,示范怎樣去創造,管理每一個圖層.

1.首先,我們創造一個新的畫布.

2.然後會在右邊的輔助工具箱找到圖層管理.在這裡可以控制所有的圖層,包括新增圖層,刪除圖層,改變圖層次序(放在上面的,會蓋住下面的圖層).剛創造的畫布會有一個預先創造的圖層,一般會叫”Background”或”背景”,當我們點選他的時候,畫布上會有一個黃黑色的虛線,這就代表圖層的范圍.我們可以在這個圖層的范圍內編輯我們的圖像.

4.開創一個新的圖層,在圖層管理工具箱的左下角可以找到一新增圖層的按鈕,按一下,一個對話視窗會出現,在這裡,你可以為這個新的圖層做定義.如圖層名稱,大小,圖層背景顏色(前景顏色,後景顏色,白色或者透明). 最後按”OK,確定”.

5.在圖層管理工具箱點選新的圖層,可以在畫布上看到他的大小范圍(黃黑色的虛線).雙擊圖層可以重新命名圖層.在圖層上按右擊會有很多圖層的管理工具,大家可以慢慢摸索摸索~

大家清楚明白了吧?

如果有甚麼不明白的話,歡迎留下意見,好讓大家研究研究~

謝謝觀賞~

如果大家有留意最近的廣告或者是網頁的話,你們應該會察覺到無論是標題,標識,商標都會運用倒影,反射來增加立體感和時代感,而且用來強調現在是Web2.0的時代.以下我就會用簡單和容易明白的教學,讓大家可以用Gimp來制造你們想要的Web2.0效果.請參考以下的教學:

1. 我們先用Gimp開創一個畫布,然後在上面寫上一個字,或者是一個圖片都可以.

2. 在右邊的工具箱裡,點擊剛剛寫上的字,點右鍵 => 複製圖層 => 會看到以下的效果.

3. 連續點擊兩下’steven#1′,你可以把它重新命名為’reflection’或者是’反射’. 記得把這個圖層放在原圖層的下面.

4. 在右邊的工具箱點選’Reflection’圖層,然後在畫布的上面選’Layer,圖層’ => ‘Transform,變形’ => ‘Flip Vertically,垂直翻轉’. 再按主工具箱裡的’Move,移動’工具來向下移動’Reflection’圖層. 像以下兩圖:

5. 好了,接著要幫’Reflection圖層’加上特效,讓它變得跟倒影一樣.我們可以用Layer Mask來實現,它是一個Mask工具可以令圖層變得透明,而透明的地方是我們可以設置的. 先點選’Reflection’圖層,然後右鍵 => ‘Add Layer Mask,圖層面罩 ‘,會看到以下的對話視窗,選第一個’White (Full Opacity), 白色 (不透明)’,然後按’Add,加上’.

6. 如果成功加上Layer Mask的話,大家會看到像以下右工具箱的Reflection 圖層有個黑色小箱子,這就是Layer Mask.

7. 其實剛剛加的Layer Mask, 它是設定為’白色不透明’的, 如果在Layer Mask上面畫上黑色,那麼圖層就會變成透明, 透明的地方就是你加上黑色的地方.在以下的圖,我在Layer Mask 上面加上一個’白色到黑色’的漸變, 所以圖層就會慢慢的變成透明.按左邊的主工具箱,選’Gradient,漸變’工具,然後再确定前景的顏色為白色,後景的顏色為黑色.在畫布上從上到下拉一條直線,最後你可以得到像下圖的效果~

ps.你可以在拉直線的同時按Crtl鍵,方便你畫直線用的,很方便~

8. 最後依你的喜好再為圖層加點修改,我喜歡把反射弄的淡一些,那麼看上去不會太’假’.方法是選畫布上的’Colors,顏色’ => ‘Curves, 曲線’, 拉動曲線來修改光暗.挺好用的說~

完成!

謝謝觀賞~ 如果有任何疑問,歡迎留言~~~