タグ

ブックマーク / photoshopvip.net (50)

  • Web制作の時短に!2020年の便利オンラインツール・ベスト100選

    この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(14個) 2. パターンツール(7個) 3. イラスト系ツール(3個) 4. デザインツール(10個) 5. 配色カラーツール(6個) 6. グラデーションツール(3個) 7. SVGツール(8個) 8. スクリーンショ

    Web制作の時短に!2020年の便利オンラインツール・ベスト100選
    dai-suc
    dai-suc 2020/12/22
  • ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ

    この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクション ウェブデザイン制作を爆速に!便利な最新オンラインツールまとめ デザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる

    ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ
    dai-suc
    dai-suc 2019/05/07
  • イラスト作成もOK!ベクター素材を無料ダウンロードできるWebサイト厳選22個まとめ

    無料で利用できるベクター素材は、制作時間のかかりそうなイラストやパーツなどを手軽に利用できる、グラフィックデザインでも重宝するアイテムです。 今回は、さまざまなシーンで利用可能な、高品質なベクター素材を無料ダウンロードできるサイト22個を国内、海外編に分けてご紹介します。 ベクター素材のクオリティが高いのはもちろん、商用利用にも対応したフリー素材が数多く公開されています。制作時間が短縮したいというときにいかがでしょう。 デザイン力で勝負する!ベクター素材を無料ダウンロードできるWebサイト厳選22個まとめ 海外編(全12サイト) unDraw デザイン性の高さだけでなく、豊富なジャンルを網羅したスタイリッシュなベクターイラストを多数公開しています。すべてのイラストのタッチが統一されているので使いやすく、その場で配色を変更、確認することも可能。 Humaaans 着せ替え人形感覚で、人間のイ

    イラスト作成もOK!ベクター素材を無料ダウンロードできるWebサイト厳選22個まとめ
    dai-suc
    dai-suc 2019/03/01
  • フリーフォントが熱い!ダウンロードしておきたい新作無料フォント46書体まとめ 2019年2月度

    当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。今回は、2019年2月度のフリーフォントまとめです。 あらゆる太さの揃った万能フォントから、アウトドアを連想させる素朴でかわいい日フォント、今年注目レトロスタイルの太字セリフ書体、個性を演出できるブラシフォントなど、幅広いセレクションが今月も揃いました。 人気のある最新フォントトレンドも一緒に確認しておけば、どのようなフォントスタイル、デザインに注目が集まっているのか分かりやすいかもしれません。 2019年のフォントはこれで決まり!トレンド対応の無料フリーフォント厳選60個まとめ デザイナーが愛用したい!こだわりの最新フリーフォントまとめ Blinker Font Family シンプルで読みやすさが特長のサンセリフ書体で、フォントの太さに応じて9ウェイトが用意されているので、組み合わせて利用するだけで、ス

    フリーフォントが熱い!ダウンロードしておきたい新作無料フォント46書体まとめ 2019年2月度
    dai-suc
    dai-suc 2019/02/27
  • 【CC0ライセンス 】モネや北斎も!世界の名画52,000枚を無料ダウンロードできるシカゴ美術館 - PhotoshopVIP

    アメリカ3大美術館にも数えられているシカゴ美術館は、一度は足を運んでみたいシカゴの人気スポットです。そんなシカゴ美術館の公式ウェブサイトが最近リニューアルし、話題を呼んでいます。 このリニューアルに合わせ、シカゴ美術館内に展示されている、美術の教科書で見たことのあるような世界の名画52,000枚を、高画質で無料ダウンロードできるサービスが開始されたので、今回はご紹介します。どれも、クレジット表記なしで自由に利用できます。 世界の名画52,000枚を高画質で無料ダウンロードできるシカゴ美術館 シカゴ美術館(英: The Art Institute of Chicago)は、ニューヨークのメトロポリタン美術館、ボストンのボストン美術館と並んで、アメリカの3大美術館にも数えられ、モネやルノワールなど印象派コレクションは、フランス国外では最大規模と言われています。 今回のウェブサイトのリニューアル

    【CC0ライセンス 】モネや北斎も!世界の名画52,000枚を無料ダウンロードできるシカゴ美術館 - PhotoshopVIP
    dai-suc
    dai-suc 2018/10/30
  • 超便利!確認しておきたい最新CSSツール、リソースガイド 2018年度

    ここ数年起こっているCSSの変化と急速な進歩により、絶え間なくリリースされている膨大な量のオープンソースのツールには驚かされます。 制作時間を節約、短縮できるCSSライブラリやフレームワーク、およびツールは、制作をより手軽に、より簡単にすることを目的に構築されており、理解できていないCSSに関しては学習用ガイドなども数多く提供されています。 このコレクションでは、2018年にリリースされた50種類のお気に入りCSSライブラリ、フレームワーク、リソース、便利ツールをまとめてご紹介します。ユニークなアイデアを形にできるツールがきっと見つかりますよ。 1. CSS レイアウトフレームワーク 2. CSS Flexbox フレームワーク 3. CSS ライブラリ 4. お役立ちCSSユーティリティ 5. オンラインCSSツール/生成ツール 6. CSS画像エフェクトツール 7. CSS学習リソース

    超便利!確認しておきたい最新CSSツール、リソースガイド 2018年度
    dai-suc
    dai-suc 2018/06/08
  • グラフィックデザインに強い!高品質な無料PSDファイル47個まとめ

    グラフィックデザインやWebデザイン制作に役立つ、無料ダウンロードできるPhotoshop用最新PSDファイルを幅広くまとめています。 時間に追われがちなデザイナーのひとにこそ使って欲しい、便利な時短アイテムを利用してみてはいかがでしょう。 文字テキストを編集すれば印刷もできる名刺や履歴書、ロゴ、ポスター、イベントフライヤーなどのテンプレート素材の他にも、完成したアートワークや作品をより魅力的にするモックアップ、写真加工用アイテムやカスタム自在のテキストエフェクト、パターン、グラデーションなど幅広いデザインが揃います。 作業ペースが上がる!ブックマークしておきたい無料UIデザイン素材40個まとめ 文字フォントが一瞬で美しく!手の込んだPhotoshopテキストエフェクト素材30個まとめ グラフィックデザインに強い!高品質な無料PSD素材まとめ Free 3D Gold Text Effec

    グラフィックデザインに強い!高品質な無料PSDファイル47個まとめ
  • Photoshop作業を爆速に!便利すぎる無料ツール、拡張機能、素材あつめました。

    デザインの現場に欠かせない Photoshop(フォトショップ)は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい!作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ!良質Ph

    Photoshop作業を爆速に!便利すぎる無料ツール、拡張機能、素材あつめました。
    dai-suc
    dai-suc 2017/04/21
  • これでもう悩まない!2017年のデザイントレンド完全ガイド

    2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジーファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表!確認しておきたいポイントとは? 2017年のWebデザインはどうなる?

    これでもう悩まない!2017年のデザイントレンド完全ガイド
  • 2017年に注目したいWebデザイン業界の動向やトレンド総まとめ

    2017年、早くも2週間が過ぎたことで、さまざまなデザインブログで今年のWebデザイントレンドが予想され、公開されています。 今回は、海外のデザインブログで公開された、2017年のデザイントレンドの中から、特に気になる記事をピックアップしてご紹介します。ウェブデザイン制作に関わる業種はもちろん、これからWebサイトを作成しようと検討している方も一度目を通しておくと良いでしょう。各ブログが共通して予想しているトレンドも多く、2017年が楽しみな内容となっています。 2017年のWebデザインはどうなる?デザイナーが注目したい流行トレンド10個まとめ コンテンツ目次 1. 2017年のWebデザイン制作で注意しておきたい10のコト from CreativeMarket 2. 2017年におけるWeb制作業界全体の流れ from SitePoint 3. 2017年に実際に起こるであろう、7つ

    2017年に注目したいWebデザイン業界の動向やトレンド総まとめ
  • サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材30個まとめ 2016年10月度

    Bootstrapなどのフレームワークの登場によって、ウェブサイト制作は以前よりも手軽に、そして身近になってきています。特にデザイントレンドをうまく採用したHTMLテンプレートを利用することで、モバイル端末へのレスポンシブ対応はもちろん、簡単にサイトデザインを作成できるようになっています。 今回は、無料ダウンロードできる新作HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。今後のデザイン制作に活用してみてはいかがでしょう。 詳細は以下から。 サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材まとめ Material Design for Bootstrap Google 公式のデザインガイド「マテリアル・デザイン」をコンセプトに、人気フレームワーク B

    サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材30個まとめ 2016年10月度
  • 【Bootstrap製】最新ウェブテク採用の無料HTML5/CSS3テンプレート素材Boxify

    Webデザイン制作をより手軽に、よりスピーディーに行うことができる人気HMTLフレームワークBootstrap。今回はHTML5とCSS3でデザインされた、スタイリッシュな無料テンプレートBoxifyをご紹介します。 デザイントレンドを反映されたモダンなデザインに、スムーズなアニメーションを加えたアイテムで、あらゆるタイプのポートフォリオやスタートアップ用ランディングページの作成を手助けしてくれます。 詳細は以下から。 無料テンプレートBoxifyについて BoxifyはHTML5/CSS3で制作されたスタイリッシュなテンプレート素材で、以下の最新プラグインを採用することで、モバイルを含むあらゆる端末でのサイト表示にも対応します。同時に快適な操作感を実現しており、ユーザーフレンドリーな高品質なアイテムとなっています。 [list type=”star”] [li]Bootstrap : H

    【Bootstrap製】最新ウェブテク採用の無料HTML5/CSS3テンプレート素材Boxify
  • 経産省が無料の写真素材を配布中?!美しい日本を伝える観光促進サイト Photo METI

    また観光情報のデータベース「観光予報プラットフォーム」と連携し、観光地の基礎情報、混雑情報や、外国人向けのサービス情報なども提供中。今後は、ユーザーの写真投稿機能なども追加予定とのことで、今後ますます楽しみな国産フォトストックサイトのひとつと言えるでしょう。 宮城県 気仙沼港 内湾 Miyagi Inner Bay, Kesennuma Port, METI, CC BY 4.0 International 福島県 さざえ堂 Fukushima Sazae-do Hall, METI, CC BY 4.0 International 福島県 国宝 白水阿弥陀堂 Fukushima Shiramizu Amida-do Hall (National Treasure), METI, CC BY 4.0 International 沖縄県 名蔵湾 Okinawa Nagura Bay, MET

    経産省が無料の写真素材を配布中?!美しい日本を伝える観光促進サイト Photo METI
  • デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度

    オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ&プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov

    デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
  • 写真撮影がもっと上手に!最低限覚えておきたい4つの基本構図テクニックまとめ

    海外サイトPetapixelで公開された「Understanding Basic Aesthetics in Photography」の著者Sebastian Jacobitzより許可をもらい、日語抄訳しています。 スマートフォンやデジタル一眼レフカメラなどの人気によって、これまで以上に誰でも気軽に写真を撮影できるようになりました。しかし、その場の雰囲気までうまく切り取った写真を撮影するのはむずかしい、と感じるひとも多いのではないでしょうか。今回は、SNSでシェアするときにも活用できる、写真をうまく撮影できる4つの大事なポイントをご紹介します。 すぐに実践できるシンプルなテクニックで、これだけのテクニックを押さえているだけでも、より効率的で、美しい構図をあまり悩まずに撮影できるようになります。 詳細は以下から。 写真を撮影するとき覚えておきたい、基の構図テクニック リーディング・ライン

    写真撮影がもっと上手に!最低限覚えておきたい4つの基本構図テクニックまとめ
  • 商用利用にも対応!すごいフォトショップのパターンテクスチャ素材まとめ 2015年7月度

    お好みの範囲を自由なデザインで塗りつぶすことができる、パターンテクスチャ素材。海外デザインブログTexttusで、無料ダウンロードできるパターン素材をまとめたエントリー「45 Free Amazing Digital Paper and Pattern Pack」が公開されていたので、今回は特に印象に残ったアイテムを中心に、新作フリー素材をまとめています。 商用可能アイテムだけをまとめており、そのまま印刷することもできる素材アイテムも多いので、Photoshop以外の幅広いデザイン用途に、活用してみてはいかがでしょう。 詳細は以下から。 うれしい商用可能アイテム!すごいPhotoshopパターンテクスチャ素材まとめ Watercolor Arrows Patterns 水彩絵の具をつかって弓矢を描いた、継ぎ目のないパターンテクスチャ素材。プリント印刷にも対応する、高解像度デザインもうれしい

    商用利用にも対応!すごいフォトショップのパターンテクスチャ素材まとめ 2015年7月度
  • デザイン制作物をたのしく演出する、商用フリーの手描きイラスト素材 haconiwa コレクション【プレゼント企画】

    WEBデザイナーや編集・ライターなどの女子クリエイターさんたちが、心から共感できるモノ・コトを発信するWebマガジン、 haconiwa 様の協力により、先日オープンした haconiwa Design Store を記念して、150点収録のスタンダードコレクション(3,000円相当)を3名様にプレゼントです。 haconiwa スタンダードコレクションについて haconiwa スタンダードコレクションとは、【水彩】【シンプル】【えんぴつ】【万年筆】【アナログ】のすべてのコレクションを収録したお徳用セットです。素材はスタンダードなモチーフ5種(ライン、フレーム、アイコン、吹き出し、矢印)×各30点の全150点セットで、どれも商用フリーで利用できます。 WEB制作はもちろんフライヤー・DMなどの販促物、Power Pointの資料づくりにもオススメです!素材は、背景が切り抜かれたPNG画像

    デザイン制作物をたのしく演出する、商用フリーの手描きイラスト素材 haconiwa コレクション【プレゼント企画】
  • 日本語フリーフォント、これだけは持っておきたい厳選22個まとめ

    中の書体デザイナーさんの努力によって、素敵な日語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。しかしデザインのとき、いつも同じ書体ばかり使ってしまう、という人もいませんか? 公開されているフォントの数が増えたことで、どれも利用してよいか悩んでしまうこともしばしば。特に、デザインコンセプトにあった、商用利用にも対応できる素材を探すのは、時間のかかる作業のひとつかもしれません。 今回は、無料ダウンロード可能で、商用ライセンスにも対応した日語フリーフォントという条件で、幅広いデザインに利用できる、万能アイテムのみをまとめてご紹介します。

    日本語フリーフォント、これだけは持っておきたい厳選22個まとめ
  • これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ

    フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ(Photoshopでも作成できます)に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ

    これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    ウェブサイトを作成してみたいけど、なにから始めたらよいか分からない。また、時間と予算をかけずウェブページをつくりたい。そんなときは、無料ダウンロードできるHTML/CSSテンプレートを利用してみましょう。 人気フレームワーク Bootstrap を利用しているテンプレートも多く、カスタマイズの自由度も高いアイテムを中心に、最新ウェブテクニックを盛り込んだフリー素材をまとめています。無料テンプレートを利用することで、製作時間の短縮につながり、他のデザイナーが作成したコードを確認することで、どのようにデザインされているのか参考にすることもできるます。 詳細は以下から。 ウェブ初心者も安心!すごい無料HTMLテンプレート素材まとめ AKAD 鮮やかな配色カラーパレットに、余白スペースをたっぷり確保したミニマルスタイルのHTMLテンプレート。今年を代表するスタイルのひとつと言えるでしょう。 デモペ

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP