Illustrator アピアランスと分割拡張を使って、変形画像に写真をマスクして装飾
複合された変形パスに写真をクリッピングマスクする方法
円を作成
効果 > パスの変形 > ラフ
サイズ、詳細を自分のイメージに近いように設定
ポイント→ 丸く
に設定します。
アピアランスを分割す...
2021-03
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アカデミックコンプリートプラン（学生・...
Coding WEBサイト制作演習：PCまでの完成コード サンプルDEMO用のサイト【DEEP SLEEP】
WEBサイト制作演習：PCまでの完成コード サンプルDEMO用のサイト【DEEP SLEEP】のコードだけ載せます！
クラス名など、変更した人は、見比べつつ分析しながら、ご自分でコードを書きましょう！
結局、基本を理解してないと、コ...
Basic 試験：画像素材と出題詳細
【習熟度確認試験3回目】Web画像の素材は下記よりダウンロードして作成ください。
問題：１、2、３好きな画像、好きなメッセージを使用してもOK!です。
問題：2、問題：４は、プロフィールに加える作品として制作しましょう。
【習熟度...
Basic 試験前解説
【習熟度確認試験3回目】Web画像の素材は下記よりダウンロードして作成ください。
問題：1、2、３好きな画像、好きなメッセージを使用してもOK!です。
問題：2、問題：４は、プロフィールに加える作品として制作しましょう。
【習熟度...
Coding フォトショップ(Photoshop)からのコーディング サンプルDEMO用のサイト【DEEP SLEEP】
フォトショップでデザインしたデザインカンプからコーディングしていきます。
自分でデザインして自分でコーディングする場合は、コーディングの変更もあり！と思ってしまいますが、デザイナーさんから送られてきたデザインカンプは、「1pxの想い」で作...
Photoshop フォトショップ(Photoshop)：デザインカンプから画像をクイック書き出しする【DEEP SLEEP】
フォトショップでデザインカンプを作成した時の画像のクイック書き出しの方法を紹介します。
架空の通販サイト「DEEP SLEEP」を例に説明します。
MV=メインビジュアルのスライダー部分
ファーストビュート部分のメインビジュアル画...