Yuan YiJun / 袁奕君

1993年生まれ、中国上海出身です。 映画・アニメ・ゲーム・ライブなどデジタルコンテン…

Yuan YiJun / 袁奕君

1993年生まれ、中国上海出身です。 映画・アニメ・ゲーム・ライブなどデジタルコンテンツを見るのが好き。 普段は食べることが大好きで、いろんな方と食事をしながら情報収集するのが好き。息をするようにSNSをするので、発信多め。

記事一覧

Adobe Illustrator & Adobe Photoshop - Mosaic Background

Adobe Illustrator ① ファイル → 配置(カラースペクトル) ② オブジェクト → モザイクオブジェクトを作成 → 新しいサイズ(幅 526px / 高さ 225px)→ タイル数(幅 …

Principle - Paged Scrolling

① Command + N → Artboard1(Width 320 / Height 568) → Fill(Hex CD5AFF) ② R(Width 320 / Height 568)→ Align Centers → Align Middles → Layer ③ Layer →…

Principle - Drivers

① Import x2 → Drivers → Air conditioning Vertical Drag → Air conditioning ⚡︎ Drag Begin → A ② B Air conditioning Shadow(Hex 093E59)→ B Lock + Kettle …

Principle - Create Component

① Import x2 ② on / off(Create Component)→ A circle ⚡︎ Tap → A ③ B Back Ground 2 Fill → B Back Ground 1 Scale 0 → B circle Back Ground 2(Align Right…

Principle - Loading Spinner Mask

① Artboard 1(Width 200 Height 200) ② Rectangle(Width 100 Height 100)→ Stroke(R 0 G 0 B 0 A 20)→ Width 10 → Fill(R 153 G 153 B 153 A 0)→ Radius 100…

Principle - Scrolling & Tabs

① Artboard 1(Width 320 Height 568) ② R(X 24 Y 35 / Radius 36)→ Alt(X 24 Y 89 / Width 273 Height 228 / Radius 10)- A ③ A - Alt x 2 → Group(Artboard 1…

Principle - Intro to Drivers

① Artboard 1(Width 320 Height 568)→ Fill(Hex - 82F4FF) ② Rectangle(Width 203 Height 203 / Align Centers + Align Middles)→ Fill(Hex - FFFFFF)→ Radiu…

Principle - Button

① Command + N(800 width x 600 Height) ② R(225 width x 99 Height 85 Radius / Fill)- A ③ Command + D (92 width x 92 Height / Fill)- B ④ A + B Align Middl…

Adobe Illustrator - 立体と空間 「Ai Action 有料」

アイソメトリックス図 Adobe Illustrator 作り方 ①長方形グリッドツール サイズ - 横 800px 高さ 800px 水平方向の分割 線数 100 垂直方向の分割 線数 100 ②拡大・縮小ツ…

100

Adobe Illustrator - モフモフな動物の作り方

①スターツール → 点の数 32 → 線 なし → 塗り グラデーション 種類 円形 ②楕円形ツール → 線 なし → 塗り グラデーション 種類 円形 → コーナー → コピー → 前面…

Adobe Illustrator & Adobe Photoshop - Mosaic Background

Adobe Illustrator
① ファイル → 配置(カラースペクトル)
② オブジェクト → モザイクオブジェクトを作成 → 新しいサイズ(幅 526px / 高さ 225px)→ タイル数(幅 20 / 高さ 9)
③ オブジェクト → グループ解除
④ Command + C

Adobe Photoshop
⑤ Command + V(ペースト形式 - ピクセル)
⑥ フィルター →

もっとみる

Principle - Paged Scrolling

① Command + N → Artboard1(Width 320 / Height 568) → Fill(Hex CD5AFF)
② R(Width 320 / Height 568)→ Align Centers → Align Middles → Layer
③ Layer → Option - Layer 2 - Fill(Hex FFFFFF)
④ Layer → Option -

もっとみる

Principle - Drivers

① Import x2 → Drivers → Air conditioning Vertical Drag → Air conditioning ⚡︎ Drag Begin → A
② B Air conditioning Shadow(Hex 093E59)→ B Lock + Kettle + Fan + Washing machine + Alarm clock + TV + Light

もっとみる

Principle - Create Component

① Import x2
② on / off(Create Component)→ A circle ⚡︎ Tap → A
③ B Back Ground 2 Fill → B Back Ground 1 Scale 0 → B circle Back Ground 2(Align Right Edges)→ B circle ⚡︎ Tap → A
③ Group 1(on / off Crea

もっとみる

Principle - Loading Spinner Mask

① Artboard 1(Width 200 Height 200)
② Rectangle(Width 100 Height 100)→ Stroke(R 0 G 0 B 0 A 20)→ Width 10 → Fill(R 153 G 153 B 153 A 0)→ Radius 100 → Align Centers → Align Middles
④ Layer → Empty State

もっとみる

Principle - Scrolling & Tabs

① Artboard 1(Width 320 Height 568)
② R(X 24 Y 35 / Radius 36)→ Alt(X 24 Y 89 / Width 273 Height 228 / Radius 10)- A
③ A - Alt x 2 → Group(Artboard 1 - Layer)→ Vertical - Scroll → Width 273 Height 533

もっとみる

Principle - Intro to Drivers

① Artboard 1(Width 320 Height 568)→ Fill(Hex - 82F4FF)
② Rectangle(Width 203 Height 203 / Align Centers + Align Middles)→ Fill(Hex - FFFFFF)→ Radius 12
④ Artboard 1 - Layer → Card
⑤ Card - Drivers → H

もっとみる

Principle - Button

① Command + N(800 width x 600 Height)
② R(225 width x 99 Height 85 Radius / Fill)- A
③ Command + D (92 width x 92 Height / Fill)- B
④ A + B Align Middles - C
⑤ B ⚡︎ Tap → D C(Align Right Edges)A(Fill)

もっとみる

Adobe Illustrator - 立体と空間 「Ai Action 有料」

アイソメトリックス図
Adobe Illustrator 作り方
①長方形グリッドツール
サイズ - 横 800px 高さ 800px
水平方向の分割 線数 100
垂直方向の分割 線数 100
②拡大・縮小ツール
拡大・縮小 → 縦横比を変更 垂直方向 86.6%
線幅と効果を拡大・縮小 ✔︎
③変形 →「シアー」
シアーの角度 30°
④変形 → 「回転」
角度 -30°

もっとみる

Adobe Illustrator - モフモフな動物の作り方

①スターツール → 点の数 32 → 線 なし → 塗り グラデーション 種類 円形
②楕円形ツール → 線 なし → 塗り グラデーション 種類 円形 → コーナー → コピー → 前面へペースト
③ブレンドオプション 間隔 ステップ数 100 方向 パスに沿う → 作成
④パスの変形 パンク・膨張 -17% → パスの変形 ラフ オブション サイズ 17% 詳細 0/inch ポイント 丸く

もっとみる