個人でも商用でも完全に無料で利用できる、さまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ホワイトペーパー、ブラックペーパー、クラフトペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、全部ダウンロードすると時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。1年くらい前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティフリーとなっています。詳しくはダウン

色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー

棒グラフについて「書くときの注意点」「棒グラフの種類」「どういったデータが棒グラフに向いているか」「実際の棒グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ さくっと書きたい人は「棒グラフの種類」から読むことをおすすめします。いろいろな棒グラフのデザインがあるので、気に入ったグラフをまねして使ってね。 しっかり考えて書きたい人は、「棒グラフを書くときの注意点」を読めば、伝わる棒グラフの作り方がわかるとおもいます💡 棒グラフを書くときの注意点・棒グラフは使いやすい無難なグラフ シンプルで正確なグラフだけを考えるなら、棒グラフは簡単なグラフです🥇 エクセルの初期設定でもフォントを変えれば無難な棒グラフは簡単に作成できます。 円グラフは真面目に作ってもわかりにくいグラフはできるが、棒グラフは意図的に見る人を欺こうとしない限りわかりにくいグラフにはなりにくいです。 ただし、完成し

PS5とXbox Xに強敵?! まさかビールのBud Lightがゲーム機だしてきた…！2020.11.19 16:0022,448 そうこ 飲み過ぎた脳が見せるマボロシ…？ 今、ゲーム機といえばPlayStation 5とXbox X｜S。世界のゲーマーが（運良く手に入った人は）熱狂しています。数年ぶりのゲーム機最新機種お祭り騒ぎに乗じて、BudLightまでゲーム機だしてきました。そう、ビールのBudLight（バドライト）です。 BudLightが手がけるゲーム機｢BL6｣。見た目はどう見たってビールの6缶パックですが、ゲーム機です。どこでも楽しく飲みつつゲームできるようにという配慮から、プロジェクタ内蔵になっているので持ち運びが可能。コントローラ2つ付き。6缶デザインのうち2つは、冷やしたビールを置いておくためのもので、保冷効果あり。プリインストールされているゲーム、6タイトル（鉄

「ビジネスの仕組みがわかる 図解のつくりかた」という本を全文公開します！この本は、2020年4月に出版されたスマホサイズのコンパクトな新書です。『ビジネスモデル2.0図鑑』を出版後、多くの反響をいただき、さまざまな企業でビジネスモデル図解について講演・ワークショップを開催してきたノウハウを凝縮した一冊になっています。 ※当記事の情報を転載、複製、改変等は禁止いたします それではここから全文公開をご覧ください。 第１章：ビジネスモデル図解、基本の「き」はじめに 僕たちが『ビジネスモデル2.0図鑑』を出版したのは２０１８年９月のことです。「Amazon Go」や「Spotify」など、１００の事例のビジネスモデルを同じフォーマットで図解した本は、７万部を超えるベストセラーになりました。その後さまざまな反響を得て、企業から多数の講演・ワークショップの依頼をいただきました。「ビジネスモデルを自分で

3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ

その後2006年ぐらいから、動画共有サイトVimeoで、ミニチュア風のストップモーションが大流行りする。あわせてフォトショップのテクニックとして、「写真の上下にグラデーションのブラーをかける」というノウハウが出回り、プチミニチュア写真ブームがおきる。これはSmallganticsと呼ばれる映像技法のメジャー化だ。Smallgantics自体、オリボ・バービエリ御大の作風の再現から始まっている。ほとんどのミニチュア写真は、こっちのエフェクト派だ。 で、このSmallgannticsの映像ノウハウが、今度はスマホアプリという形で、写真に逆輸入される。 2009年あたりで海外でTILT SHIFTというiOSアプリと、ちょい遅れででた拙作のTiltShift Generatorというアプリが世界中で人気となり、スマホでとりあえずミニチュアっぽくボカすのが大流行の時代がきた。 すごい量のアプリがダ

本サイトの記事は、「動画」に「デザイナーの現場感」を加えて、書籍以上のものを目指して書かれたものです。原則、初心者向けに書かれていますが、最新の機能も必ずいれるようにしていますので、中級者以上にも満足していただけると思います。 Illustrator（イラストレーター）は機能を覚えるというよりも、まずは作りたいものを作ってみるという覚え方が一番効率が良いです。 illustratorでできること ロゴ、アイコン、イラスト、文字組みなどを利用して雑誌の紙面やフライヤー、ポスターなどの平面のデザインをつくることを得意としたソフトです。 一方、よく比較されるPhotoshop（フォトショップ）は写真の加工や合成、色調整など、画像を扱ったデザインを得意とするソフトです。 illustratorとPhotoshopの違いはこちらから

