ILoveIMG 是一款線上處理圖片檔案的網站，使用簡單又完全免費。主要功能功能有：壓縮影像、調整尺寸、裁剪圖片，以及轉換檔案格式等！網站伺服器可以快速地上傳、處理和下載圖檔，只要連接網路打開瀏覽器，就可以編輯圖片，不需要註冊帳號免安裝軟體。線上處理完成後會自動下載新圖檔，伺服器會保留檔案兩個小時可使用連結直接分享檔案。

GIFMaker線上製作超簡單，製作GIF與Video影片動畫

Cyotek Gif Animator 是個功能很基本、操作也很簡單的 Gif 動畫製作工具，可以幫我們將各式圖檔合併在一起並整理 、匯出成 .gif 格式的動畫圖檔。亦可將原本的 Gif 動畫分解成一格一格的圖檔再加工處理，或匯出每一個 frame（動畫影格） 的畫面、另存新檔。

使用方法很簡單，開啟軟體後按「new」新增一個動畫製作分頁，然後將你要顯示的圖檔拉到視窗中，再針對每一個動畫影格設定好畫面尺寸與展示間隔… 等細節即可。製作時，我們可針對每一個動畫影格個別設定顯示畫面的尺寸、位置與顯示時間，還能個別加強色彩的呈現並做簡單的翻轉、複製與其他調整。如果有需要的話也可針對每一個 frame 加上文字說明或套用圖片浮水印等…。

除了在電腦上有不少的製作GIF軟體外，手機上也有ImgPlay - GIF Maker App，輕鬆將影片與GIF圖片互相轉檔，或者使用多張照片、LIVE連拍的相片直接製作GIF動圖，程式還有新增文字、濾鏡特效、剪輯短片的功能～隨手將生活的每個精彩瞬間拍下來，將這些生動的GIF動態圖片分享給朋友們！

ImgPlay，手指動一動，就能迅速制作屬於自己的個性GIF動態圖片與朋友分享，非常方便又實用。是一款利用圖片、影片就能輕松制作GIF的手機應用軟件。iPhone的優勢！利用高速連拍圖片就能快速制作GIF動態圖片，也可以從影片中截取有趣的段落制作成GIF和影片短片。通過這款軟件，大家可以切身感受拍照片和影片時的精彩瞬間。現在，就拿ImgPlay創建屬於自己的GIF動態圖片，和大家一起欣賞和分享吧！

OpenShot影片編輯器是一個自由且開放原始碼的免費影片剪輯軟體，它支援跨平台FreeBSD、Linux、macOS與Windows，支援正體中文…等70種語言，功能完整操作簡單的影片製作軟體，支援高清匯出無浮水印！提供無限制時間軌、切割視頻、加入音訊、文字、3D動畫字幕、慢動作、快轉、旋轉、變形、音樂裁切、添加影片特效與轉場等功能，雖然沒有像威力導演有可以直接套用的範本，但製作出來的影片一樣能很專業！。OpenShot的核心影片編輯功能是以C++函式庫實作，稱之為libopenshot，OpenShot使用Qt部件工具箱並提供Python API。在網站上就可找到適合自己平臺的安裝程式，再下載並安裝就可以使用囉。不過要特別注意的是只能用於64位元的電腦喔，如果作業系統為32位元的話，就無法安裝囉。

Photopea，這一套軟體免費、不需要下載免安裝，透過瀏覽器就能直接運作編輯影像繪圖，但讓人驚豔的是Photopea相當的強大，具有相當多Photoshop基礎功能，不需註冊即可使用，具備圖層功能，也有套索、筆刷、填色、文字輸入、模糊化與各種濾鏡工具，甚至還能編輯 PSD 等各種繪圖軟體的特殊圖檔，執行效率也十分順暢，讓人難以置信這是一套免費的線上影像繪圖軟體。

 免費線上繪圖軟體Photopea

打開 Photopea網站，不須註冊帳號也能開始使用。如果一打開 Photopea時發現是英文版，可以到「More」的「 Language

您也許聽說過，Linux 上的軟體，大多都是免費的。許許多多功能強大，又穩定的軟體比比皆是，甚至也有與 MS OFFICE 相匹敵的文書處理軟體出現。這些都是開放原始碼與許許多多熱心人的心血結晶。如今，OpenOffice 也推出了 for Windows 的中文版，讓不會使用 Linux 的人，也能享受到開放源碼所帶來的成果。

