特に欧文フォントにおいては、合字（リガチャ）やスワッシュを使うことで、フォントのデザインを劇的に変えることができます。 今回は、合字（リガチャ）とスワッシュの使い方をフォトショップで試してみましょう。 合字（リガチャ）とはなに？ 合字（ごうじ）は、リガチャ（英: Ligature）とも呼ばれ、複数の文字を一文字に合体、合成させて表記することを指します。 以下のサンプル例では、「C」と「A」、また「L」と「I」が一文字で表されており、デザイン性もグッとアップ。 スワッシュ（英: Swashes）とは、筆記体などのスクリプト系フォントで見かける、文字の左右にニョロニョロと伸びる字形を指します。 以下のサンプル例では、単語の始まりと終わりの文字にスワッシュが追加されています。 合字（リガチャ）とスワッシュの使い方 では合字（リガチャ）とスワッシュの使い方について、Photoshopで見ていきまし
日本でも展覧会が開催されるなど、人気の高いチェコの画家、アルフォンス・ミュシャ（Alphonse Maria Mucha 1860-1939）。 19世紀後半から20世紀はじめに活躍し、ベル・エポックと呼ばれる、パリがもっとも華やかで繁栄していた時代、アール・ヌーヴォーを代表する芸術家です。 この記事では、ミュシャの代表作「四季」や「黄道十二宮」、「夢想」などを含む、120枚以上の作品を無料ダウンロードできるFlikcrサイトを紹介します。 CC0ライセンスで商用利用もでき、クレジット表記も不要。 さらにプリント印刷もできる高詳細なパブリックドメインイラストとなっています。 アルフォンス・マリア・ミュシャ（1860-1939）は、チェコのグラフィック・アーティスト、画家、イラストレーター。 しなやかな女性と美しいデザインでみせる劇場ポスターでよく知られています。 今からおよそ120年前、フ
この記事では、商用利用できる筆ブラシの手書きフリーフォント素材をまとめています。 直近5年間のあいだに公開されたブラシ無料フォントに絞り、商用利用できる素材のみをピックアップし、トレンドに合ったオシャレなフリーフォントが揃います。 クライアント向けデザインから販売向けデザインなど、幅広く利用できる万能アイテムです。 過去10年分の筆記体フリーフォントまとめや、和風な日本語フォントの毛筆フリーフォント、ナチュラルな雰囲気の手描きフリーフォントなども合わせやすく、おすすめです。 商用可！手書きブラシ無料フォント素材まとめ Eustache Brush Handwritten Font 走り書きしたような美しい手書き筆記体フリーフォントで、数字や記号の他にリガチャ合字にも対応しています。 Qillsey Einstein 筆ブラシで走り書きしたような手書きフォントで、代替フォントも揃ったデザイン
ドロップシャドウ（英: Dropshadow）は、今どきのウェブサイトやユーザーインターフェースにおいて重要なデザイン要素です。 整理された長方形にドロップシャドウを適用することで、奥行き感と階層づくりに役立ちます。 使い方によっては、ユーザーに楽しさや高揚感を演出できる効果的なデザインテクニックと言えます。 ここでは、SketchやFigma、Adobe XDといったデザインツールをつかって、より美しいドロップシャドウを作成する小技テクニック、ヒントをご紹介します。 より美しいドロップシャドウを作成するデザインの小技テクニック、ヒントまとめ 小技1 – ソフトにしよう デザインツールのデフォルト設定のドロップシャドウを利用するのは控えましょう。その代わりに、ドロップシャドウの不透明度を5〜25%ほどに調整し、ぼかしをきつく設定してみましょう。 小技２ – 複数のドロップシャドウを利用しよ
無料で使いやすい！極上の最新フリーアイコン素材40選
この記事では、無料ダウンロードができて高品質なフリーアイコン素材を厳選してご紹介します。デザインコレクションに加えておくと、ウェブサイトやアプリの制作はもちろん、プレゼン資料やスライド作成、ブログ運営など何かと重宝するものばかりです。 無料で使いやすい！極上の最新フリーアイコン素材まとめ Motion Icons SVGアイコンにアニメーションを加えたデジアン素材で、無料版では12種類のモーションアイコンが実際のHTMLサンプルと一緒に同梱されています。 8000+ Essential Icon Pack 一度アプリをインストールしてしまえば、8000を超える商用ライセンス付きのアイコン素材から探すことができ、PhotoshopやIllustrator、Sketchといったデザインアプリに、ドラッグ＆ドロップでアイコンを追加できます。WindowsとMacどちらにも対応。 Pure Sug
Adobe Fontsは、定期的にアップデートにより600を超える日本語フォントを含む、20,000以上の高品質フォントが揃います。 ダウンロードしたフォントを印刷やWebサイト、映像などさまざまな制作物に使用でき、すべてのAdobe CCユーザーは追加料金なしで利用できます。 この記事では、Adobe Fontsでおすすめの日本語フォントをジャンル別にまとめてご紹介。 あらゆるデザインに対応できる定番フォントから、人気の高いかわいい系やポップ、レトロ、おしゃれなどジャンルに分け、「本当に使える」日本語フォントを厳選しています。 個人的にもフォントを迷ってしまうので、随時アップデート予定。 コンテンツ目次 🔰 定番系フォント FOT-筑紫Aオールド明朝 Pr6N 游明朝体 Pr6N A-OTF UD新ゴ Pr6N ゴシックMB101 FOT-筑紫B丸ゴシック Std DNP 秀英丸ゴシッ
この記事では、ホームページの作成やウェブサイト制作のアイデアを増やす、コピペで使える最新HTML／CSSスニペットをまとめてご紹介します。 Codepenで話題となっているものを中心に、今後のデザイン制作に活用したいアイデアがずらり揃った今回。新しいウェブデザインの可能性を感じるものばかりです。 ブラウザ上でHTML,CSS,JavaScriptのコードを編集しながら、リアルタイムで表示を確認できるのもポイント。 画面右下にある「Return」キーをクリックすることで再読み込みでプレビューできます。 コピペで簡単！Webサイトを素敵にする最新HTMLスニペット23選 Liquid Transition Effect マウスカーソルを合わせるとぐにゃりと歪み、クリックでグリッチ効果も演出したスライダー。Kinetic Sliderプラグインを利用しています。 See the Pen Liqu
「Webデザインのアイデアが見つからない」 「デザインの制作に自信が持てない」 「Webデザインの最新トレンドを知りたい」 Webサイト制作に関わるひとなら、誰もが一度は遭遇したことがある悩みかもしれません。 当サイトでは2009年から15年ちかく、その当時の最新ウェブデザインを定期的にまとめてきました。 これまで紹介したサイト数で言えば、2000サイト以上。 ちょっとした言葉や見せ方、色の違いで、サイトのアクセス数が何倍にも変わるなんてことも。 この記事では、目まぐるしく変化するWebデザインを追いかける、世界で話題の最新Webデザインをまとめてご紹介します。 Webアイデアの救世主、真似したくなる最新デザイン一覧【36サイト】 中華そば 七八 新潟市内に店舗を構える、チャーシューが自慢のラーメン店。まるで雑誌でも見ているようなレイアウトは、一度見ると忘れないデザインに。 Snapcha
その数22万超！浮世絵を無料ダウンロードできる検索サイトがすごい ukiyo-e.org - PhotoshopVIP
その数22万超！浮世絵を無料ダウンロードできる検索サイトがすごい ukiyo-e.org 歴史的な背景も交えた、時代別の代表作品も一緒に 日本の伝統的な「浮世絵」への関心は非常に高く、これまでにも世界の博物館や美術館などが無料で閲覧、ダウンロードできるデジタルコレクションの一部として公開しています。 今回は、世界中に散らばった日本の木版画、浮世絵を一括データベース化し、素早く検索できるようにしたサイトUkiyo-e.orgをご紹介します。 その数、なんと22万点以上。 さらに、公開されている浮世絵コレクションは無料ダウンロード可能という素晴らしさ。 世界中の浮世絵をデータベース化した検索ツール Ukiyo-e.org Ukiyo-e.orgは、コンピュータ・プログラマーであり、日本の木版画の熱心な愛好家、ジョン・レシグ（John Resig）（現在は、京都の立命館大学の客員研究員だそう）が
ChatGPTの世界的なブームのおかげで、あらゆるツールがAIを活用するという、新しい時代に突入しました。 しかし、このAIブームは、あっという間に飽和状態となり、似たようなサービスがいくつも乱立する、カオスな状態となっています。 もちろん、さまざまなAIツールを試すのは、長所と短所を理解できる良い方法です。 実際、AIツールの多くは利用の制限がありますが、使うまで気づかないということもよく聞きます。 しかも、「AIツールが多すぎて、どれから使えばいいのか分からない」なんてことも。 ここでは、無料で利用できるAI生成ツールのまとめリストをご紹介します。 クリエイター向けおすすめAIツールと一緒に活用してみましょう。 AIビジュアル編集ツール Adobe : 現場の標準ツールが強力にパワーアップ。背景から人物やものを切り抜いたり、不要なものを削除するなど、時間がかかっていた作業も一瞬で完了。
この記事では、人気のグラフィックのひとつ「グラデーション」をつかった無料テクスチャ、デザイン素材をまとめてご紹介します。 美しい配色の組み合わせを楽しむことができる素材を中心に、PhotoshopやIllustratorといったデザインツールで利用できるテクスチャ素材はもちろん、プリント印刷もできる高品質な素材から、FigmaやAdobe XDといったプロトタイプツール向けグラデーションまで幅広いアイテムが揃います。 テクスチャ素材を中心に、デザインスタイルごとに「使える」無料デザイン素材をまとめた記事はこちらからどうぞ。 全て無料！キラキラの黄金フリーテクスチャ素材まとめ＋Photoshopでフォントにテクスチャを適用する方法 リアルな紙の質感！持っておきたいフリーテクスチャ素材まとめ【完全版】 写真が劇的に変わる！重ねるだけの無料オーバーレイテクスチャ素材750枚まとめ 無料で高品質！
この記事では、フォトショップによる画像編集がどんどん楽しくなる、最新チュートリアルや作り方レシピをまとめています。 実際に作業しながら進めるチュートリアルは、実用的なツールの使い方を体系的に覚えることができ、フォトショップはじめてのひとはもちろん、普段から使いこなしているベテランさんにも、目からウロコな新テクニックが幅広く披露されています。 ほんの少しの手間で、ワンランク上の仕上がりを実現するテクニックが中心で、フォトショップの「あ、これやりたい」を叶えてくれます。 まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間からはじめてみましょう。1087円/月からフォトショップが使える、フォトプランもおすすめです。 フォトショップの「やりたい」が叶う！最新チュートリアル、作り方まとめ ハチミツ風文字テキストのつくり方 とろりとしたハチミツの光沢感が特長で
ウェブデザインが印刷をベースとし、コンテンツと画像が固定されたグリッドに並べられていたのは、それほど昔のことではありません。しかし、HTMLやCSS、JavaScriptなどのツールが進化するにつれて、Webレイアウト設計の可能性もひろがり、進化しています。 この記事は、クリエイティブで魅力的なWebページを表現できるテクニック14個を、具体的なサンプル例と一緒に詳しく見ていきます。 1. パララックスエフェクトで奥行き感を演出しよう https://www.awwwards.com/inspiration/mountain-illustration-parallax パララックスエフェクトの使用は、レイアウトに奥行きを演出する方法です。スクロールと動きを合わせることで、グラフィックや画像、文字テキストをレイヤー化し、よりダイナミックなレイアウトを表現できます。このテクニックの特長は、前景
フロリダ州立図書館（The Stae Library of Florida）が、1920年代から50年代にかけてアメリカで果物や野菜の配送に利用された、600枚の木枠ラベルコレクション The Crate Label Collectionをデジタル・アーカイブとして公開していたので、今回はご紹介します。 デザインが作成されてから100年以上が経過したいまでも、驚くほどユニークで多様なデザインそして印刷スタイルが使われており、ヴィンテージやアンティークデザインの参考に最適です。著作権フリーで商用利用できる点もポイント。 これぞ広告ビジネス、バイヤーの注目を引くデザインの数々 アメリカでは19世紀後半に鉄道が拡大したことで、常夏のサンセットやビーチ、優雅なヤシの木、ジューシーな果物など暖かい気候を求めて、フロリダに多くの観光客が押し寄せました。 1920年代に入ると果物や野菜の生産者は、鉄道で
「ホームページのデザインが決まらない」「配色や書体などトレンドを意識したデザインって何？」「見本イメージとしてアイデアをふくらませたい」 この記事では、そんなときに役立つ最新ウェブデザイン36個をまとめて紹介しています。 どんどん登場する新しいウェブデザインをまとめて確認できるだけでなく、レイアウトや色使い、フォントなどの具体的な使い方を知ることができ、サイト制作にもオススメです。 脱まんねりデザイン！注目の最新ホームページ見本厳選まとめ Stella Domo 限られた空間にほぼどこでも手軽に設営できる住居スタイル。購入から設置まで含んだフルプライスでの提供で、その手順を解説したアニメーションも秀悦です。 The Longest Road Out 手描きのイラスト地図をつかったローディング画面から、詳細に描かれたイギリスとアイルランドを巡る体験型ウェブサイト。ショッピング機能も違和感あり
この記事では、無料ダウンロードできるオススメのPhotoshopブラシ素材をまとめて紹介しています。 特にデザイン制作で需要の高い素材を中心に、使い勝手の良い便利なブラシ素材を、以下のカテゴリーを中心に揃えています。 イラスト、デジタルペイント向けブラシ 水彩、ペンキ、筆、毛筆ブラシ 光、キラキラ、星ブラシ テクスチャ、質感ブラシ 雲、霧、煙ブラシ その他ブラシ どれも無料ブラシ素材となっているので、お気に入りのアイテムを見つけてみてはいかがでしょう。 Photoshopブラシの追加、インストール方法 まずは使いたいブラシ素材を見つけたらダンロードしておきましょう。フォトショップでのブラシファイル形式「.abr」となっているファイルが、今回インストールするブラシデータとなります。 次にフォトショップよりブラシパネルを開きましょう。パネルが非表示となっている場合、メインメニューより「ウィンド
この記事では、ボタンクリックひとつでどんなものでも黄金にする、無料PhotoshopアクションGold Effect Actionの詳しい使い方をご紹介します。 先日開催されたAdobe MAXイベントに合わせてアップデートされた、最新版Photoshopの新機能を利用すれば、一瞬で変換することができます。 どんなものでもピカピカの黄金に変換できる無料Photoshopアクション Gold Effect Photoshop Actionは、再生ボタンをクリックするだけで、あらゆる被写体を光沢感たっぷりな黄金に変換するフォトショップ用アクション素材です。 メタリックな仕上がりが特長で、黄金テキストエフェクトやテクスチャ素材などと一緒に活用しても良いでしょう。 Gold Effect Actionの使い方と注意点 実際にアクションを利用して、いくつかの画像を黄金に変換してみました。つまずいた点
「いつもやってるこの作業、実はちょっと面倒」 「アイデアを形にできるツールや素材が欲しい」 「クリエイティブの生産性を上げたい」 そんな人に朗報です。 このまとめでは、ここ最近公開された便利なツールや素材の中から、「本当に使えるもの」だけ55個を厳選。 カテゴリ別に整理しているので、自分に合った新しいツールを見つけ、作業をもっと快適にしてみましょう。
Photoshopでできる便利な機能 まずはPhotoshopができる、よく利用する便利な機能の一部がこちら。 代用ツールにあるとうれしい機能と言えるでしょう。 Photoshopのレイヤーを使った非破壊編集 写真から被写体を消す 写真加工とレタッチ AIによる「生成塗りつぶし」新機能 スマートオブジェクト機能 色の置き換え フィルタ機能 なぞるだけで不要なモノや人を消す「削除ツール」 クローンや覆い焼きなどの描画モードをつかった肌のレタッチ ソーシャルメディア向けグラフィックの作成 モックアップの作成 テキストの追加、文字加工 背景を切り抜く JPEGやTIFF，PDF、PNG、GIFなどのファイル対応 Photoshopを無料ではじめる方法 「フォトショップをまず使ってみたい」というときは、無料ではじめる方法があります。 ずばり、Photoshopを7日間無料で試せる無料体験版をダウン
今週のはてなブックマーク数ランキング（2023年12月第4週） - はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。12月18日（月）〜12月24日（日）〔2023年12月第4週〕のトップ30です*1。 順位 タイトル 1位 ASCII.jp：これは嬉しい ChatGPTプロンプト書き方のコツ、OpenAIが公開 2位 本当に効く！アンガーマネジメント！ 3位 児玉真美『安楽死が合法の国で起こっていること』（ちくま新書） : 山下ゆの新書ランキング Blogスタイル第2期 4位 IT系コミュニティをタダ飯狙いの不審者からどう守るべきか。あるイベントで発生した深刻な事案と提言 － Publickey 5位 JA全農の『鶏モモ肉の焼き方』に反響 「マジでおすすめ」「安い肉が名のある地鶏になった」 – grape [グレイプ] 6位 デイリーポータルZは2024年1月1日から運営会社が変わります :: デイリーポータ
パワーポイント（PowerPoint）は、文字や写真、イラストやグラフなどを組み合わせることで手軽にスライドを作成できます。 プレゼン資料の作成からチラシやポスターの作成などあらゆるシーンでされています。 デザインに自信がないひともプロ顔負けの仕上がりを短時間で実現できる、多忙なひとにこそおすすめしたい時短アイテム、おしゃれな無料パワポテンプレを活用してみましょう。 「アイデアや企画はいいのにデザインがいまいち。」 見やすいデザインを作成するコツや、注意したいポイント、パワポ用テンプレートの正しい選びかたを知っておくと、デザインがグッと良くなりますよ。 そもそもパワーポイントとは？ パワーポイント（PowerPoint）は、別名「パワポ」としても知られる、Microsoftのプレゼンテーションソフト。 スライドの作成から、プレゼン本番でのスライドの切り替えまで、トータルサポートしてくれます
この記事では、フォトショップで写真などの画像を伸縮させずにリサイズする方法をご紹介します。 「コンテンツに応じた拡大・縮小」機能を利用することで、思い通りの画像サイズに変更、リサイズすることができます。ここでは、2つの具体的なサンプル例を詳しくみていきます。 1つ目は写真を使った例、もうひとつはグラフィックデザインでのテクニックの活用方法となります。 リサイズする前の元画像がこちら 今回は、こちらの写真を参考に「横長バナーを作成」してみます。 「自由変形」の場合 メインメニューより「編集」>「自由変形」（Command/Ctrl+T）で、足りていない横幅サイズに合わせて、画像を自由変形させようとすると、写真全体が歪んでしまいます。車はもちろん、背景のヤシの木も太くなり、不自然な仕上がりに。 「コンテンツに応じた拡大・縮小」をつかった場合 次はメインメニューより「編集」>「コンテンツに応じた
この記事では、Illustratorで美しいグラデーション作成する基本ガイドとして、数回のシリーズに分けて具体的なデザイン方法や便利なテクニックを紹介しています。 今回は、グラデーションデザインに重要な「配色」の選択、設定を行っていきます。 ベースとなる色を決め、補色や類似色などの配色ルールを活用することで、グラデーションに必要な鮮やかなカラーグループを簡単に選ぶことができるテクニック。 Illustratorの配色に関する便利な機能を活用するので、配色が苦手なひともこの記事の終わりには、自分だけの美しいカラーパレットを簡単に作成できるようになります。 コンテンツ目次 1. Illustrator推奨ドキュメント設定 2. カラーガイドパネル 3. 補色によるカラーグループの作成 4. ペンタードカラーによるカラーグループの作成 5. 類似色によるカラーグループの作成 6. 鮮やかなカスタ
この記事では、Illustratorを始めたばかりの初心者から、普段使いしているスキルの高いユーザーまでを対象とした、基本の使い方や新機能、ヒントやテクニックを学ぶことができる最新チュートリアルをまとめてご紹介しています。 Illustratorで文字を自在に操るテキストエフェクトコレクションも一緒にいかがでしょう。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 Illustratorの技を磨く最新チュートリアル、使い方まとめ ファッション向けイラストレーションを作成する方法 重なり合うラインや鮮やかな色使い、独特のパターンデザインなどを特長としたイラストを、鉛筆ツールやスウォッチを利用してデザインします。 日本画のような音楽アルバムカバーをデザインする方法 レトロな配色と手書きしたようなナチュラルなラインが印象的なデザインで、1分間
まずはフォトショップを開き、新しいドキュメントを作成しましょう。カラーモードは「RGBカラー 16bit」とすることで、よりなめらかなグラデーションを表現できます。 今回は、3840x2160pxの4Kサイズで作成していきます。 メインメニューより「文字ツールT」を選択し、まずは文字色を50%グレーに変更しましょう。お好みのフォントを使って文字を入力します。
Twitter・Instagram・FacebookなどのSNS投稿に最適な画像サイズを確認できるSocialSize.io
この記事では、TwitterやFacebook、Instagramなど各ソーシャルメディアの投稿に最適な画像サイズを確認できる早見表、チートシート SocialSizes.io をご紹介します。 SNS投稿向けの画像はもちろん、プロフィール写真やカバー画像にもっとも適切なサイズをひと目で確認でき、デザイン用のテンプレートも豊富なファイル形式で無料ダウンロードできます。 Twitter・Instagram・Facebookなどのソーシャルメディアに最適な画像サイズを確認できるSocialSize.io https://socialsizes.io/ SocialSizes.ioは、TwitterやFacebook、Instagramなど各種人気ソーシャルメディアの投稿に最適な画像と動画サイズを確認できるチートシート的Webサービスです。 デザイン制作に利用できるテンプレートをPhotosho
2022年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 世界でもっとも話題となった作品がこちら HTMLなどのコードを、ブラウザ上で確認ができ、公開や共有もできる開発サービスCodepen（コードペン）。 この記事では、2022年に特に人気の高かったHTMLスニペットを、ランキング形式でまとめた The Most Hearted of 2022の中から、特に印象に残った、実用性の高い作品をご紹介。 CSSのみで表現されたお手軽なHTMLスニペットから、オドロキのユーザー体験を提供したり、CSSアニメーションなどにも注目が集まっています。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 2022年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 94位 Click To Z
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめて紹介しています。 この記事では、2023年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントを集めました。 2023年上半期は、特に数多くの日本語フリーフォントが公開され、おしゃれな英語フォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど幅広いカテゴリより、フリーフォント素材81個を厳選しています。 「日本語フォントをまとめてダウンロードしたい」 「できるだけ安く、仕事でも安心して、フォントを使いたい」 そんなときは、20,000以上の英語フォント、日本語フォントも500以上を使い放題の、Adobe Fontsがオススメです。 その理由はずばり、Adobe CCユーザーなら、すべて無料で、商用利用できるから。 使用できるフォントも無制限で、日本語フ
この記事では、普段づかいできる最新フリーフォントをまとめてご紹介します。 文字を入力するだけで「決まる」、トレンドを意識したおしゃれ英語フォントから、読みやすさにこだわったユニーバサルデザインの日本語フォントまで、幅広いデザインプロジェクトに対応できる書体をまとめています。利用ライセンスも一緒に明記しています。 デザインが美しくなる！見逃せない最新フリーフォントまとめ Morisawa Biz UD ゴシック 読みやすさと使いやすさを重視し、教育やビジネス文書作成などに活用できるユニーバーサルデザインフォント。無料ダウンロードできるだけでなく、Googleフォントでも利用可能に。 ※ 個人、商用利用可能 【商用OK】Google Fontsで使えるオススメ日本語フリーフォント31個まとめ Morisawa Biz UD明朝 格調高い明朝体の伝統を保ちながら、見やすさ、読みやすさを実現した書
この記事では、2021年に注目のロゴデザインの動向、人気トレンドを、10個のポイントに分けて詳しく紹介しています。 昨年のロゴデザインのトレンドが、新技術によるレトロデザインの再現に焦点を当てたものが中心だったのに対して、2021年のロゴトレンドの共通のテーマは、「制約の中でのイノベーション」のようです。 2020年は、新型コロナウイルスによる外出自粛など、あらゆる意味で世界中で制約された環境でしたが、2021年のロゴデザインは抑圧から開放される、そんな前向きなデザインをリストアップしています。 では、2021年に注目したいロゴデザインの人気トレンドを詳しく見ていきましょう。 コンテンツ目次 1. ステンドグラス 2. 遠近法、透視図法 3. シンプルな幾何学パターン 4. ばらばら文字 5. 似顔絵ポートレイト 6. 素朴な対称のとれたデザイン 7. 一風変わったキャラクター 8. 近代
ウェブサイト作成に必要なツールがひとつに揃った、国産Webデザインプラットフォーム「Studio」。 コーディングの知識も不要で、Webやアプリデザインを誰でも作成できるだけでなく、たった1クリックで作成したデザインを実際のWebサイトとして公開することも可能です。 今回は、最新アップデートが行われたばかりの「Studio」に追加された新機能をまとめてご紹介します。 Studioとは？ Studioとは、ウェブサイトのデザインから公開、CMS機能までを完結できる、日本発の国産Webデザインツールです。 今回のアップデートにより、ブログなどのコンテンツ管理ができるCMS（英: Contents Management System）が追加されたことで、WordPressのような動的サイトの制作が可能となりました。 今回のアップデートの目玉のひとつ、リアルタイムでの共同編集は、新型コロナウイルス
北アメリカに生息する鳥類を、実際に大自然を旅しながら超リアルに描写した画家ジョン・ジェームズ・オーデュボン（英: John James Audubon）。 1839年、イギリスで出版された「アメリカの鳥類（英: Birds of America）」全435枚が、180年以上の時を超えて、デジタルアーカイブとして無料ダウンロードできるようになったので、今回はご紹介します。 画集「アメリカの鳥類」とは？ 「アメリカの鳥類」は、画家オーデュボンが1827年から38年にかけてアメリカ各地を旅しながら、鳥の観察を続け、水彩画を元にした435枚の彩色銅版画です。 それまでの標本を元に描いた博物画とは異なり、自然の中に生きる野生の鳥たちを躍動的に描いた点が特長。さらに一羽一羽の鳥が、実物大の大きさで描かれている点も大きな特色です。 今回、野鳥の保護を目的とする自然保護団体「全米オーデュボン協会（英: A
Generated Photosは、人工知能AIをつかって実際には存在しない10万人の顔写真をAIで生成し、無料で配布するプロジェクトです。 個人だけでなく商用利用にも対応しているので、広告デザインからプレゼン資料、ウェブサイトやモバイルアプリなど幅広く活用できる素材となっています。 Generated Photosとは？ 100,000 AI-Generated Facesは、AIの力をつかうことで、著作権を気にすることな自由に利用できる、10万人を超える架空の人物の顔写真を生成するプロジェクトです。 現在は、実際にAIで生成した100,000枚の顔写真をGoogleドライブから無料ダウンロードできます。さらにこのプロジェクトのすごいのが、最終的に民族性（英: Ethnicity）や性別、年代、肌の色、目の形などを選択するだけで、目的にあった顔写真が自動生成できるサービスとなるそう。完成
機能的で読みやすい、そして洗練された魅力的な見た目が特長の新しいUIスタイル「モダンミニマル（英: Modern Minimal）」の特長や、具体的な使い方を今回はご紹介します。 これまでにも似たようなデザインスタイルは数多くありました。それらのインターフェースは人目を引き、読みやすく、かつ親しみやすく、やりすぎにならないとても優れたものでした。見た目の美しさとバランスが絶妙でした。 なぜなら、デザイントレンドの最大の問題点は、見た目は魅力的でも、それらを使って機能的に完璧なデザインを作ることはできないためです。（ニューモーフィズムやグラスモーフィズムは普段づかいにはあまり適していません。） 新しいUIスタイル「モダンミニマル」は、他のデザインスタイルに比べてよりミニマルでありながら、マテリアルデザインやフラットスタイルのような退屈なデザインではなく、他のスタイルから多くのインスピレーショ
Webデザインのアイデアがほしいときに、クリエイティブな想像力をかきたてる最新の良質おすすめサイト30選をご紹介。 国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトは、レイアウトや配色、フォントえらびなどに困ったときにも役立ちますよ。 これからどうなる？おすすめ世界の最新ウェブデザイン30選 Welcome to Marmoset 90年代風のノスタルジックでレトロなイラストを多用した、ユニークで楽しい雰囲気のウェブサイト。各パーツに動きが加わることで、オリジナリティーのある一度見たら忘れないデザインに。 Peter Tarka 圧倒的な立体感の3Dアニメーションを制作するデザイナーのポートフォリオ。細部まで作り込まれたアニメーションは、世界的大企業がこぞってコラボレーション中。 すべてのお母さんに、ありがとう 母の日に合わせて公開された特
「Webサイトのデザインアイデアが欲しい」 「頭の中のイメージを他のひとと共有できる見本があればいいな」 「最近のWebデザインの動向、トレンドが知りたい」 そんなときに役立つ、国内外で話題の最新Webデザインをまとめてご紹介。 ものすごい早さでトレンドが変わるWebデザインだからこそ、できるだけ多くのサイトを訪れ、様々な角度からアイデアを吸収することが重要です。 ここでは、制作の見本にしたい３４点のWebサイトを選んでいます。 ２０２３年のWebデザインからどのように変化し、新しいトレンドが生まれるのか、今年も楽しみながら一緒に追いかけていきましょう。
この記事では、フォトショップをつかった超リアルなライティング、グローエフェクトのつくり方をご紹介します。 お好みで文字やネオンカラーの変更が可能な点もポイントで、手軽に編集を行うことができます。 このチュートリアルは、Texturelabsによる英語版オリジナルチュートリアル「Grungy Chrome in Photoshop OR After Effects」をアレンジしたものとなります。 加工前ビフォー 加工後アフター キャンバスは4K対応RGBカラー16bitに まずはフォトショップを開き、新しいドキュメントを作成しましょう。カラーモードは「RGBカラー 16bit」とすることで、よりリアルな光沢感をを表現できます。今回は、3840x2160pxの4Kサイズで作成していきます。 メインメニューより「文字ツールT」を選択し、お好みのフォントを使って文字を入力します。 今回利用したフォ
この記事では、最新デザインスタイルを実現する、おしゃれな英語フリーフォントをまとめてご紹介しています。 2020年に入り、よく見かけるようになっった高級感のあるセリフ書体や、人気の筆記体や手書きスタイルはもちろん、ユニークな毛筆、かっこいいフォントなど豊富なセレクションが今月も揃いました。 紹介しているフリーフォントはどれも無料ダウンロードが可能となっていますが、利用の際には一度ライセンスに目を通すようにしましょう Summer Coast Handwritten Font 夏が待ち遠しくなる、ナチュラルで楽しげな雰囲気の筆記体フリーフォント。 Heaters Brush Font 筆の毛一本まで繊細に表現できるSVGフォントの技術が光る、筆ブラシフリーフォント。ただし、無料版ではOTFファイルのみの収録で、SVGフォントは購入が必要。 ※ 個人利用可能 Giovanetta Script
この記事では、フォトショップで樹木の背景を透明に切り抜く方法4つをご紹介します。 青空を背景にしたシンプルなものから、夕日が当たり複雑なものまで、葉っぱ一枚まで正確にできるだけ素早く行うことができる、はじめてのひとでも簡単なテクニックをまとめています。 髪の毛などその他の切り抜きテクニックは、以下の記事を参考にしてみると良いでしょう。 Photoshop切り抜きをマスターする、12個の鉄板テクニック 完全ガイド Photoshop切り抜き新定番！髪の毛など複雑な範囲も数分で完成するテクニック 1. レイヤースタイル「ブレンド条件」 青空をバックに、木と背景がくっきりしたときに便利な切り抜きテクニック。今回は、こちらの写真で試してみます。あらかじめレイヤーパネル上でダブルクリックで、ロックを解除しておきます。 まず、チャンネルパネルを開き（表示されていないときはメインメニューより「ウィンドウ
この記事では、最近公開された新作フリーフォント素材をまとめてご紹介します。 人気の高まっているヴィンテージ、レトロ系フォントから、美しい筆記体やナチュラル系手書きフォント、使い勝手の良い万能書体まで、幅広いスタイルを無料ダウンロードできます。 2021年のフリーフォント・ベスト100も一緒にチェックしてみると良いでしょう。 商用可で完全無料！2021年公開のフリーフォント素材100個総まとめ 見逃せない高品質なおしゃれフリーフォントまとめ Adobe Fontで利用可能！オススメ英語フォント厳選ベスト40【2022年版】 Adobe CCユーザーは無料で利用できる、デザイン性の高い英語フォント40個をリストアップした保存版。 Kalatas Free Display Typeface 80年代から90年代にかけてのフィリピンの郵便切手からインスピレーションを得たセリフ書体。 ※ 個人、商用
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リガチャ使ってる？フォントの合字やスワッシュの正しい使い方
【商用可】「アールヌーヴォーの旗手」ミュシャの人気絵画120枚を無料ダウンロード
商用OKな手描きブラシ無料フォント83個まとめ【5年熟成の秘密レシピ】
美しいドロップシャドウ影を作成できるデザイン小技テクニックまとめ
みんなのAdobe Fonts おすすめ日本語フォント35選【2022年版】
コピペで簡単！Webサイトを素敵にする最新＆実用HTMLスニペット24選
Webアイデアの救世主、真似したくなる最新デザイン36選
ChatGPTの次はこれ！無料で利用できるAI生成ツールまとめリスト
色の変化が美しい！グラデーション無料テクスチャ、デザイン素材まとめ
フォトショップの「やりたい」が叶う！最新チュートリアル、作り方36個まとめ
Webサイトをクリエイティブに！魅せる最新テクニック、トレンド14個まとめ
著作権フリー！フルーツ配送用のカラフルな木枠ビンテージラベル600枚コレクション
脱まんねりデザイン！注目の最新ホームページ見本厳選36個まとめ
これだけは持っておきたい、オススメPhotoshop無料ブラシ素材36個まとめ
どんなものでもピカピカの黄金に変換できる無料PhotoshopアクションGold Effect Action
知らないと損する最新Web＆デザインツール、素材55選
Photoshopは不要？代用できる画像編集ツール15選（目的・用途別）
おしゃれで見やすい！パワポ用おすすめ無料テンプレート配布サイト20選【商用OK】
フォトショップで写真などの画像を伸縮させずにリサイズする方法
しっかりマスター！美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】
Illustratorの技を磨く最新チュートリアル、使い方35個まとめ 2020年8月度
【フォトショップ】超リアルな黄金文字テキストエフェクトのつくり方
2022年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
【商用可＆無料】2023上半期ベスト英語・日本語フリーフォント厳選81個まとめ
デザインが美しくなる！見逃せない最新フリーフォント33個まとめ
【2021年版】ロゴデザインで注目しておきたい人気トレンド、スタイル10個まとめ
コーディング不要！国産WebデザインツールSTUDIO 3.0で注目の新機能まとめ
等身大の鳥を描いた180年前のイラスト集「Birds of America」全435枚の無料ダンロード開始
AI凄すぎ！架空の人物10万人の顔写真を無料ダウンロードできる Generated Photos
新しいUIデザインスタイル「モダンミニマル」の使い方基本ガイド
これからどうなる？おすすめ世界の最新ウェブデザイン30選
Webサイトのアイデア出し放題、おすすめ最新デザイン３４選
【フォトショップ】ざらりとした光沢感！メタリックな文字エフェクトのつくり方
デザインが変わる、最新おしゃれ英語フリーフォント44個まとめ 2020年5月度
フォトショップで樹木の背景を透明に切り抜く方法3つまとめ
見逃せない高品質なおしゃれフリーフォント36個まとめ 2022年1月度