2022年4月27日 Illustrator ベクター形式で描かれたイラストは、拡大・縮小しても画像が劣化せず、編集もらくちん。なので多くのイラストはベクター形式を採用しています。Illustratorではベクター形式のイラストを手描き風タッチにすることも可能ですよ。久しぶりにIllustratorでがっつりイラストを描く機会があったので、手描き風イラストの作成方法を紹介します！ ↑私が10年以上利用している会計ソフト！ ベジエ曲線が苦手？フリーハンドでOK！ Illustratorに苦手意識を持っている方もいるでしょう。その多くの方が「Illustratorはペンツールでベジエ曲線を使いこなさなきゃいけない」と思っているからではないでしょうか？ ベジエ曲線では、紙にペンで描くようにマウスの軌跡にそって線を引くのではなく、点と点をつないで線を描いていきます。次の点を描画する時にドラッグする

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

メニューやロゴ作成におすすめな、手書きチョーク風ベクター素材です。 魅力的な6つのパックに分かれています（バッジ、リボン、カフェのロゴ、ラブリーなラベルロゴ、ロゴデザインの参考、インフォグラフィック素材） ぜひ持っておきたいベクターイラスト素材集です。 Free download- Chalk vector elements – Webdesigner Depot ファイル形式：AI ライセンス：商用可 www.webdesignerdepot.com

米Adobeアドビ Systemsシステムズが主催の世界最大のクリエイティビティ・カンファレンス「Adobe MAX 2017」（ネバダ州ラスベガス）。二日目の10月19日は「スニークス」と題してAdobeの研究中の技術が発表されました。スニークスはAdobe MAXで最大の盛り上がりをみせる恒例の人気イベントです。 ここで発表されたものは現時点では製品に搭載されていないものの将来的に製品に組み込まれるかもしれない技術。過去の例を挙げると、Photoshopのディフォグ（霧を増減させる）機能やマッチフォント機能、最新のPremiere Proに搭載されたイマーシブ空間内での編集機能もかつてスニークスで発表された技術です。本記事では発表された11のテクノロジーを、現地のイベントに参加したスタッフ（池田）がレポートします。 今年は人工知能Adobe Senseiをフル活用した次世代技術のオンパ

YouTubeのOfficialブログによれば、2017年6月の時点で月間アクティブユーザー(MAU)数が1.5億人を超え、その平均視聴時間は1日に1時間を超えていると言います。 360度VR動画にも対応して、ますます楽しむ範囲が広まったYouTubeですが、実際YouTubeは娯楽に限らず、さまざまな用途で使うことができます。 そのさまざまな用途のうちの一つが、YouTubeを使った学習です。 今回は、YouTubeの学習動画の中から、初心者がチェックしておきたいIllustrator関連のYouTube動画をまとめていきます。 初心者がチェックしておきたいIllustrator関連のYouTube動画 1. 15分でわかる! イラストレータの使い方 スクリーンショット：2017年9月 こちらの動画では、Illustratorの基本操作の概略に関してのレクチャーを受けることができます。

サルワカでは「見出し」や「ボタン」などWebサイトのパーツごとに様々なデザインサンプルを作成しています。どれもHTMLとCSSのコピペだけで使えるものです（いわゆる「スニペット」というものですね）。 サンプルの数がかなり増えてきたので、このページでまとめておこうと思います。ブログのデザインカスタマイズの際に是非ご活用ください。 1. ボタンのCSSサンプル コピペで使えるボタンデザイン集です。シンプル、フラット、立体的、円形のものなど、かなりのバリエーション数を用意しました。気に入ったCSSを追加しておけば、記事内にHTMLテンプレを書くだけで好きなデザインのボタンが表示できるようになります。