OpenOffice.org 原是 Sun 公司的一套商業重量級 Office 軟體，經過 Sun 公司公開程式碼之後，正式命名為 OpenOffice 發展計劃，並由許許多多熱心於自由軟體的人士共同來維持。如今，OpenOffice.org 也把發展的成果，呈現在 Windows 上，讓大家能在 MS OFFICE 之外，還能有免費的 Office

FormatFactory 是一款全能的影音轉檔軟體，支援大部分常用的檔案格式，支援所有影音檔轉成 MP4、3GP、MPG、AVI、WMV、FLV、SWF 等，能將所有聲音檔轉成 MP3、WMA、MMF、AMR、OGG、M4A 及 WAV 等，也能把所有圖片檔轉成 JPG、BMP、PNG、TIF 及 ICO 等，並支援 DVD 光碟的抓取和燒錄，軟體介面一目瞭然且操作容易，支援 35 種以上的語言，包括繁體中文與簡體中文。

你也被網路上各式各樣玲瑯滿目的影音格式弄得眼花撩亂嗎？檔案格式過多使得使用者必須安裝多種轉檔格式才能開始真正的影音編輯工作，如果有一款萬能的轉檔軟體，能支援所有主流的影片、圖片、聲音、甚至行動裝置常用的格式互轉，那該有多好？FormatFactory 就如其名，是一款這樣的萬能轉檔軟體。

FormatFactory 支援多種格式，在視訊影片方面能讓所有來源檔轉成 MP4、3GP、MPG、AVI、WMV、FLV、SWF

在網站尚未規劃前，需先想清楚公司或品牌的定位再來選擇最有效的網站類型，每一種類型往後皆有不同的 網路行銷 策略要走，如能在開始設想前好好地思考並加以掌握，在網路上將會少走很多的冤枉路喔！以下我們提出與整理幾種網站類型，提供給想架設網站的老闆們參考。

一、個人網站

依照自己的興趣、喜好建立起自己專屬與人分享交流的網站，類型相當廣泛，可以是教學網站、個人工作室、小型商業交易網站...等。

二、企業形象網站

此類型的網站主要是以依建立的企業標準CIS規範來設計或客戶想在網路上嚐試作創新設計，多半是以服務或商業貿易型的類別為主要業務範圍，無主要實體商品販售，用自己的專業知識來與客戶建立起關聯。需在網路上建立起自己的專業形象與個案研究，來取得大眾的認同與信賴感。例如：翻譯社、法律事務所、專業諮詢顧問公司、金融、保險、法務、財會、醫療、美容、徵信、房仲等行業。 網頁設計 方面需以建立良好的視覺動線，以及注重簡約大氣的形象設計表現出企業特色。

CSS3的動畫相關的基礎的屬性基本都涉獵過了，個人認為，其中最複雜的是d:path()路徑變形動畫，超過3D，而位移、軌跡、旋轉、縮放、斜切什麼的，相對簡單一些，但作為非動畫設計師而言，靈活的掌握這些基本的動畫加以無窮無盡的變換，就已經能做出很多華麗麗的效果了，這篇呢，源於做一個練習時，AI的連續旋轉復制功能，試著做了幾個動效，簡單、省時、高效，最主要的是用到CSS3的transform:rotate()旋轉屬性，輔以位移和縮放。

最基本的旋轉動畫

下面這張效果圖，粗通AI的設計師小伙伴們一定都不會陌生，在AI裡面就是ctrl+D連續複製的體力活。

...

在網站中使用動畫效果並不是什麼新鮮事兒。建站早期，不少設計師經常在自己的網站中放置gif動畫，但由於許多設計逐漸不能兼備實用性，動畫效果慢慢成為糟糕的用戶體驗的代名詞。不過，近些日子隨著Html5技術的發展，依靠CSS3做出的動畫比Javascript的操作更簡單、瀏覽更順暢，因此動畫效果在歷經起起落落之後再次回歸到大眾的懷抱，很多網站開發者開始重新思考怎樣將它更好地應用到網站中。其實，適當的動畫效果可以給枯燥無味的用戶界面增加趣味，增添網站的個性化色彩，引起用戶的情感共鳴，提升用戶體驗，提高用戶轉化率。今天小飛就帶大家一起看看動效有哪些好處，以及在網站中可以怎樣使用。

