Coding WEBサイト制作演習：BXスライダー設置までの完成コード DEMOサイト【DEEP SLEEP】
MV（メインヴィジュアル）にBXスライダー設置をします
完成例をみる
BXスライダー
下記の公式サイトを参考に設置します。
こちらのページを参照！
（とてもわかりやすいページです！）
BXスライダー設...
Coding 
Illustrator イラストレーター クラウン【王冠】の作成方法
ランディングページ、バナー制作では、お馴染みの王冠パーツを作成します！
色んなパーツ探して悩んでいる時間を考えると、テンプレートとして、ストックしておくほうが作業時間効率を「爆あげ」することができます！
クラウン【王冠】の作成方法
...
Illustrator 【イラストレーター】グラフツールで棒グラフを作成する方法【Illustrator棒グラフの色と大きさの変更も紹介】
バナー制作の中で、グラフを使用するデザインがありました。グラフ画像はコーポレートサイト、採用サイトLPでよく見かけます。
「線ツール」と「長方形ツール」を使って作成できますが、
表に数値を入れるだけで作成でき、数値を見える化できます。
...
jQuery 【WEBサイト制作】BXスライダー・Swiperスライダー設定
BXスライダー
こちらのページを参照！
（とてもわかりやすいページです！）
MV部分HTML
<div class="slider">
<div class="fst">
<p&...
Illustrator 【イラストレーター】ブラシツールで月桂冠（ローレルクラウン）を作成する方法
WEBデザインでの使用頻度が高いのが、リボンと月桂冠です。
オリジナルの自分のテンプレートを作成して、いつでも用途に応じたデザインができるように準備しましょう！
今回は、イラストレーター（Illustrator）ブラシツールでの月桂...
Illustrator アピアランスと分割拡張を使って、変形画像に写真をマスクして装飾
複合された変形パスに写真をクリッピングマスクする方法
円を作成
効果 > パスの変形 > ラフ
サイズ、詳細を自分のイメージに近いように設定
ポイント→ 丸く
に設定します。
アピアランスを分割す...
Illustrator 【Illustrator】イラストレーター 文字の色をパーツで変更する方法
バナー作りのさい、文字装飾のポイントとして、
「ジャンプ率」「視認性」「文字装飾」
文字装飾ネタとしてイラストレーター/Illustratorで文字の色をパーツで変更する方法をご紹介します。
バナー作りの文字装飾のテンプレートとし...
Coding ヘッダーのスクロールのテンプレート
FVに大きめのスライダー画像や動画を設置したさいよく使用する、縦方向にスクロールすると、headerに背景色が施されるという装飾がありますので、そのテンプレートを紹介します。
ヘッダーのスクロールのテンプレート
DEMOはこちら！
&...
Coding WEBサイト制作演習：レスポンシブ完成コード サンプルDEMO用のサイト【DEEP SLEEP】
WEBサイト制作演習：レスポンシブ完成コード サンプルDEMO用のサイト【DEEP SLEEP】のスマホ表示までのコードです！
デザイン重視なので、かなり細かくメディアクエリ書いてます。
ディバイスごとに綺麗に表示でするよう作成して...
未分類 【INFO】Adbe CCのアカデミック版が3/31までの購入で72%OFF（1,738円/月）
Adbe CCのアカデミック版が3/31までの購入で72%OFF（1,738円/月）のようです。
1年後には通常になりますが、1,738円/月はハードルがかなり下がるとおもいます。
Adbeアカデミックコンプリートプラン（学生・...