DribbbleとBehance、どちらも機能面は似ています。作品公開に意欲的なクリエイターは両サービスに作品を投稿していることが多いようです。 無料のデザイン素材が公開されることも DribbbleとBehanceにはかなりレベルの高い作品が投稿されているのですが、中には無料で使用できる素材を公開している方もいます。今回はそれらの無料素材のうち、とくに高品質なものを厳選して紹介します。 アイコン 高品質な立体アイコンセット 1つ1つが綿密に作り込まれたハイクオリティーな素材です。ダウンロードは無料ですが、Dribbbleではなく他ページ上から行う必要があります。下のリンク先のページの「Download the package」をクリックするとダウンロードが始まります。形式はPNGとPSD。

WEBサイト・ブログのロゴ・名刺などのグラフィックデザインのサービスを個人向けに行なっています。 個人で活動する上でツールやロゴが欲しいけど、デザイナーに頼むのは初めて・イメージがあまり浮かばない・・・なんて方にぴったり！ どう頼んでいいかわからない・・・なんて方も必要なことは全部こちらからお伺いします デザインに悩むフリーランス・個人ブログ・サイト運営者などにおすすめ！ これまでどこに頼んでいいか分からなかったロゴ・名刺・バナーなどのグラフィックデザインの悩みを解決します！ 全然イメージが出てこないし浮かばないけど頼みたいなんて方もお任せください。きちんと専用のコースもご用意させて頂いております

ブログの存在忘れてなかった。 えらいぞ私（誰も褒めてくれないので自分で褒めるスタンス） ではなんとなくいじっていく。ここからは、なんかもう正直 誰の参考にもならないぐらい段々と変態じみた作業になっていく予感が ビシバシしているので「こんなことやってるんだなぁ」くらいに・・・ あの・・・ほんとごめん本人はやっててめっちゃ楽しいんだ・・・ごめんね・・・ 印をつけたとこが「このへんなんとかすればそれっぽくなるんじゃね」的なとこです。 パーツの先端とか、角とか切り換えす部分とか文字の 特徴的な部分を変化させれば「っぽさ」が出ます。 3・文字から図形へ テキストツールで編集が出来る状態だと図形をアレコレいじれないので Ctrl（⌘）+shift+Oでアウトライン化します。 あとは基本「削る」か「足す」かの二択の処理を気が済むまでやるだけです。 4-1・角のとこトロッとさせる＜追記有り＞ 優しい雰囲気

『How to Design　いちばん面白いデザインの教科書　改訂版』 巻末記事「パス入門」のPDF版を無料ダウンロード！！ Illustratorで何かを描画するときにも、Photoshopで画像補正をするときにも、必ず必要になってくるのが「パス」です。デザインを“どのように考えて、どのように手を動かすのか”。その橋渡しを大きな目的とする本書としては、読者には必ずマスターしてもらいたいスキルのひとつ。改訂版の発売を記念して無料公開です！！

デザイナーがより幅広いアイデアを表現したいとき、もっとよく利用されるツールのひとつがブラシ素材です。今回ご紹介する、新作Photoshoブラシ素材を利用することで、今どきのデザインテクニックやグラフィック・トレンドを、手軽に実現することができます。 デザインに重ねるだけでレトロ風に仕上げたり、手描きスケッチや水彩ペイントなど、イラストレーションをレベルアップさせる素材を中心にそろえています。また後半では、比較的安価で高品質な、プレミアム版PSブラシ素材も一緒にまとめています。プロジェクト予算に応じて検討してみると良いでしょう。 詳細は以下から。 手描きイラストや水彩ペイントに強い、すごい無料Photoshopブラシ素材まとめ Mar-ka Brushes 初心者には難易度の高いブラシ設定をカスタムすることで、36種類のさまざまな質感を表現できます。 Magic Brush Photosho

こんにちは。デザイナーのはるえです。 今回はGIFアニメーションについてお話させていただきます！ GIFアニメーションは、複数のGIF画像をつなげてパラパラマンガのようにWEB上で動きをつける表現手法のことです。 昔からある手法なので古くさいイメージを持たれている方もいるかもしれませんが、手軽でブラウザを問わず閲覧することができ、その表現力の幅広さからGIFアニメーションは長年愛され続けています。 特にFLASHの人気が低迷してからは完全復活しましたね。 そんなGIFアニメーションを効果的に使用したWEBサイトをご紹介させていただきます。 GIFアニメーションを効果的に使用したWEBサイト 卤猫 http://www.oamul.com/ 海外のイラストレーター＆アニメーターOamul Luさんのポートフォリオサイトです。 とにかくイラストの雰囲気がとても柔らかくて癒されます。 ポートフォ