在網站中使用動畫效果的好處：

隨著CSS3和HTML5建站技術的發展，動效在網頁設計中的作用越來越顯著。與靜態界面相比，動態的轉變更符合人們的認知體系，可以有效降低用戶認知負載。這是因為，在網站界面使用動畫效果能讓元素的變化、界面的轉變、層次結構之間的關係更加清晰自然。從某種程度上來說，動效還是用戶交互的基礎。那麼，什麼樣的動效才是有效的呢?小飛瀏覽了不少網站，總結出了5個核心準則，現在一起來看一下吧。

一、自然流暢

對於Web開發者來說，不管什麼細分方向，比如數據可視化、網站系統、電商網站等等，都會涉及到一個難題“動畫”。因為動畫關係到Web開發的兩個比較重要的點，一是視覺效果，二是用戶體驗，通過酷炫動畫效果可以給視覺加不少分，同樣，恰到好處的微動效也會給用戶體驗帶來不錯的驚喜，基於此，我們的Web動畫該如何實現，他有哪些實現方式呢？

動畫形式大概梳理了下，動畫有不止以下幾種形式：
一、CSS3動畫
二、JS動畫
三、Canvas動畫
四、SVG動畫
五、以Three.js為首的3D動畫
針對以上動畫形式，我們來簡單介紹下吧。

作為一種優雅酷炫的頁面展示的方式，視差滾動（Parallax Scrolling）正受到越來越多前端設計師的寵愛，優設的2014年網頁設計趨勢中依然能夠看到它的影子，所以我們不得不來好好研究下視差滾動的原理和實現方式。

一、視差滾動

視差滾動（Parallax Scrolling）指網頁滾動過程中，多層次的元素進行不同程度的移動，視覺上形成立體運動效果的網頁展示技術。國內外的設計師們實現了很多酷炫的效果，大家請移步欣賞，《14個超棒的帶有故事趣味性視差滾動網站》、《17 Inspiring Examples of Parallax Scrolling Sites》、《18 Beautiful Examples of Parallax Scrolling in Web Design》。

二、特性

視差滾動效果酷炫，適合於個性展示的場合。 視差滾動徐徐展開，適合於娓娓道來，講故事的場合。 視差滾動容易迷航，需要具備較強的導航功能。

愛也好，恨也好，視差效果已經遍布web之上了。當你用的巧妙的時候，它可以給應用增加深度和隱喻效果。但問題在於實現一個高性能的視差效果是一個很有挑戰的工作。在這篇文章裡，我們將討論如何構造一個高性能的視差效果，當然同樣重要的是還得跨瀏覽器。

摘要

• 不要使用滾動事件(scroll events)或者背景定位（background-position）來創建視差動畫。
• 使用CSS 3D 變換來創建一個更準確的視差效果。
• 對於iOS移動設備的Safari瀏覽器使用position:

現在大家不論是做動畫還是發表情包應該都見過Gif動畫。這種動畫能夠出現在我們面前並廣為流傳的原因就是它的表現力非常的豐富，而且文件的體積也是比較小的。其實Gif動畫的本質是逐幀動畫。通常製作Gif動畫的工具很多。也許你看這個貼的時候你已經對gif動畫產生了極大的興趣。並還在猶豫應該選什麼軟件來製作gif動畫。那麼進行GIF視頻動畫製作工具需要有哪些功能呢？下面一品威客網就帶您一起來看看。

GIF視頻動畫製作工具功能說明

首先應知道，做gif動畫的軟件並不唯一。比較常用的有網頁三劍客之一的fireworks一般都簡稱為fw。另外就是adobe公司的imageready簡稱為“IR”這是photoshop（簡稱PS）的兄弟軟件軟件。一般安裝了PS都會附帶有“TR”這個軟件。最後一個比較常用的就是友立公司的ulead gif animator5.05簡稱“U5”也有人簡稱為“UGA”

