タグ

WEB制作とチュートリアルに関するrie141のブックマーク (2)

  • ザラッと質感をプラス!イラストレーターで作るノイズグラデーション

    こちらの記事はアプリ「Adobe Illustrator」を使ったTipsになります。持っていない方や更新間近の方は「Adobe CCをおトクに購入する方法」も参考にしてみてください。 【Step1】オブジェクトを作成→【Step2】アピアランス:新規塗りを追加 【Step1】オブジェクトを適用したいオブジェクトを作成しましょう。 【Step2】そのオブジェクトを選択した状態で、アピアランスパネルから「新規塗り」を追加します。(アピアランスパネルは上部メニューのウィンドウ→アピアランスで表示できます) 【Step3】新規塗りをグラデーションを適用する 【Step3】Step2で追加したオブジェクトをグラデーションに設定します。 グラデーションの設定は、「白→黒」に設定しておき、白の不透明度は0%に設定しておきましょう!(黒の方がこのあとノイズが適用される部分になります) 【Step4】グラ

    ザラッと質感をプラス!イラストレーターで作るノイズグラデーション
  • canvas要素 + Javascriptで作る、動的コンテンツ

    HTML 5 + Javascriptで作る動的なコンテンツ 前回の授業では、HTML 5について、その成り立ちや特徴を解説した上で、新しい構造化のための要素について解説しました。また、あわせてCSS3によって格段に進歩した表現力について実際にサンプルページを作りながら解説しました。 今までは、Webページで動的に図や画像やアニメーションを描画するにはFlashが代表的な選択肢でした。しかし、ここ数年でその状況が大きく動きつつあります。Flashに代表されるような動的なコンテンツが、専用のプラグイン無しに、HTMLの要素とそれと連携するスクリプトだけで実現できるようになりつつあるのです。こうした技術は、今後のWebの動向を大きく変える可能性を秘めた技術として脚光を浴びています。 HTML 5で動的に画像やアニメーションを生成するためには、canvas要素という新規に導入された要素と、can

    canvas要素 + Javascriptで作る、動的コンテンツ
  • 1