この記事では、ウェブデザイン制作の参考にしたい、刺激的な最新UIインタラクション、アニメーションをまとめてご紹介します。ユニークでクリエイティブなアイデアが満載の素敵アニメーションが揃っており、今後のウェブデザインがますます楽しみになる、未来を感じるデザインを中心に集めています。 最新ウェブデザインも一緒に確認することで、デザイントレンドや動向をうまく掴むことができます。 Webアイデアの宝庫！注目したい最新ウェブデザイン35個まとめ Web制作の参考アイデアに！いま話題の最新ウェブデザイン50個まとめ Web制作参考アイデア集！話題の最新ウェブデザイン40個まとめ 前回のまとめはこちらからどうぞ。 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ 動きで魅せる！Web制作の参考UIインタラクション、アニメーションまとめ GoSurf Website
この記事では、Illustratorをつかった文字加工、テキストエフェクト向けチュートリアルをまとめています。 当ブログでIllustratorの最新チュートリアルまとめを紹介しはじめた、2013年ごろまでさかのぼり、過去8年間のイラレ用テキストエフェクトをまとめたコンプリート集。 Illustratorがはじめてのひとから、普段使いしているプロデザイナーにもおすすめしたい、テキストエフェクトの基本を学ぶベストテクニックが揃いました。 サイバーパンク、80年代のレトロエフェクトから、メタリックな光沢感の3Dエフェクト、話題のニューモーフィズム・スタイル、面白フード系エフェクト、ネオンエフェクト、トロトロに文字が溶けたスタイル、透明ガラスなどあらゆる文字エフェクトの基本を学ぶことができます。 フォトショップのテキストエフェクト向けチュートリアルまとめ フォトショップでの文字の使い方も一緒に覚
この記事では、Photoshopの新しい使い方やテクニックを学ぶ最新チュートリアルつくり方をまとめてご紹介します。 それぞれの作り方をマスターすることで、Photoshopの実践的で具体的なツールやエフェクトの使い方を感覚的に覚えることができます。ここでは、デザインの応用が効く実用向けデザインチュートリアルを中心に揃えています。 Photoshopを極める！真似したくなる最新チュートリアル、つくり方63個まとめ これもフォトショップ？参考にしたいすごい最新チュートリアル、つくり方まとめ 水面の下にある文字テキストを表現する方法 まるでプールの底に描かれた文字を眺めているようなエフェクトを実現するデザインテクニックで、水面に反射する光や歪みも見事に再現します。 ビリビリに破れた紙をデザインする方法 まるで紙が破けてしまったような風合いを、本物そっくりに表現できるお手軽テクニックで、動画チュー
これまで平面的に捉えられていたウェブサイトやアプリに、吸い込まれるような没入感を演出するクリエイティブなアニメーションが、いま注目を集めています。 この記事では、ウェブデザイン制作で活用したい最新UIインタラクション、アニメーションをまとめてご紹介します。 Webサイトやスマホアプリのアニメーション実装参考アイデアに役立てみてはいかがでしょう。 アニメーションで魅せる！Web制作の参考UIインタラクション40個まとめ Juice Brand Website Menu フレッシュなフルーツジュースを選択する、フルスクリーン画面で展開するナビゲーションメニュー。ぼかしをつかい、遠近感をうまく表現したプロダクト紹介ページは参考に。
人工知能（AI）を活用したツールは、デザイナーなどクリエイティブな業種において、特におすすめです。 これまでは、夢物語と思われていたような未来のことが、誰でもほんの数クリックで実現、作成できるようになったのが、一番の理由でしょう。 実際、ここ数年のあいだに、AIテクノロジーは目覚ましい進歩を続け、2022年は大流行した年にもなりました。 今回は、クリエイターが活用したい、AI搭載の便利なウェブツールをまとめてご紹介します。 長い記事を要約したり、文字を画像や音声に変換できるAIツールをカテゴリ別にまとめたリストも参考にどうぞ。 クリエイターが活用したい、AI搭載の便利＆無料ウェブツールまとめ Magic Eraser 写真に写り込んだ不要、邪魔なものや人を、なぞるだけで簡単に消すことができるツール。先発のCleanup.Picutresも、精度が高くてオススメ。 Dall-E-2 2022
この記事では、Adobe Illustratorの使い方や新しいテクニックが充実の最新チュートリアルやつくり方をまとめてご紹介します。 手順通りすすめるだけで、基本的なツールの使い方から知らなかった「やり方」を発見できるなど、手を動かしながら実用的なイラレの使い方を覚えることができます。 2021年ベスト・オブ・イラレのつくり方と一緒に確認してみましょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ これどうやる？手を動かして学ぶIllustrator最新チュートリアル20選 スクリーンプリント風エフェクトのつくり方 デザインのずれ感やラフさ楽しむことができ、リソグラフスタイルとして世界でも人気のプリント技法をイラレで再現できる、レトロやヴィンテージ系チュートリアル。 塗りブラシツールの基本的な使い方 ブラシツールを長押しすると選択できる「塗り
フォトショップのなかでも写真を水彩イラスト・絵画ペイント風に加工する方法は、人気エフェクトのひとつです。 アートヒストリーブラシでなぞるだけのつくり方も紹介しましたが、今回はよりお手軽にリアルな水彩イラスト加工ができるデザイン素材をまとめてご紹介。 写真を放り込むだけで完成し、誰でもプロのような仕上がりを瞬時に表現できる、まるで魔法のようなアイテムが揃います。 デザイン素材集、実際の使いかた ここで紹介するデザイン素材の使い方は、大きく分けて２種類。 スマートオブジェクト機能を活用したPSDファイル素材タイプ 再生ボタンを押すアクション素材タイプ どちらも写真を用意するだけのお手軽さで、わずか数クリックでリアルな水彩イラスト加工に仕上げることができます。 ここでは、実際に以下の素材 Watercolor Creator を試しにつかってみます。 ダウンロードしたファイルを開いた状態がこちら
この記事では、イラストレーターの新しい使い方やテクニックを短時間でマスターできる最新チュートリアル20個をまとめてご紹介します。 レトロスタイルや鮮やかなグラデーションなどトレンドを意識したものから、デザインの現場で取り入れたい新機能や便利テクニックまで幅広く揃います。 Illustrator初心者にもオススメ、最新チュートリアルや使い方20個まとめ Illustratorでグリッチエフェクトを作成する方法 独自のパターンを先に作成しておくことで、文字テキストやイラスト、ロゴなどあらゆるオブジェクトにグリッチ効果を手軽に追加できるチュートリアル。 豪華なオーナメントロゴをデザインする方法 デザイン素材を活用することでプロレベルのヴィンテージロゴをIllustratorで作成する手順を詳しく解説する全５回シリーズのチュートリアル。 ヴィンテージなチョコレート用パッケージをデザインする方法 上
当サイトでは、Illustratorの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいIllustratorのデザインチュートリアル、つくり方をまとめてご紹介します。 Photoshopのチュートリアルと合わせて確認しておくと良いかもしれません。 【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ 【総まとめ】2020年公開のすごいIllustratorチュートリアル、作り方厳選まとめ グラフィティ・アーティストのシェパード・フェアリー風ベクターアートのつくり方 オバマ元大統領の選挙で有名になった、「HOPE」ポスターを再現できるチュートリアルで、お好みの写真に応用できるテクニック。 ファッション向けイラストレーションを作成する方法 重なり合うライ
この記事では、フォトショップの幅を広げる最新チュートリアル、使い方37個をまとめています。 覚えておくと便利なお手軽テクニックから、じっくり時間をかけて取り組みたい本格的なデザインチュートリアルまで、さまざまなフォトショップの使い方が揃います。 チュートリアルは手順通り進めることで、はじめてフォトショップでデザインをはじめるひとも、同じスタイルを再現できるだけでなく、ツールやエフェクトの具体的な使い方を実践で覚えることもできます。 フォトショップ上達への道！押さえておきたい最新チュートリアル、使い方まとめ フォトショップで水面や鏡に反射させる方法 フォトショップでよく利用するテクニックのひとつで、水面にリアルな映り込みを表現できます。 手軽なノックアウト・エフェクトの作り方 フォトショップを10年以上使用しているデザイナーが、最近発見した新しい小技。特に新しいツールなども必要なく、手早く文
手書きイラストレーションは、最近よく見かけるデザイントレンドとして、ウェブサイトやソーシャルメディア、プレゼン資料などあらゆるシーンで利用されています。 しかし、イラストをしっかり手書きできるというデザイナーはあまり多くはないでしょう。新しくアップデートされたイラスト素材サイトOuchでは、追加された数千に及ぶベクターイラストにだれでも無料でアクセスできます。 イラスト素材を無料ダウンロードできるサイトは、以下の記事でも紹介しており、国内向けの日本発イラストもまとめています。 全て無料、本当は教えたくないフリーイラスト素材サイト83個まとめ【商用OK】 イラスト素材サイトOuchの特長 初代Ouchは、2年前に300種類ほどのイラスト素材ライブラリの無料公開をスタートしました。最近メジャーアップデートを行い、数千ものプロフェッショナルなイラスト素材が追加され、だれでも無料でダウンロード可能
フォトショップで利用できるブラシ素材をお探しですか。実はフォトショップには、1000種類以上の無料の高品質ブラシが用意されており、Google検索などで時間を費やす必要はありません。 フォトショップのブラシ素材は、デジタルペイントや特殊効果の追加、または画像や写真レタッチなどに利用できるツールで、作業のクオリティーを大幅にアップすることができます。 この記事では、世界中で著名なイラストレーター、Kyle T. Webster氏が作成した1,000種類を超えるAdobeのPhotoshopブラシをインストール、使用する方法を学びます。また、Adobe Creative Cloudライブラリ機能を使った、お気に入りのブラシを整理、保存する効果的なテクニックも一緒に紹介しています。 Photoshopブラシのインストール方法 フォトショップブラシをダウンロード、インストールして、実際に利用するま
Figmaは、ブラウザ上から利用できるデザインアプリですが、特にチームでの共同デザインプロジェクトに最適なツールと言えます。 さらに、「こんな機能があればいいのに」というときも、プラグインを利用することで、自分好みにアプリの使いやすさをカスタマイズできる点も人気の理由のひとつです。 今回は、何千とあるプラグインの中から、実際にインストールしてみたWeb制作の作業効率がアップする便利なFigmaプラグインやツールをまとめてご紹介します。 自分だけの「最強」Figma、はじめませんか。 Figmaって何？ Figmaには、本格的なイラストも描くことができるベクターツールをはじめ、ウェブサイトのプロトタイプ作成機能、完成したデザインをWeb用HTMLに変換など、デザインプロジェクト全体を通して必要なツールが揃います。 Figmaはブラウザ上でデザインを行うため、共同作業によるリアルタイムのコラボ
当サイトでは、定期的に新しく公開された最新Webサイトデザインをまとめていますが、今回はいつもとは異なり、2019年のベストWebデザイン50個を厳選、ピックアップしご紹介します。 2019年は特に選ぶのが難しいほど、素敵なWebサイトが数多く公開されたのですが、以下は特にお気に入りのベスト50となります。型にはまらない独自のアプローチを採用し、2019年のデザイントレンドも積極的に取り入れているサイトを集めています。 フルスクリーン動画や個性のあるイラスト、ミニマルスタイル、多彩なアニメーションなど2020年に引き続き人気となりそうなトレンド多め。昨年のベストWebデザインと比較してみても良いでしょう。 【総まとめ】2018年印象に残った世界のベストWebデザイン厳選51個 【総まとめ】2019年印象に残った世界のベストWebデザイン厳選50個 eDesign Interactive ヘ
アイデアをカタチにするツールはたくさんありますが、個人的に最高のアニメーションツールは引き続きAfter Effectsと言えるでしょう。ただし、利用できるプラグインが多すぎて、どれを使って良いのか迷ってしまうのが悩みどころ。 今回は、現役デザイナーがウェブサイトやアプリのアニメーション作成で実践しているプラグインやツールを、7つのシンプルな手順を追ってご紹介します。このガイドラインでは、デザイナーとデベロッパーが一緒にプロジェクトを進める効果的な方法をマスターできます。 No.1 SketchかFigmaでデザイン開始 レイヤーにきちんと名前を付けているか確認しましょう。After Effectsに取り込んでしまうと、レイヤーを見つけるのが難しくなってしまいます。 AEUXプラグインを利用することで、SketchまたはFigmaで作成したレイヤーをAfter Effectsにボタンひとつ
「これ、どうやる？」真似したくなるフォトショップ最新チュートリアル、作り方40選 参考書のように使える、便利でおしゃれな新作テクをチェック フォトショップが上達するもっとも手っ取り早い方法は、結論から言えば、気に入ったチュートリアルを真似してみることです。 というのも、つくり方だけでなく、実践的な使い方を、順を追って再現できるのが理由です。 事実、「先輩のワザを盗む」、「師匠の技術をマネする」などの言葉が、古くからあるほどです。 ここでは、思わず真似したくなるフォトショップの最新つくり方、チュートリアル42個をまとめてご紹介します。 作業がスピードアップする小技テクも覚え、幅広いデザインスタイルを習得してみましょう。 「これ、どうやる？」真似したくなるフォトショップ最新チュートリアル、作り方まとめ フォトショップを持っていない人は、まずは7日間の無料トライアルからはじめませんか。 すべての
ここまでできる！CSS最新テクニックと書き方30選
ポップオバーAPI 最新版Chrome 114に搭載された新機能で、コンテンツの一番上に重ねて表示するUI「ポップオバー」。補足の情報やユーザーにアクションを促すことができます。 Introducing the popover APIでは、具体的な使い方や実装例が紹介されています。 範囲スライダーをCSSでカスタマイズ How to Create a Custom Range Slider Using CSSでは、モダンなCSSテクニックを使って、ネイティブHTMLの<input>要素だけで人目を引く、カスタム範囲スライダーを作成する方法が紹介されています。 See the Pen CSS only custom range sliders by Temani Afif (@t_afif) on CodePen.
ウェブ制作で「動き」をうまく活用することで、自然と視線を注目コンテンツに集めたり、ブランドの世界観を表現できたりと、あらゆるものを魅力的に演出できます。 しかし、サイトに動きを組み合わせるアイデアは、なかなか浮かびにくいものも事実。 そんなときに活用したい、さまざまな新しい「動き」を取り入れた最新Webアニメーションアイデアをまとめてご紹介。 手軽に動きを表現できるCSSアニメーションライブラリなども参考にして、心地よい動きをウェブサイトに試してみてはいかがでしょう。 動きを思いのままに！とびきりWebアニメーションアイデア35選 Virtual Reality hero section 浮遊感を表現したネオンカラーの未来的なヒーローセクションが目を引くアニメーションは、今後ますます需要が不要そうな3Dデザイン。
ホームページを制作するときに、何度も繰り返し利用するコードは、スニペットとして整理しておくのがオススメです。 スニペットとは「切れ端」「断片」という意味で、コピペで簡単に再利用できるテンプレートのようなもの。 この記事では、コピペで使える便利な最新HTML／CSSスニペットをまとめてご紹介します。 ブラウザ上でHTMLやCSSのコードを編集しながら、リアルタイムでプレビューを確認できるのもポイント。 画面右下にある「Return」キーをクリックすることで、再読み込みでプレビューできます。 コピペできる、保存しておくと便利なHTMLスニペットまとめ 水平方向に無限スクロールするアニメーション 左右どちらへもスクロールするCSSアニメーションで、両サイドはグラデーションでフェードアウトしています。 See the Pen Infinite Scroll Animation by Yoav Ka
この記事では、クリエイターが知っておくと便利な、最新オンラインツールをまとめてご紹介。 昨年末より話題持ちきりのAI関連ツール、特に増えています。 また、Webサイト制作が楽になる時短ツールやデザインツールなど、あらゆるクリエイティブな案件、プロジェクトで活躍しそうな新ツールが中心。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. AIツール 2. Webデザイン便利ツール 3. 配色ツール 4. デザインツール 5. プロトタイプ・アイコンツール 6. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ AIツール Hotpot 写真の背景を削除したり、拡大ししたり、不要なものを消したり、古い写真のカラー化などを、AIがまとめて行う自動ツール。 加工した写真は、InstagramやTwitt
この記事では、制作を手掛けているサイズに関わらず拡大縮小できる、無料ベクターテクスチャ＆パターン素材をまとめてご紹介します。 フォトショップとイラストレーター両方に対応できるだけでなく、配色やサイズも自由に編集できる点はベクター形式の強みと言えるでしょう。 デザインの雰囲気をガラリと変える素材から、質感や細かいディテールを強調するグランジ系アイテムまで、幅広いデザイン用途に利用できます。 無料で高品質！ベクター形式のテクスチャ、パターン素材50個まとめ Modernist Abstract Vector and Pattern Set シンプルな幾何学図形を組み合わさえた、モダンなアブストラクト系ベクターパターンセット。Illustratorでお好みの配色やサイズに変更することも可能です。 Free Geometric Retro Style Pattern シンプルな幾何学パターンとレト
2019年も半分を過ぎたところで、ウェブデザイン最新の動向、トレンドを一度確認してみましょう。 特に2019年は、ウェブデザインで注目したいトレンドが満載となっており、新旧さまざまなトレンドの復活、誕生が今後も期待されています。 この記事では、ウェブデザインの進化に対応する注目すべき最新デザイントレンド19個をまとめてご紹介します。 配色や文字テキストの使い方、タイポグラフィー、インターフェース全般、ボイスコントロール、UXデザインなどウェブデザインに重要な要素が話題のトレンドとなっています。 コンテンツ目次 1. デザインにおける感情 2. 色は多くを語る 3. 客観的なアニメーション 4. 音声コマンドの普及 5. 単一ページへの回帰 6. 非現実なデザインを目指して 7. ビンテージ書体への移行 8. UXに注目がシフト 9. 可変フォントの登場 10. 分割、スプリット画面が人気に
Webデザインをするとき、どんなデザインや仕掛けを採用したらよいか、迷うというひとも多いのではないでしょうか。 今回は印象に残るウェブデザインを表現できる、最新のHTMLスニペットをまとめてご紹介します。 CSSで表現できる最新テクニックから、複雑であっと驚くデザインまで、CodePenで話題のスニペットを中心にセレクト。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、まずはやりたいことを試してみませんか。 コピペで簡単！他と差のつくHTML/CSSスニペットまとめ キラキラに輝く立体的なクレジットカード クレジットカードの向きを変えることで、キラリと輝くグリッターデザインを施した素敵スニペット。 See the Pen Responsive, Glittery Bank Card by Simon Goellner (@simeydotme) on CodePen.
この記事では、文字テキストを入力するだけでおしゃれな雰囲気を表現できる、最新の英語・日本語フリーフォントをまとめています。 人気の高い手書きや筆記体スタイルの他に、ポップでかわいいフォントや使い勝手の良いゴシックフォント、毛筆、かっこいいフォントなど幅広いセレクションが揃います。 紹介しているフリーフォントはどれも無料ダウンロードが可能となっていますが、利用の際には一度ライセンスに目を通すようにしましょう。 商用ライセンス付の期間限定プレミアム日本語フォント集 クライアント向け案件でも利用できる、商用ライセンス付きのフォントを探しているひとは、4月7日までの2週間限定特別セールも活用してみましょう。 大活躍！コミックフォントコレクション – Design Cuts Japan 今回の素材集では、見出しにぴったりのコミックフォントと漫画のセリフに使えるアンチック体、動作環境を選ばず使える加工
Adobe CCユーザーであれば�、追加料金なしですべてのフォントを個人、商用にも利用できるAdobe Fonts。 4月10日の「フォントの日」に合わせて、日本語191フォントが追加されたのでご紹介。利用できる日本語フォントは、436個と大幅に増えたことになります。 Adobe Fonts 日本語フォントが大幅拡充！191フォントが追加 今回新しくフォントベンダーとして、墨東ルイカなどを提供するType-Labo、FONT1000、味明、手書きや本舗、好恵の良寛さん、Gradeoが加わりました。CCユーザーは無料で利用でき、商用利用もOKです。 では、追加された日本語フォントの一部を詳しくみていきましょう。 Gradeo Gradeoからは、6書体が追加されています。 TA男爵 書体のトメハネが特長的な、手書き日本語フォント。 TA演芸筆 落語や寄席、講談などで使用されていそうな筆文字で
この記事では、Photoshopで思い通りの文字の加工ができるテキストエフェクト用チュートリアルをまとめています。 グラデーションや影の加え方、文字をアーチ状にするといった需要の高いPSテクニックはもちろん、立体感のある3Dデザインやネオン、グリッチエフェクトいった旬のグラフィックまで、幅広いテキストエフェクトが揃います。 チュートリアルを手順通り進めることで、Photoshopの実践的なツールの使い方を基本からマスターできます。デザインアイデアに困ったときの参考にもおすすめです。 先日、過去8年分のIllustratorテキストエフェクト用チュートリアルもまとめました。「フォトショよりイラレ。」というひとはこちらの記事もどうぞ。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 数クリックで魅力的なテキストエフェクトが完成！無料PSDエ
この記事では、今後のWeb制作で参考にしたい最新Webサイトデザイン50個をまとめてご紹介します。 世界中の優れた実例サンプルを実際に見ることで、印象や配色、レイアウト、書体などの新しいアイデアや発想を手に入れましょう。 2020年に注目されているデザイントレンドも盛り込んだサイトを中心に、見ているだけで楽しくなる体験型のインタラクティブなデザインが増えています。過去のサンプル例と一緒にいかがでしょう。 いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ 【総まとめ】2019年印象に残った世界のベストWebデザイン厳選50個 Web参考アイデアに！注目の最新ウェブデザイン50個まとめ Yoichi Kobayashi 燃えるドクロで海外でも話題となっている、日本人Webデベロッパーのポートフォリオサイト。コンテンツを切り替えるたびに、まるで紙が燃えているようなエフェクトが
この記事では、ウェブサイトのクリエイティブなアイデアが欲しいときに参考にしたい最新デザイン42個をまとめてご紹介します。 美しいタイポグラフィーや配色、シェイプの使い方などどれも魅力的なサイトばかりで、メッセージやコンセプトを伝えるユニークな方法が揃います。また、最新のデザイントレンドを取り入れるきっかけにも良いかもしれません。 サンプル例でわかる！注目したい2020年のWebデザイントレンド8個まとめ 最新スタイルはこれ！ウェブデザイン見本コレクション The Scott Resort & Spa スクロール追尾アニメーションを中心に、パステルカラーの配色やグリッドを崩したレイアウト、SVGアニメーションなどさまざまなトレンドを取り入れています。ランディングページ作成の参考にもどうぞ。 Rumsans ページを左右に分割し、スライダーと新着コンテンツを並べるなどブログメディアのアイデアに
本日が最終日となるAdobe MAX 2020イベントですが、今回の開催に合わせてクリエイティブな発表が数多く行われました。 7万以上のデザイン素材の無料提供や、Photoshopの最新アップデートによって、作業効率がはかどり、時間短縮にもなる新機能がたくさん追加されたり、iPad版Illustratorがついに登場するなど、クリエイティブがより身近になっています。 Photoshopが進化！新しいCC 2021の便利な新機能まとめ（空を置き換え, ニューラルフィルター） 個人的ヒットとしては、時間のかかることの多い、髪の毛や複雑な背景など扱いにくい被写体を含む選択範囲作成が、さらにパワーアップし使いやすくなっている点です。 この記事では、ほんの数クリック、数秒の作業で完了する、フォトショップの画像切り抜きテクニックを詳しく見ていきましょう。 フォトショップは7日間の無料体験を実施しており
この記事では、毎月増え続けるフォントの中でも特にかっこいい最新の英語フリーフォントのみを厳選してまとめています。 今月は新型コロナの影響で世界的に自粛が続くなか、少し気持ちが明るく、そして楽しくなるデザインフォントを多くセレクトしています。 紹介しているフリーフォントはどれも無料ダウンロード可能となっていますが、利用の際には一度ライセンスに目を通すようにしましょう。 かっこいい英語フォントが無料！最新フリーフォントまとめ Osaka Chips – Fun Font 楽しげな雰囲気をデザインする大文字アルファベットフォント。 ※ 個人利用可能 Free Demo Quechely Display Font レトロデザインに最適なフリーフォント素材。 ※ 個人利用可能 Naughty Monster Display Font 太字でかわいい手書きフォントは、個性をはっきり主張する楽しいデザイ
この記事では、これから2020年に注目したいグラフィックデザインの最新トレンド10個をピックアップ、大予想しています。新しい令和の時代に入り、これからよりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 2019年に注目したい！グラフィックデザインの最新トレンド10個まとめ 動画がアツい！After Effectsで使える無料テンプレート厳選65個カテゴリ別まとめ【完全版】 人気上昇中！2016年から続くグラフィックデザインの鉄板トレンド9個まとめ 2017年に注目したい、グラフィックデザインの最新トレンド9個まとめ コンテンツ目次 1. サイバーパンクな配色 2. ストリートアート・スタイル 3. 極細の幾何学デザイン 4. 紙をちぎったカットアウト・コラージュ 5. 個性たっぷりなハンドレタリング 6. ディストピアの美学 7. ハイパー・パ
アートワークや写真にヴィンテージな雰囲気を追加したいときは、紙テクスチャ素材を活用してみましょう。 紙テクスチャは、背景デザインとしてはもちろん、アートワークに重ねたり、マスク機能を利用すれば手軽にアンティークな雰囲気を演出できます。 この記事では、無料ダウンロードできる紙テクスチャ、パターンを厳選し、合計33セットをご紹介します。これらの無料テクスチャ素材を利用して、クリエイティブなデザインを作成してみましょう。 リアルな紙の質感！持っておきたいフリーテクスチャ素材まとめ【完全版】 Glued Paper Texture Background vol.2 べたりとのり付けした紙の風合いをそのまま再現できるオーバーレイ・テクスチャ素材。フォトショップでテクスチャレイヤーの描画モードを「オーバーレイ」または「スクリーン」などを試してみましょう。 20 Free Old Paper Textu
Web制作を楽にする便利なSVGツール53個まとめ
この記事では、Webデザイン制作の面倒な作業を楽にこなす、便利なSVGツール53個をまとめてご紹介します。 背景テクスチャやSVGシェイプから、オンラインSVGツールやSVG最適化ツールなど、SVGにまつわるあらゆるツールを揃えています。 新しいツールが見つかり次第アップデートしていく予定なので、ブックマークしておくと良いかもしれません。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作をもっと楽に！便利なSVGツールまとめ Haikei ユニークなSVGシェイプや背景、シームレスパターンを作成できるオンラインツールで、グラデーションや波ウェーブなど基本的なシェイプはほぼ揃います。 配色やサイズなど、本格的なカスタマイズができるのも特長で、作成したデザインはSVGやPNGファイルとして無料ダウンロード可能です。 Cool Backgrounds お好みの配色をつか
Web制作やデザイン案件など、クリエイティブな業務の効率アップを考えている方へ。 快適な作業環境づくりには、有益なツールや素材を知っておき、いつでも使えることが重要です。 その理由は、圧倒的な作業スピードとクオリティーの違い。 すべてゼロからしようとすると、時間も労力もかかってしまう面倒な作業も、ツールを使えばクリックひとつで完了したり、そのまま使えるオシャレなデザイン素材など、時短につながることばかりです。 ここで紹介する最新ツールを利用して、ストレスのない快適な作業ワークフローを実現しましょう。
Googleは、これまでEarth Viewコレクションを通じて何百もの美しい壁紙をシェアしてきました。これらの画像は、人工衛星から見事に撮影された地球という惑星を、超リアルな鳥瞰図として提供されています。 今回行われた過去最大のアップデートで、ギャラリーに無料ダウンロードできる画像1000枚が追加され、これで合計2,500枚以上となりました。 それと同時に、「より鮮やかな色、鮮明な画像、最大4Kの高解像度」な今日の画面ディスプレイ向けに最適化された点もこれまでと大きな違いでしょう。無料ダウンロードできるのはもちろん、個人および商用に関わらず自由に利用できます。 すべての画像は、Earth Viewギャラリーページからダウンロードするか、同様に人気の高いChrome拡張機能をインストールすることで、新しいタブを開くたびに新しい画像を表示できます。また、Androidスマートフォン端末であれ
この記事では、今後のWeb制作で参考にしたい最新Webサイトデザイン40個をまとめてご紹介します。 「デザインのアイデアが見つからない」「見本サンプル例が欲しい」そんなときに活用したい世界中の最新ウェブデザイン実例を集めました。 アニメーションが当たり前となった今、ウェブデザインの魅せ方はさらに進化を続けています。2020年に入って紹介したウェブサイトと一緒に確認してみてはいかがでしょう。 Webアイデアの宝庫！注目したい最新ウェブデザイン35個まとめ Web制作の参考アイデアに！いま話題の最新ウェブデザイン50個まとめ いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ Web制作参考アイデア集！話題の最新ウェブデザインまとめ Delassus ポリゴンスタイルの鮮やかなイラストを使った水平パララックススクロールが特長で、スクロールに合わせたアニメーションでユーザーの目
毎年、カリフォルニア州ロサンゼルスで開催されるAdobe Max。2019年の今年は、Photoshopにさまざまな新機能が追加されたメジャーアプデートとなりました。 今回は、実際に新しくなったPhotoshop CC 2020を使いながら、チェックしておきたい便利な新機能10個をまとめてご紹介します。 1. オブジェクト選択ツール Photoshopバージョン21.0で追加された新機能「オブジェクト選択ツールW」。選択したい人物や動物などの被写体の周りを囲むだけで、複雑な選択を自動処理してくれる即戦力。「オブジェクト選択ツール」のより詳しい紹介については、以下の記事でまとめています。 Photoshop新機能！オブジェクト選択ツールつかった被写体の切り抜きや選択の時短テクニック3つまとめ また、Adobe公式のPhotoshopマニュアルのオブジェクト選択ツールも参考にどうぞ。 2. 変
この記事は、世界中からセレクトしたWebデザイン制作の参考にしたい最新サイトリンク集です。 国内外を問わず集められた良質なサイトは、デザイン性はもちろん配色選びやレイアウトの見本にも最適。 2022年の人気デザイントレンドも意識した、素敵なWebサイトを中心にまとめています。 Webデザイナーが参考にしたい、世界の最新ウェブデザイン35個まとめ Norwegian Soda Company ブランドのテーマカラーでもある黄色を見事に反映した、参考にしたい配色カラーパレットが美しいデザイン。 Gloutir ピンクカラー好きにおすすめしたい、フラミンゴのイラストがかわいいサイト。コントラストの強いセリフ書体が、サイトデザインを際立たせます。 Steffie de Leeuw ヴィンテージなボタニカルイラストが印象的なサイトデザインで、レイヤーの重なり具合やパララックスエフェクト、クラシカルな
デザインに興味があるあなたへ。 デザインは時間との戦い。アイデアを形にする時間を増やすためには、効率的なツールと素材えらびが不可欠です。 ここでは、初心者からプロのデザイナーまで利用したい、120のツールと素材を厳選、わかりやすくカテゴリ別に分けています。 そして何と言っても、これらは全て無料で利用できます。 デザイン制作がスムーズに進み、細部へのこだわりも容易になります。 デザインの効率化の一環として、これらのツールを使ってみてください。 これらのツールを使うことで、あなたのデザイン制作が一層楽になるでしょう。
２０２３年は、Photoshopにとって「革命」と言えるほど重要な年となりました。 理由はずばり、「AIを活用することで、従来は考えられないほど簡単に、デザインができるようになった」から。 これまでプロでも時間と手間のかかっていた面倒な作業も、ほんの数クリックで誰でも作成できる。 そんな嘘のようなことが、当たり前になってきています。 この記事では、２０２３年のフォトショップ最新機能やチュートリアル、使い方ベスト70選をご紹介。 カテゴリより目的に応じた新しいPhotoshopテクニックを活用してみましょう。 「フォトショップって、こんなこともできるの?!」きっと、あなたも驚くはずです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
動きで魅せる！Web制作の参考UIインタラクション、アニメーション38個まとめ
Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】
これもフォトショップ？参考にしたいすごい最新チュートリアル、つくり方27個まとめ
アニメーションで魅せる！Web制作の参考UIインタラクション40個まとめ
クリエイター注目！人工知能（AI）活用のすごい＆無料ウェブサービス22選
これどうやるの？手を動かして学ぶIllustrator最新チュートリアル20選
フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選
Illustrator初心者にもオススメ、最新チュートリアルや使い方20個まとめ
【総まとめ】2020年公開のすごいIllustratorチュートリアル、作り方厳選まとめ
フォトショップ上達への道！押さえておきたい最新チュートリアル、使い方38個まとめ
手書きイラスト苦手克服！数千種類のイラスト素材を無料ダウンロードできるサイトOuch
Adobe公式PSブラシ1000＋個を無料ダウンロードする方法（インストールからブラシ整理テクニック）
Figmaを最強デザインツールにする便利な無料プラグイン、ツールまとめ
【総まとめ】2019年印象に残った世界のベストWebデザイン厳選50個
現役デザイナー直伝！最高のアニメーションを作成する7つの小技テクニックまとめ
「これ、どうやる？」真似したくなるフォトショップ最新チュートリアル、作り方40選
動きを思いのままに！とびきりWebアニメーションアイデア35選
コピペできる、保存しておくと便利なHTMLスニペットまとめ
クリエイター注目の便利な最新オンラインツール46個まとめ
無料で高品質！ベクター形式のテクスチャ、パターン素材50個まとめ
今後注目したいWebデザインの動向や最新トレンド19個まとめ【令和元年版】
コピペで簡単！他と差のつくHTML/CSSスニペット30選まとめ
おしゃれなフリーフォント大集合！最新英語・日本語フォント48個まとめ 2020年3月度
Adobe Fonts日本語フォント191個が追加！CCユーザーは無料で商用利用可能
Photoshop文字加工を極める！テキストエフェクト用チュートリアル186個まとめ【保存版】
Web制作の参考アイデアに！いま話題の最新ウェブデザイン50個まとめ
最新スタイルはこれ！ウェブデザイン見本コレクション 2019年11月度
Photoshopの画像切り抜きが進化！髪の毛や複雑な背景もほんの数秒で作業完了
かっこいい英語フォントが無料！最新フリーフォント59個まとめ 2020年4月度
2020年に注目されているグラフィックデザインの最新トレンド10個まとめ
リアルな紙の質感！持っておきたいフリーテクスチャ素材まとめ【完全版】
サクサク爆速で作業をこなす最新ツール、素材39個まとめ
Google Earthから無料ダウンロードできる美しい壁紙1000枚がリリース！商用利用も可能に
Web制作参考アイデア集！話題の最新ウェブデザイン40個まとめ
Photoshop CC 2020に追加された便利すぎる新機能10個まとめ
Webデザイナーが参考にしたい、世界の最新ウェブデザイン34個まとめ
秒速でデザイン！制作時間を半分に削る100の無料ツールと素材まとめ
【総まとめ】2023年公開のすごいPhotoshopチュートリアル、作り方ベスト70