現在很多小伙伴都是比較喜歡動漫的，而且近幾年動畫在國內發展的越來越快，但是你們知道我們所看到的精品動畫是從哪來的嗎?除了一部分是通過視頻剪輯的方法，另一個則是通過一整套視頻動畫製作流程誕生的，我們看到的視頻動畫基本屬於此類。本篇視頻動畫製作流程，就讓大家了解以下視頻動畫是如何誕生的。

視頻動畫製作流程視頻動畫製作流程簡介

視頻動畫類型很多，分二維（傳統）、三維、偶片（定格）、flash類（數據庫動畫）。但不管哪種類型的動畫片，其流程也基本分為前期、中期、後期三個部分。只是由於各種類型基於的材料和工具、工作方式的不同，具體流程也就不一樣。

對於影視動漫設計，相信大家也是知道的，相對來說也是比較熟悉的。對目前的國內影視動漫設計來說，發展前途還是比較不錯的。如果在某種程度上來說了解著影視動漫設計的市場的話，是可以讓你的影視動漫設計得比較好的，也可以讓你的影視動漫設計的前景變得更加地輝煌，那麼影視動漫設計的整體現狀是怎麼樣的?接下來讓我們一起去看看影視動漫設計的整體現狀吧。

現在的3D動畫製作是非常火熱的製作技巧，很多的動畫都是通過這些軟件來完成我們在動畫片中看到的高難度動作。當然這個理解只是一個最簡單的動畫製作的應用。在其他的應用領域，比如廣告動畫和影視動畫，不知道大家是否有去注意過?如果沒有的話，小編今天給大家分享的這些內容希望您可以好好地看一下，爭取做到有所了解。

3D動畫製作應用之廣告動畫

動畫廣告是廣告普遍採用的一種表現方式，動畫廣告中一些畫面有的是純動畫的，也有實拍和動畫結合的。在表現一些實拍無法完成的畫面效果時，就要用到動畫來完成或兩者結合。如廣告用的一些動態特效就是採用3D動畫完成的，我們所看到的廣告，從製作的角度看，幾乎都或多或少地用到了動畫。致力於三維數字技術在廣告動畫領域的應用和延伸，將最新的技術和最好的創意在廣告中得到應用，各行各業廣告傳播將創造更多價值，數字時代的到來，將深刻地影響著廣告的製作模式和廣告發展趨勢。

After Effects是一個令人難以置信的深刻和可怕的程序，特別是對於初學者。每次打開After Effects後，您都可能會學到新的東西，並且會對您有所幫助。根據我自己的經驗，我發現當然有一些技巧和訣竅比其他技巧更有用，下面的十個技巧當然屬於“比別人更多”的範疇。所以，如果你想成為一個AE主，這裡有十個必要的After Effects技巧，你需要知道。

1.快速平移
如何完成：按住空格鍵並拖動

鍵盤快捷鍵在任何後期製作軟件中都可以為您節省大量時間，這並不是什麼秘密，但是為AE節省了大部分時間的單鍵盤快捷鍵就是After Effects中的快速平移功能。

通常，當您在After Effects中平移時，必須通過單擊手形圖標或點擊（H）鍵來選擇手形工具。但是，不必在兩個工具之間切換，只需按住空格鍵即可調用手持工具。只要釋放空格鍵，After Effects就會恢復到您當時選擇的任何工具。通過使用這個快速提示，你可能永遠不會再使用手工具了。

2. RAM預覽...

作為After Effects的新手不一定非常可怕。以下是對有抱負的動作設計師的四條建議。

有無數的信息可以了解After Effects。從動畫基礎到3D集成，您可以花一輩子時間學習新的技巧。因此，After Effects對於新來的程序來說是相當的壓倒性的。因此，不要試圖找出自己的起點，以下是對有抱負的After Effects動作設計師的五條建議。

一、跳進去
新的後效應：跳到正確的

如果你拿起500頁的書來學習完整的After Effects，你可能不會精通AE。不是因為這本書不會教你任何東西，而是因為你可能會在第10頁上睡著了。

通過跳入深層來學習運動圖形。觀看關於創建真棒，複雜動畫的教程。學習如何合成爆炸或創建光劍效果。這些教程是不切實際的（除非你正在為ILM打包），但是它們使學習變得有趣，並提供了一個基本原則。

二、從關鍵幀開始
After Effects之後的新功能：After

第一：引言

