「虎に翼」タイトルバック制作 シシヤマザキインタビュー「ロトスコープという手法の面白さと豊かさが、画面上に結実したと感じます」
「虎に翼」タイトルバック制作 シシヤマザキインタビュー「ロトスコープという手法の面白さと豊かさが、画面上に結実したと感じます」 主題歌「さよーならまたいつか！」（米津玄師）に合わせ、アニメーションと実写で紡がれる「虎に翼」のタイトルバック。寅とも子こ（伊藤沙莉）の人生、彼女の内面や信念、ドラマのテーマなどが織り込まれ、多彩な筆致の絵が変化しながら、めくるめく映像が展開されます。放送開始以来、SNSなどで、その作り込まれた世界への賞賛が数多く書き込まれてきました。 この映像を制作したのは、アーティストのシシヤマザキさん。ロトスコープ*というアニメーションの技法を使った映像で知られるシシさんに、タイトルバック制作の裏側や、映像に込めた思いを聞きました。 *ロトスコープ……モデルの動きをカメラで撮影し、トレースしてアニメーションにする手法。マックス・フライシャーにより考案され、1919年に初めて
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
無料ダウンロードOK、おすすめのフリーフォント総まとめ
このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に33個まとめてみました。 ほぼ全て無料（※）でダウンロードできるフリーフォントなので、気になるフォントがあればぜひ使ってみてくださいね。 ※第一章でお伝えしている「おすすめの見やすいフォントTOP
紙っぽいかわいいWebサイト作りたい - Qiita
かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！ 思いついたら追加する 「版ズレ」風 版ズレ ＝ 印刷の際に、色の版がズレて出力されてしまう現象。（アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます） 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする （疑似要素でやりたかったけど乗算上手くいかなかった・・） ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ
プレゼンでも使える！バーグハンバーグバーグ社員が好きなフォントを集めてみた | オモコロブロス！
Kosugi Maru（モトヤマルベリ） Google Fontsに登録されているフォントです。Googleスライドでクライアント向けの資料を作る際によく使っています。文字の美しさと読みやすさが気に入っています。 読み手に柔らかく優しい印象を与えるので、「リラックスして資料を読んでほしい」という気持ちを込めて使っています。 ヤスミノが好きなフォント ＞＞セザンヌ ProN＜＜ カッチリしすぎてもないし、崩しすぎでもないところが気に入っています。 馬鹿みたいな感想ですが「なんかちゃんとしてる感」が出る気がしてます。 まきのが好きなフォント ／ アニメ「鬼滅の刃」のフォント✨ Adobe Fontsに追加🔥 ＼ 皆さん、全集中「書体」の呼吸で聞いてください👂 アニメ「鬼滅の刃」で使用されている⼈気の⽑筆フォントメーカー「昭和書体」から、「黒⿓爽」「⼼⿓爽」のフォントも利用可能となりました
無料で商用OK！筆記体フリーフォント12年分をまとめた秘密リスト
「筆記体でかわいい、おしゃれなデザインにしたい」と思っても、いざ文字を入力してみると、「なんか思ってたのと違う」と感じたことはないでしょうか。 お気に入りのフォントをやっと見つけたら、個人利用のみだった、なんて経験も。 10年以上に渡り、コツコツと集めてきたフォントのなかから、商用利用ができる無料の筆記体フリーフォントのみを厳選してご紹介。 デザインに苦手意識があるひとも、文字を入力するだけでおしゃれに仕上げるオススメ＆定番の筆記体フリーフォントで、デザイン作業を快適にしてみませんか。 一覧リストには、現在84個の筆記体フリーフォントが揃い、今後もアップデート予定です。 好きに選べる、好きなだけ使えるAdobe Fonts 「海外サイトからのフォントのダウンロードは不安。」 「できるだけ低予算で、高品質なフォントを、安心して使いたい。」 そんなときは、20,000以上のプロフォント、500
草野剛に聞く「アニメのグラフィックデザイン」について - TOKION
投稿日 2021-03-10 更新日 2022-11-14 Author 照沼健太 MANGA / ANIME 冒険する 『鋼の錬金術師』や『交響詩篇エウレカセブン』などアニメにまつわるデザインを多く手掛けるグラフィックデザイナーの草野剛が語るアニメグラフィックデザインへのこだわり。 グラフィックデザイナーの草野剛 「端的に言えばアドビとアップルのおかげ」。 自身がグラフィックデザイナーという仕事をしていることについてそう話すのは、数々の人気アニメ作品のアートディレクションを務める草野剛。幼少期から、ゲームのパッケージデザインや企業のロゴに興味を持っていたという草野は、グラフィックデザインのプロセスはビデオゲームに類する感覚があると言う。 「グラフィックツールの操作感はビデオゲーム（UI&UX）の延長線上であり、考えをまとめて形にしていく感覚や過程に関しては、言ってみれば『マインクラフト』
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
雑誌『MdN』休刊のお知らせ｜株式会社エムディエヌコーポレーション
1989年の創刊以来、皆様に並々ならぬご支援を頂戴してまいりました『MdN』でございますが、4月号（3月6日売り）を持ちまして休刊させていただくことになりました。 デザイン専門総合雑誌として、創刊以来一貫してクリエイティブ業界の方々が必要とする最新情報をお届けしてまいりましたが、月刊での刊行ペース、そして2019年2月号（1月5日売り）からの隔月刊行ペースで、読者のニーズに適した情報を深度やスピード感のバランスを見ながらお届けすることが難しいと判断致しました。そこで紙媒体としてのMdNはその役割を終え、新たにWebメディアとして展開していくこととなりました。 発行から29年もの期間、多大なるご支援とご声援をいただきましたことを、この場を借りまして厚く御礼申し上げます。誠にありがとうございました。 今後はWebメディアとして、いままでに変わらぬご愛顧とご支援をいただきますよう、何卒よろしくお
「d design travel 」はガイドブックじゃなくて地元の人こそ読みたい最高のインプレッション誌！ - No think!
2017 - 02 - 16 「d design travel 」はガイドブックじゃなくて地元の人こそ読みたい最高のインプレッション誌！ 岐阜県 広告 日本には47の都道府県が存在する。 その都道府県すべてに良い所があり、それぞれが抱える問題があると思う。 ただ、日本国民が47都道府県に満遍なく住んでいるわけじゃないので、人口の偏りが発生する。 そして、どうしても太平洋側の大都市が人口密集地になってくる。 そうなってくると、注目される県や地味な県が出てきてしまうのが世の常だろう。 東京・大阪に次ぐ、第三の都市・名古屋に隣接しながらイマイチうだつの上がらない岐阜県を特集している 酔狂な 雑誌を見つけた。 --目次-- 岐阜県 d design travel 岐阜 岐阜のインプレッション誌 d desigh travelで地元の再発見を 他にも、とにかく岐阜を語りたい記事、あります 岐阜県
ロゴデザインの作り方と重要性をデザイナーが解説 | OMGmag
「自分だけのオリジナルロゴデザインが欲しい」そんな事を考えたことはありませんか？ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。 この記事ではロゴデザインの重要性や作るときの考え方を実際にロゴデザインをひとつ作成しながらを紹介してみたいと思います。 デザインする際の参考になれば幸いです。 ロゴマークの重要性 ロゴマークとは会社やお店で言うところの看板になります。 ナイキやスターバックスコーヒーののロゴデザインは？と聞かれたら多くの方はすぐにそのデザインを思い浮かべることができますよね。いわばイメージのすり込みです。まず看板となるロゴマークを消費者に印象付けることができれば次に商品やサービス内容を自然とイメージしてもらえます。 以上のことからロゴマークは認知度を上げ
女児向けアイドルアニメと男性向けアイドルアニメから見える美少女のデザイン - アニメごろごろ
アイドルマスター シンデレラガールズ 5 【完全生産限定版】 [Blu-ray] 出版社/メーカー: アニプレックス発売日: 2015/09/25メディア: Blu-rayこの商品を含むブログ (8件) を見る 漫画やアニメでは複雑な事情から美少女も普通の少女も判子絵的に似た様な描き方をされる事態が頻繁に起きています。正直に言えば顔に関してはどのキャラも殆んど同じに見えてしまうのですが、不思議と私達は美少女か否かを判別する事が出来ますよね。 不確実とはいえそれを可能にするのは、数百を超える数の美少女を見続けてきた経験。沢山の美少女に共通する要素を感覚的に理解しているから美少女を見分けられる。 ではその判別は具体的にどの様な基準で行われているのか。それを知る為にまずは美少女が多数登場するアイドルアニメやアイドルゲームから、美少女らしいキャラのデザインを考えていきたいと思います。ちなみにこの記
ゴールデンボンバーがWikipediaをパクったことのすごさを詳しく解説しよう - デスモスチルスの白昼夢
ゴールデンボンバーの公式サイトが完全にWikipediaのパクリとして話題になっている。 本人たちは笑わせようとしてるだけかもしれないが、私は大いに感心してしまった。 Webでアーティストのことを調べる時、私は公式サイトではなく、Wikipediaを見ることの方が圧倒的に多い。Wikipediaの方が見やすいし、満足いく量の情報が得られるからだ。 多くの公式サイトは、文字は小さく、情報量は極めて少ない。プロフィールもメディア向けの無機質なものだ。時には最新アルバムの世界観に合わせて派手な演出が施されていることもあるが、単に使いにくくなってるだけで、満足いく情報が得られることはない。 アーティストのことが知りたくなったのに、彼らの音楽的なルーツも、初めて買ったCDも、他のミュージシャンとの繋がりも、人と成りも、生まれ育った環境も、好きな食べ物も、好きなファッションも、公式サイトは教えてくれな
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
デザイナーが実践してきた『誰にでもできる』センスの磨き方 | OMGmag
デザインを仕事にしていない人たちにとっても、クリエイティブな思考が求められる機会が増えてきました。 いわず物がな、クリエイティブ思考の原点は「センス」です。ぼくはデザイン業界に身を置いて約10年になります。学生時代から含めると、さらに長い時間クリエイティブ分野に触れている事になります。 「私にはセンスが無いから…」デザインの現場で働いていると、お客様からたまにこんな言葉を聞きます。センスというとクリエイターに与えられた特別な力と認識されている方が多いですが、何も特殊な能力ではありません。 センスとは何か？ まずは「センス」の言葉の意味を理解するところからはじめます。 senseの意味を調べると １ 物事の感じや味わいを微妙な点まで悟る働き。感覚。また、それが具体的に表現されたもの。「文学的な―がある」「―のよくない服装」「バッティング―」 ２ 判断力。思慮。良識。「社会人としての―を問われ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ＣＯＭＩＣ ＬＯ 2017年2月号