【デザインメイキング】「#朝までディレクションとか」イベントロゴ制作ダイジェスト【ライブデザイン】
Hello everyone! I’m Mont Blanc, a design VTuber. This time, I will be designing the logo for "#DirectionTillMorning". This is the fifth logo I’ve created for the Till Morning series. As usual, I’ll start by looking for the perfect font. This time, I’m creating it based on the "Corporate Logo". For parts like "and so on", I’ll look for another font. Once I’ve settled on a font, I’ll roughly shape it. I’ll trace the paths along the font shapes. I’ll only use the font as a guide, not its outline. You can also base the paths on the outline of the text, but being too constrained by the font shape can ruin its appeal. So, whether to use the font as a base or its outline depends on the situation. Placing the font underneath helps to draw the paths with shape awareness, making it less likely to break the shape. You can always break it down later! I’ll create arrows in the spaces between the lines of text. Using long rectangles as shapes for the text, I’ll also create whiskers. While decorating the parts, I’ll also examine the text arrangement and spacing. Creating the decorations for the "and so on" part. Creating the "Till Morning" part. This logo, unlike the previous Till Morning series, gives a weaker treatment to the "Till Morning" text. Previous themes were about specific elements like apps and technologies, but this time, it’s about "direction", a more comprehensive and time-management-related element, which makes the term "Till Morning" sound even more realistic and intense. I’m concerned about the arrows (laughs). This time, I wrote a hand-drawn draft after a long time, and based on that, I’ve created it so far, but when tracing the paths, the logo turned out to be very rigid… From here, I’ll start curving the text that was originally straight. I’ll make major changes from the initial hand-drawn draft. I’ll try making a part of "n" look like a sticky note. Since this time’s event name is about "direction", a broad genre, I researched in advance things that most people could commonly understand, unlike "Markup Till Morning". Adding motion to the originally straight arrows. The reason for changing the arrows from straight to curved is that "it doesn’t go that smoothly straight". The action of going around, such as groundwork and "go around if in a hurry", and its importance, I’m trying to show the directing work that doesn’t go smoothly. To balance it out, the arrows are "rising upward" (laughs). Reusing the glitter decorations from the previous series. Usually, this is where the painting elements placed under the text come in, but to differentiate it from the previous Till Morning series, I’ll proceed as is. I tried to use the envelope for the Till Morning part, but it got too distorted, so I’m adjusting it based on the original text. The overall shape is almost done, but it still feels "rigid". Initially, I planned to include this "rigidness", but I felt it might ruin the "Till Morning feeling", so I’m adjusting it by adding curves and motion. Adding curves and motion. Changing the direction of the curves in the arrows increased the dynamism. Using the "Width Tool" for the thickness of the curves. This feature has been implemented since CS5, but I haven’t had a chance to use it until now. It seems useful for adding perspective and motion to lines like in this logo. Adding shear to the text to give it more motion. One of the concerns when creating with Illustrator is "how to apply shear", but for the Till Morning series logos, I consistently use the shear in the transform panel. The reason I don’t need to keep numerical data is that I usually retain past patterns. From here, I was going to examine the colors, but I fell asleep, so the stream stopped (cry). The rest was created off-stream. Initially, the only decoration was a sticky note, but pursuing the direction theme, I added more. Unlike the previous logos, there is nothing placed behind, so I created variations. With that, it’s complete!
「#朝までディレクションとか」のロゴデザインをタイムラプス&ダイジェストで解説を交えながら紹介していきます。
◆イベント概要＆セッション参加はこちらから！
2024年6月14日（金） 21:00 – 05:00
https://cssnite.doorkeeper.jp/events/173262
民野 翔吾
スキルの差を埋め、安定した高品質を担保する社内クオリティ会議
井登 友一
関係性としてのディレクション：相互行為がつくりだす方向づけのダイナミズム
益子 貴寛
リブランディングからサイトリニューアルまでを一貫して行う方法
野澤 美子、中岡 慎介
プロジェクト進行を円滑にする！チームに一体感を与えるコミュニケーション
西 真如美
「具体的な方向性は何も決まってないけど、いいサイトを作ってほしい」と言われたときのディレクション
後藤 誠
誰も触れたがらないけど、みんながハッピーになる、ぶっこわしディレクションのポイント
金子 夕紀
散らかりがちなプロジェクトをまとめる！収束的思考を使ったディレクション術
川口 智士
日常に潜んでいるディレクションのヒント
ムラマツヒデキ
弊社で使っている10年以上継ぎ足した秘伝のヒアリングシートの話
待島 亘
ヒアリング力アップの秘訣は「想像力」にあった?! 相手の置かれた立場や状況を押さえたプレゼンのコツ
松尾 茂起
案件の「成果」と「対価」を最大化する！正しいゴールを設計するためのディレクション思考
大串 肇
これが知りたかった! WordPressサイトの制作から運用までの全体像と抑えるべきポイント
長谷川 広武（ハム）
ブロックエディタになった最新のWordPressの設計ディレクション
金子 大地
明日から使える！プロジェクトの手戻りをなくすアジェンダと議事録作成のコツ
阿部 文人
お客さまの根っこを支え、強化するneccoのヒアリングとコンセプトづくり 〜デザイン前のディレクション〜
宗安 沙希恵
デザイナーからディレクターに転身。キャリアチェンジは正解だったか？
タケ
今後に活かせ！プロジェクトに臨むときに心掛けていること
D子
ディレクター1年生が向き合う プロジェクト進行における「段取り」の重要性
名村 晋治
現場で言われるこの一言、ディレクターならどう切り返す？
池宮 愛児
プロジェクトを円滑に遂行するためのクライアントに寄り添うコミュニケーション
山本 純一
ディレクションにおけるビジネス理解の重要性
田口 真行
脱・ディレクションの常識 ～クライアントへのワイヤーフレーム提出を廃止したことで生まれたメリット／デメリット～
0:00 オープニング
0:04 ロゴデザインの概要
0:52 ロゴの形作りとフォントの扱い
2:00 デザインの調整と手書きラフの反映
4:06 ディレクションの要素とシアーの使用
7:08 最終調整と完成
▼配信アーカイブ
vol1：https://youtube.com/live/tbf6pBsmVmE
vol2：https://youtube.com/live/PYOMlZBH5-Y
ロゴのご依頼/各種デザインのご相談はTwitterのDMからご連絡くださいｂ
Tweets by MontBlanc04
#vtuber #ライブデザイン
++ チャンネル登録はこちら！ ++ ──────────
https://www.youtube.com/AFLOKOALA
++ 配信でのご注意 ++ ──────────────────
●喧嘩しないでね！
みんなで仲良くやっていきましょうｂ
●荒らしはスルー一択
これが一番効くんですよぉ^^
++ 関連情報 ++ ───────────────────────
●Twitter
最新情報はこちらをチェック！
https://twitter.com/MontBlanc04
●FANBOX
推したい方はこちらへ！
https://montvlanc.fanbox.cc/
●BOOTH
リアル/デジタルグッズを販売中！
https://montvlanc.booth.pm/
●LINEスタンプ
モンブランやその仲間たちのLINEスタンプをゲット出来るよ！
https://store.line.me/emojishop/author/1190456
●note
デザインに関することを不定期で更新しています
https://note.montblanc.design/
++ 使用BGM ++ ───────────────────────
無料効果音で遊ぼう！：https://taira-komori.jpn.org/freesound.html
OtoLogic：https://otologic.jp/
効果音ラボ：https://soundeffect-lab.info/sound/anime/
DOVA-SYNDROME：https://dova-s.jp/
PURPLE PLANET MUSIC：https://www.purple-planet.com/
kentax from LUVCO：https://luvco.net/lsc/