全ての記事

課題提出方法

CodePenの課題提出方法

CodePenで課した課題の提出方法を紹介します。

Illustrator

Illustratorでクリスマスツリーを作る方法

Illustratorでクリスマスツリーを作る方法を紹介します。

Photoshop

演習15 デザイントレース「キャンペーンのバナー」

「トレース&模写で学ぶ デザインのドリル」のP.068～071、演習15 デザイントレース「キャンペーンのバナー」のトレース解説です。

Photoshop

演習07 デザイントレース「美容クリニックのバナー」

「トレース&模写で学ぶ デザインのドリル」のP.038～041、演習07 デザイントレース「美容クリニックのバナー」のトレース解説です。

CodePen

CodePenのアカウント作成方法

CodePenのアカウントの作成方法を紹介します。

Photoshop

演習Web01 オリジナルデザイントレース「デザイン会社のWebサイト」

演習Web01 オリジナルデザイントレース「デザイン会社のWebサイト」のトレース解説です。

応用編

[レイアウト練習]Flexboxレイアウト 3カラムレイアウト編

After Effects

[After Effects]mochaで標識アニメーション

Mocha AEでトラッキングデータを取り、標識をアニメーションさせてみましょう。

応用編

[レイアウト練習]Flexboxレイアウト 横並び上下中央配置編

応用編

[レイアウト練習]Flexboxレイアウト 2カラムレイアウト編

Illustrator

Illustratorでのトレースの効率を上げるショートカットキー

Illustrator

演習21 デザイントレース「フリーマガジンの表紙」

「トレース&模写で学ぶ デザインのドリル」のP.090～093、演習21 デザイントレース「フリーマガジンの表紙」のトレース解説です。

応用編

[CSSレイアウト] 随時更新!実用的なオリジナルHTML・CSSテンプレート

コピペで使えるHTML・CSSテンプレートを作っています。随時更新で追加を行います。

After Effects

[After Effects]3Dトラッカーカメラを使った合成

AfterEffectsの3Dトラッカーカメラで動画の動きに追従するアニメーションを作ってみましょう。

After Effects

[プラグイン] After Effectsのプラグイン「SAVER」のダウンロード・インストール方法

映画「スターウォーズ」に出てくるライトセーバーのような表現を簡単に追加できるプラグイン「SABER」のダウンロード&インストール方法の解説です。

応用編

[CSSレイアウト] 親ブロックの中でコンテンツ幅の子ブロックを中央揃えする

コンテンツのdivタグを中央揃えしたレイアウトの例です。