ハートの中に文字を入れて立体感をつけるIllustratorのチュートリアル

Illustratorでエンベロープとブレンドツールを使い、ハートの立体的な文字を作成します。
丸みを帯びたハートを作り、エンベロープでハートの中に文字を入れ、ブレンドで立体的にしていきます。
エンベロープは選択したオブジェクトを変形、または別のオブジェクトの形状に当て込む機能でアイディア次第でさまざまな使い方が可能なのでぜひご覧ください。
▷FONT
今回使用しているフォントはAdobe Fontsのフォントです。
Hobeaux | Adobe Fonts
fonts.adobe.co...
▷TUTORIAL
作成方法をより詳しく書いているので合わせてご覧ください。
connecre.com/h...
┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈
ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのディレクター兼リードデザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。
個人サイトやTwitter、KZbinにてPhotoshopとIllustratorの作例を発信中！
▷CONNECRE
connecre.com/
▷Twitter
/ connecre_
個人としての仕事は、
▷動画制作
【アーティストに学ぶ】#33 Adobe Illustrator iPad版 xコネクリ - アドビ公式」
• 【アーティストに学ぶ】#33 Adobe I...
▷オンラインセミナー
朝までイラレ
dtptransit.doo...
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
dtptransit.doo...
▷著書
デザインのネタ帳 プロ並みに使える写真加工 Photoshop（MdN／共著）
books.mdn.co.j...
など。
┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈
#Illustrator #Heart #typography #Envelope #Distort #Blend #BlendTool #Tutorial

[@user-kc3mo4nb3q]

課題作り用にお借りしました🌟お恥ずかしながらイラレが本当に得意じゃなくて理屈は半分ほどしか理解できなかったのですが、説明がお上手だったのであっさり作れました！！

[@connecre]

ありがとうございます！ 僕もまずは手を動かして後から理解を深めることが多いので、行動に移すのが重要かと思います！ お役に立てて良かったです🙌

[@naomiuno]

可愛いのができて気分上がりました！慣れていない私でもわかりやすく作ることができました！でも、言われたとおりにやっているから描けましたが、なぜ分割・拡張や複合パスを作成するのか解説していただけると　今度は一人で描けるようになると思います。このままでは一人で描ける気がしない…ただ、私の勉強不足なだけですが…すみませ💦

[@connecre]

コメントいただきありがとうございます！ 分かりづらい部分があり申し訳ございません。 ◯［分割・拡張］と［複合パス］ どちらも次の工程でブレンドを適用するためです。 エンベロープでテキストを変更している状態からパスをアウトライン化するため適用してます。 ただしそのままだとパスが分離している状態でブレンドがきれいに適用できないため、複合パスで一つにまとめております。 複合パスの適用前と適用後で［レイヤー］パネルのレイヤーの変化を見ていただくとわかりやすいのでご覧になってください。

[@user-vc6pb6ws2h]

理解力無さすぎて1時間半かかりましたが出来ました！！ 本当に分かりやすい説明ありがとうございます😊

[@connecre]

めちゃめちゃ嬉しいコメントをありがとうございます！ 動画を作成してよかったです！

[@user-ts8kl6be8q]

めっちゃくちゃわかりやすいです！うまくできました！ありがとうございます！！！

[@connecre]

良かったです〜！ 実際作成いただき嬉しいです！

[@Riffle_M_Craft]

時間がかかりましたが初心者でもできました ありがとうございました

[@connecre]

めちゃめちゃ嬉しいコメントありがとうございます！ 良かったです！

[@mullt4067]

わかりやすく本当にありがとうございます！

[@connecre]

ありがとうございます！ このようなコメントをいただけて嬉しいです！

[@user-gq9pp7bn4k]

メモ 0:36 ハートのオブジェクト作成 2:10 ハート分割（ペンツール） 3:14 分割したハートに合わせて文字を変形 4:22 文字の色変更 4:42 レーヤー複製→文字を立体的に

[@user-wr9lv6hn6d]

凄すぎる

[@connecre]

ありがとうございます〜！うれしいです！

[@swagsuga2081]

Can you please add english subtitles 🥺 thankyou

[@mui_61]

素人で質問の仕方が合っているかわかりませんが、ハートのグループ化を解除して複合パスにする理由をお教え願いたいです🥺🤲🏻

[@connecre]

ありがとうございます！ 次の工程でブレンドを適用するためです。 複合パスで複数あったレイヤーを一つのレイヤーにまとめることでブレンドをきれいに適用できます👌

