線上資源

會員評分:  4 / 5

啟用星號啟用星號啟用星號啟用星號不啟用星號

file

每一位在從事網頁設計的人員在設計網站時,除了使用圖片、標語以及特效來展現自己的網站之外,Icons也是少不了的實用工具。由於現在許多網站如:wordpress、Joomla、Drupal等CMS管理系統的網站模板安裝時就已經內建了Icons簡碼,但是如何能夠快速及正確的使用簡碼,這個肯定是你我會遇到的問題

會員評分:  5 / 5

啟用星號啟用星號啟用星號啟用星號啟用星號

051900 6743a
有沒有這種經驗,每當上網搜尋圖片時,好不容易找到了理想的主題,卻不是高畫質、高解析?
就算一切都很完美,又會擔心侵權問題;不然就是需要再額外支付一筆費用,去買下這些精美圖片。

你可能在心中吶喊:我只是想要一張圖啊!怎麼這麼難?

會員評分:  5 / 5

啟用星號啟用星號啟用星號啟用星號啟用星號

050800 207f0
Spruce
是一個線上編輯的網站,提供符合Twitter圖片尺寸的圖文編輯。
不只能用於Twitter,在設計網站,或經營臉書粉絲專頁時,作為為圖片賦予主題,或者提升氛圍、營造質感,也是很方便的。


實際操作Spruce

可以選擇喜歡的底圖,也可以搜尋或自己上傳,輸入文字後還能選擇字型,不過似乎無法修改大小。
在預覽處可以拖曳圖片調整位置。

050801 2bcb1



支援中文,不過無法選擇字型。
050802 eef07
完成後下載即可!
不用一分鐘就能為你升級照片的質感~快來試試Spruce吧!

會員評分:  5 / 5

啟用星號啟用星號啟用星號啟用星號啟用星號

050100 b8ab2
做網站設計時需要用到很多圖片,有時還需要一些LOGO或大圖標語等,使網站達到更好的呈現。
在這裡姑且不論如何設計LOGO或其他視覺設計,因為這又會牽涉到這門學問的專業知識。

如果只是要呈現簡潔又漂亮的字樣、圖樣,或者做些基本的圖片編輯,那麼由Autodesk Pixlr這個雲端繪圖網站提供的Pixlr Editor不僅是綽綽有餘,還能給你很多額外的方便。

最棒的是,線上即可使用!

猶如Photoshop的濃縮精華版,不用花大錢或尋求破解、中文化,也不需要多會使用修圖軟體,一切操作都很簡單~
在這邊就先以常用的繪圖和編輯圖片功能來進行解說。

Pixlr Editor的繪圖功能

輸入網址後,會立刻跳出這個頁面。
050102 4d0a8


選擇尺寸,注意是否需要以透明背景為底。
050103 daab9


在這裡簡單的用滑鼠畫了一隻兔子,並且上字樣,字體以及大小都能夠修改,箭頭所指為畫出兔子所用到的工具。
想要畫得精細一點還可以使用繪圖板。050104 1 65855


一些基本功能的概念,摸一摸就會知道用處了~050104 2 6a5ef

 

Pixlr Editor的圖片編輯功能

開啟所要編輯的圖片或照片,這裡使用上一個操作畫出來的兔子。
運用這些工具,跟上一隻對比起來,變成了大眼萌兔。
050105 1f064


舉凡尺寸修改、圖片翻轉、亮度、色相飽和度,以及濾鏡功能等等,在這一排都能找到。050106 e61cc


大概會用到的就是這些功能,簡單又容易操作。
想做出下圖這樣的LOGO,只要運用文字工具的編排就能達到這種效果。

050107 a8f5a 
大圖標語也是,剪裁想要的底圖,然後加上字樣。
050108 3df65


馬上動手玩玩看Pixlr Editor吧!
把功能摸索清楚之後,就能製作看起來更華麗的圖片啦~




Images via
http://picography.co/photos/watching/




Search