記得我剛接觸FLASH那會兒，應該是FLASH6末期吧，國內的flash web還是很少的，牛X的更是屈指可數，而且這個時候所謂的牛X，一般都是指效果很酷，技術強的基本沒有。其實這是必然，國內早期的flash web開發者大都是由FLASH動畫製作者或是網頁設計師轉變而來。他們非常熱衷於片頭和過渡效果，為此不惜犧牲流覽者的等待時間並吃掉流覽者的CPU。這就是為什麼現在好多人一談起flash

Flash動畫已經成為越來越多的人們所關注的一種動畫發展的趨勢。可以說，通過Flash進行網頁設計並建設網站，開創了多媒體效果的網頁或整個多媒體網站的新潮流，本文對Flash動畫在網頁製作中的應用及發展做了探討。

近十幾年來，Internet以前所未有之勢使應用程式開發領域發生了根深蒂固的變化，許多組織越來越依賴於由Internet及相關技術提供的數位資源和通訊通道。現在，在設計和開發應用程式時，幾乎所有人都會考慮如何最有效地結合與利用Internet技術以便充分利用連接計算所帶來的好處。

Flash特別適用於創建通過Internet提供的內容，因為它的檔非常小。Flash是通過廣泛使用向量圖形做到這一點的。與點陣圖圖形相比，向量圖形需要的記憶體和存儲空間小很多，因為它們是以數學公式而不是大型資料集來表示的。點陣圖圖形之所以更大，是因為圖像中的每個圖元都需要一組單獨的資料來表示。

要在Flash中構建應用程式，可以使用Flash繪圖工具創建圖形，並將其它媒體元件導入Flash文檔。在 Flash中創作內容時，需要在Flash文檔檔中工作。Flash文檔的文件副檔名為 fla

Flash動畫在網頁設計中的部分應用在網頁設計中，Flash 動畫作品除了以流式播放動畫播放以外，如：Flash動畫短片、FlashMV具有一定交互性。有些網站的引導介面做成Flash動畫形式，一般由Dreamw eaver軟體來完成，做成靜態頁面。

當然，也有網站做出以下設計，如：網頁中Flash網路廣告、Flash形象展示動畫、 網站巡覽列動畫、圖片展示動畫、Flash交互動畫、及由F lash製作完成網站註冊、登入、計算等系統。在靜態頁面中，如果把這些做成動畫形式的話，起到生動、裝飾作用，對瀏覽者具有情緒調動作用。反之，如果太花、太亂會使瀏覽者感到煩躁，降低了網站的效應。

Flash動畫在整站網頁設計中的應用除了採用F lash製作相關頁面外，為了展示個性也可以使用Flash來製作整個網站。整個網站包括所有視聽元素部分及版式設計、網站引導介面設計。引導進入內頁面這整個系統都是由F lash 軟體來製作，包括上文列舉視頻、Flash廣告動畫、Flash交互動畫、網站

初識AS3.0

學習AS3.0已有一段時間了，想把自已對AS3的一些認識和大家分享一下。主要想說說AS3與AS2的不同之處，沒有什麼邏輯性，想到什麼就寫點什麼，因此，它不適合AS高手們閱讀。本文將力求用最直白的語言，儘量不用那些艱澀難懂的名詞和術語。

閱讀更多

1、真實、生動的震撼視覺效果
3D動畫技術能夠逼真地模擬現實環境，或創造常規拍攝所無法實現的場景和事件。從微觀世界到宏觀世界，從真實空間到想像空間，3D動畫都可以出色地表現。

2、效益與效果倍增--節約成本並極大提高效率--
3D動畫技術可以展現專案、產品、設計成果、場景真實的形態或功能,投入較少時間和費用就可以看到成果，使我們可以優化流程、完善設計、提前展現等，進而節約成本提高效率。

3、清晰的說明力
利用3D動畫技術建造一個虛擬的環境，對現實世界中的複雜系統進行簡化和直觀剖析，往往是解決問題的最快捷方式。3D技術能夠幫助我們在體驗中傳達難於解釋的資訊；再加上互動功能，賦予圖像以生命力，使圖像和影像能夠和人產生「對話」和交流，一個簡單的交互和查看，常常就能使抽象和複雜的概念得到深層的理解。

4、個性化的表現手法