在google中看到的~為了怕以後找不到~備存一下~
skrollr.js
參考自:
skrollr的範例檔案  https://github.com/Prinzhorn/skrollr
如何使用 skrollr 做出簡易的 Parallax Scrolling 網頁 https://coderwall.com/p/we0ymg/skrollr-parallax-scrolling
使用Skrollr.js實作視差滾動-(一)入門篇  https://lala0812.logdown.com/posts/240837-skrollr-easily-implement-css3-html5-parallax-scrolling
Skrollr奇妙的視差滾動效果https://www.sucaihuo.com/js/152.html
skrollr原生的JavaScript視差滾動插件庫  https://www.uedsc.com/skrollr.html
CSS transform 能旋轉、傾斜、縮放變形 box  https://boohover.pixnet.net/blog/post/35341387#two-d-transform-functions
可以在github打包下載skrollr的範例檔案及說明,在參考其他網頁的使用說明~
↓首先要在</body>前引用

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

slider示意圖
有點久遠的套件,以前據說是免費的,但現在好像已經要付費了(?)
備存一下~Nivo Slider
可以實作影像燈箱變換效果~
參考自:
網設套件-Nivo Slider動態炫麗的過場廣告輪播特效 https://www.minwt.com/webdesign-dev/html/5031.html
[ JQUERY ] NIVO SLIDER 過場廣告輪播 https://cmi0911.blogspot.tw/2016/02/nivo-slider.html
超棒的免費jQuery幻燈插件:Nivo Slider https://www.wenwenti.info/article/619510
實作示意圖~
 
在<head></head>裡引用css

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


網路上搜尋的多是簡體版(翻譯名稱不同)或是較早版本的PS教學
昨天對照了一下,完成用CS6製作水流效果~ 為了之後查詢方便,備忘一下~
以下是我實作的步驟,因為是初學者,如有誤,還請大家留言教我一下囉~ ^^
Step1. 照網路上說的,檔案>開新檔案,寬高都設定為500 pixels(像素),解析度72,色彩RGB,背景白色
Step2. 建立一個新圖層,按住背景圖層,拖曳到新建圖層的按鈕上,即可拷貝一個新圖層,命名為水流
這步網路上建立的好像是透明圖層,實作發現,背景要有顏色(不能是透明),才能使用後續的雲彩濾鏡,所以我改將背景圖層拷貝,也可以填上一個白色矩形
Step3. 選取剛剛的水流圖層,選擇濾鏡>演算上色>雲彩效果,就會生成隨機的雲彩效果(也可以用雲狀效果試看看哦)
Step4. 選擇濾鏡>模糊>高斯模糊,強度6像素
Step5. 選擇濾鏡>模糊>動態模糊,角度90,間距80像素
Step6. 選擇影像>影像尺寸,先取消勾選「強制等比例」,接著將寬度改為300
Step7. 選擇濾鏡>濾鏡收藏館>藝術風>塑膠覆膜,亮部強度15,細部10,平滑10,按確定,這時候看起來像凝固的水
Step8. 選擇濾鏡>濾鏡收藏館>藝術風>鉻黃,細部0,平滑8,按確定,像凝固的水珠和水流
Step9. 選擇影像>影像尺寸,一樣不勾選「強制等比例」,接著將高度改為800,水流更長了
Step10. 將水流圖層的混合模式改為「強烈光源」,這步驟有的網路教學沒做,看來應該可以省略(?)
由於目前還沒有將背景圖層填色,所以水流圖層修改後,這時候應該會變成全白,下一步就可以來上色囉
Step11. 上色,將背景色設為淺藍色(參考數據如下圖,#91cedd),點選背景圖層,選擇編輯>填滿>背景色~
若步驟2時是填上一個矩形,則此步驟時也可選擇將矩形填上漸層色
視所需的水流顏色進行上色、調整,可以多試幾次,以達到最接近的顏色喔
*如要咖啡色的水就填咖啡色
Step12. 點選水流圖層,編輯>任意變形,將影像先瘦身一下
Step13. 選擇編輯>變形>彎曲,這時影像四周會出現節點、把手,可用滑鼠拖曳成想要的水流形狀
Step14. 點選水流圖層,以魔術棒圈選全部水流範圍,上方記得選擇增加選取(雙正方形相疊的圖示),選取完後再點選遮色片選項(如紅框標示)

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

  • Jun 25 Fri 2010 21:04
  • 氣味

氣味...
會勾起回憶...

 

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

  • Jun 22 Tue 2010 17:58
  • 錯過


錯過,是什麼樣的感覺?
 
 

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

這篇看看就好,一時興起......
歌迷不要打我 XDD

-------------- 

b5495119 發表在 痞客邦 留言(3) 人氣()

poster1
歡迎大家來看我們喔!! 

  
  

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


 
 
 

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

TCC_9678-1
  
好朋友的定義,有很多種
你,認為的呢?

b5495119 發表在 痞客邦 留言(9) 人氣()

cup
   
之前暑假接了3個課輔~都在家附近的。
一個腳踏車程約5分鐘,一個約30分鐘
兩個家庭...其實當老師還挺不容易的 

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

〈夾娃娃機〉愛情,就像夾娃娃機
保證取貨價是未知
投入一枚枚付出
換取想要的目標
機器爪子移動的時刻
空氣瀰漫興奮與期待
耐心毅力幸運值經驗值,提高成功機率
有的人只用一枚就獲得
大部分人總是次次落空
但,沒有投下第一枚硬幣,誰也不能保證結局成敗
by Puni
(結論是.綠茶喝太多會睡不著...T^T)
--------------------------------
如果可以,我想用一輩子的時間對你說***
↑求婚好用的台詞,引用請註明出處,請搭配深情款款的眼神使用(奸笑)
背景是月黑風高狗吠狼嗥...痾不是..是燈光美氣氛佳的夜晚
說時遲那時快,天雷勾動地火
接著是柴米油鹽醬醋茶,青春一去不復返...(被毆飛)
--------------------------------
"對的人,就值得等待"~~ by Puni

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

321
2009.06.29
"原來台南到高雄這麼近.騎腳踏車就到了~"
--4個男生.呃不是.是3男1女的單車行~ from台南to高雄
Part 2 !!!
 

b5495119 發表在 痞客邦 留言(3) 人氣()

1 2
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。