[@user-ez1ze3tk7r]

きれいに立体感のある文字作れて感動しました！ 1点だけ質問させてください。 三日月の形で試したら、ブレンドした際に動画のような分厚い感じにならず、大小の文字の間に1枚入っただけの出力となってしまいまいました。 立体感出しやすい形状や法則があるのでしょうか？それとも手順間違えてますでしょうか。。。

[@user-ez1ze3tk7r]

ブレンドオプションでステップ数増やしたら解決しました。失礼しました...！

[@connecre]

@@user-ez1ze3tk7r 返信が遅くなり申し訳ございません。 ブレンドオプションの設定で問題が解決したようでよかったです。 他にもブレンドを使う際に見落とされがちなポイントをまとめているのでお時間があるときにご覧ください。 connecre.com/basic-blend-tool/

[@yuki-ox2sm]

最初から丁寧に説明してくれてるのに、いきなりグループ解除しますって言われて？？イラストレーターに慣れてない人は迷子になりやすかったです。

[@connecre]

コメントいただきありがとうございます！ 確かにおっしゃる通りですね。 次回から分かりやすくなるよう気をつけます🙇

[@mezir8378]

コメント失礼します。 一部の文字だけ変更するにはどうしたらよいですか？

[@connecre]

コメントいただきありがとうございます！ エンベロープ適用前に変更しておくのがもっとも簡単です。

[@user-bc1dz7hh8e]

ハートを分割するところがうまくいきません。これは上級者用でしょうか？

[@connecre]

コメントありがとうございます！ ハートを作成 →線を引く →ハートと線を選択してパスファインダーの［分割］ →グループ解除 という工程のうちどこで引っかかってますか？

[@user-bc1dz7hh8e]

@@connecre ハートを作成から線を引く で引っかかっています。 うまく 線が引けないので グループ解除も難しいです。（グループ解除のメニューが出てきません。）できれば、手数が少ない超初心者向けの分割、（めっちゃ楽勝の分割）を教えていただきたいです。

[@r5942]

ブレンドを押しても立体感やグラデーションが出来なく、縮小してない方の色で塗りつぶされてしまい縮小した方の色がほとんど見えない状態になってしまうのですが、対処法ありますか？自分で調べて見たのですが原因が分からなかったです…😢

[@connecre]

ご視聴ありがとうございます！ 4:08 ごろからの分割・拡張→複合パス→背面へペーストという手順を行っているかご確認いただけますでしょうか？

[@user-dk9ye8ct1u]

iPadで同様に作ることって可能でしょうか？もし分かればお願いいたします。🙇‍♂️🙇

[@connecre]

コメントありがとうございます！ iPad版Illustratorは今のところワープ系の機能がないんですよね…😂 なのでデスクトップ版で行っていただけると幸いです。

[@furu4599]

こんにちは！ ハートの1番上部と英語をエンベロープ出来ませんでした、 明らかに説明不足かと、 選択ツールの設定など関係あるのでしょうか？ 出来なくて悲しいですが、勉強して出直します！

[@connecre]

こんにちは！ 状態がわからないので推測になるのですが以下ご確認くださいませ。 設定は初期のままで問題ないと思います。 ・同じ文字、同じフォントでしょうか？ 　→文字：［LOVE］［BEGETS］［LOVE］をそれぞれ別のテキストとして配置 　→フォント：Hobeaux Black fonts.adobe.com/fonts/hobeaux 上記で改善されない場合は以下の簡易的な流れを確認してみてください。 1．［LOVE］とテキストを打つ 2．［楕円形ツール］で円を作成 3．［選択ツール］でテキストと円を選択 3．メニューバーから［オブジェクト／エンベロープ／最前面のオブジェクトで作成］

[@shinyaabe7027]

複合パスは、何の為にしているか理解ができていません　教えてください

[@connecre]

コメントいただきありがとうございます！ 次の工程でブレンドを適用するためです。 レイヤーが別れているとブレンドがきれいに適用できないため、複合パスで1レイヤーにまとめております。

[@shinyaabe7027]

@@connecre お返事ありがとうございました　初心者の質問でお恥ずかしいですが、センスの良い作品で練習できて毎回楽しみにしていますので、これからも新しい動画お願いします

[@user-gs1pm6rx4v]

ダメだ8時間くらいやってもできないレイヤーのとこで3時間くらいやってるけど無理諦めた

[@FissS1]

Thats not photoshop It is only do able in Adobe Ilustrator

[@user-dm7ss1jl1x]

イコラブかと思った