Webデザインの種明かし、コピペできる最新HTML／CSSスニペット30個まとめ - PhotoshopVIP

2021/09/03 114 users CodePen PhotoshopVIP 種明かし コピペ

この記事では、Webデザインの引き出しを増やす、コピペで使える最新HTML／CSSスニペットをまとめてご紹介します。 Codepenで話題となっているものを中心に、今後のデザイン制作に活用したいアイデアがずらり揃った今回。新しいウェブデザインの可能性を感じるものばかりとなっています。 https://photoshopvip.net/12989... 続きを読む

初心者でも簡単！コード不要のホームページ作成ツールElementorをはじめよう - PhotoshopVIP

2021/09/01 25 users PhotoshopVIP ウェブデザイナー ウェブサイト

かつて昔、コードを学んだり、ウェブデザイナーでない限り自分のウェブサイトを作ることは、ほとんど不可能でした。 しかし2021年となったいま、WordPressとElementor（エレメンター）のようなドラッグ&ドロップを基本とした、直感的なWebページビルダーを使えば、誰でも簡単にウェブサイトを作れるようになりました。 ... 続きを読む

無料で商用OK！筆記体フリーフォント10年分をまとめた秘密リスト - PhotoshopVIP

2021/08/12 238 users PhotoshopVIP 商用OK 無料

「筆記体でかわいい、おしゃれなデザインにしたい」と思っていても、いざ文字を入力してみると「なんか思ってたのと違う」と感じたことはないでしょうか。また、お気に入りのフォントをやっと見つけたら個人利用のみだった、なんて経験も。 当ブログで10年以上に渡り、コツコツと集めてきたフォントのなかから、商用利用... 続きを読む

面倒なWeb制作におさらば！便利すぎる新登場オンラインツール48個まとめ - PhotoshopVIP

2021/08/10 45 users あっという間 ひと 時短 限界 たび

Web制作のたびに繰り返し手こずって、時間のかかってしまう作業ってないでしょうか。 作業の効率化や時短において、限界を感じているひとにこそ刺さる、知っておきたい最新オンラインツールをまとめてご紹介します。 面倒な作業もあっという間に終わるだけでなく、どれも無料で利用でき、これまでのWeb制作がガラリと変... 続きを読む

【商用OK】漢字も使えるオススメ日本語フリーフォント102個まとめ - PhotoshopVIP

2021/07/21 30 users ひと フォント 用途 日本語フリーフォント 定番アイテム

この記事では、商用利用でき漢字も使える日本語フリーフォントをまとめてご紹介します。 日本語フリーフォントも数が増え、どれを使えばよいか迷ってしまうというひとも多いのでしょうはないでしょうか。 定番アイテムから最近公開されたフォントまで、「使える」日本語フリーフォントを一覧でまとめているので、用途に... 続きを読む

【商用可＆無料】2021年上半期ベスト英語・日本語フリーフォント厳選85個まとめ - PhotoshopVIP

2021/07/12 17 users PhotoshopVIP 商用可＆無料

当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2021年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 2021年上半期は、特に数多くの日本語フリーフォントが公開され、おしゃれな英語フリーフォントから高... 続きを読む

Webの進化が止まらない、コピペ可な最新HTMLスニペット40個まとめ - PhotoshopVIP

2021/07/07 17 users snippet PhotoshopVIP 切れ端 断片 部品

この記事では、Webデザインの進化を体感できる、コピー＆ペーストで実装OKな最新HTML／CSSスニペットをまとめてご紹介します。 一般的に「切れ端、断片」といった意味をもつスニペット（英: Snippet）は、ウェブサイトなどのプログラミングで簡単に切り貼り、再利用できる部品、コンポーネントを指します。 2020年に話題... 続きを読む

Amazonも！有名WebサイトのCSSボタンデザイン77個をコピペ再現できる Copy ＆ Paste CSS - PhotoshopVIP

2021/06/29 22 users Spotify PhotoshopVIP Slack コピペ

Amazonも！有名WebサイトのCSSボタンデザイン77個をコピペ再現できる Copy ＆ Paste CSS CSSボタンデザインは、スタイルを変えるだけでガラリと印象を変えることができるウェブデザイン要素のひとつです。 Copy & Paste CSS は、AmazonやSpotify、Slackといった有名Webサイトで使われているボタンデザイン用CSSスニペッ... 続きを読む

Webデザイン力を鍛える最新良質ウェブサイト33個まとめ - PhotoshopVIP

2021/06/25 22 users PhotoshopVIP

「ウェブデザインのアイデアが決まらない」「なんとなくイメージはあるけど、どう作ればいいかわからない」「打ち合わせでのサンプル見本が欲しい」 この記事では、そんなときに役立つ世界中のクリエイティブな最新Webデザイン33個サイトをまとめてご紹介します。 すぐれたデザインをたくさん見ることで、アイデアやイン... 続きを読む

【フォトショップ】写真をリアルな紙幣プリント風に加工する方法 - PhotoshopVIP

2021/06/11 22 users PhotoshopVIP テクス フォトショップ テクスチャ

この記事では、フォトショップでワンランク上のハーフトーン画像をつくる方法をご紹介します。 まるで印刷されたコミック漫画のようなハーフトーンスクリーン効 デザインの完成予定 できあがりがこちら。特殊なテクスチャさえ作成してしまえば、あとはドラッグ＆ドロップであらゆる写真に対応できます。 「魔法のテクス... 続きを読む

【フォトショップ】写真やイラストをレトロなハーフトーン風に加工する方法 - PhotoshopVIP

2021/06/09 10 users PhotoshopVIP テクスチャ フォトショップ 質感

この記事では、フォトショップでワンランク上のハーフトーン画像をつくる方法をご紹介します。 まるで印刷されたコミック漫画のようなハーフトーンスクリーン効果に、テクスチャの質感を加えることで、よりリアルなヴィンテージ感を演出できるテクニックです。 ハーフトーンのサイズを自由に調整、編集できるだけでなく... 続きを読む

【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選 - PhotoshopVIP

2021/05/24 16 users 意訳 PhotoshopVIP CSS 実装 著者

海外サイト Marko Denic で公開された HTML Tips を著者 @denicmarko より許可をもらい、意訳転載しています。 この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。 CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイ... 続きを読む

【CSS】知っておくと便利！短いコードで実装できるCSS小技20選 - PhotoshopVIP

2021/05/19 27 users PhotoshopVIP カスケーディング CSS HTML

この記事では、あまり知られていないCSSの小技20個を実例サンプルと一緒にご紹介します。 わずかなコードで実装可能なテクニックばかりで、ウェブ制作でも気軽に活用することができます。 そもそもCSSってなに？ CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）とは、HTMLなどのマークアップ言語で... 続きを読む

Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ - PhotoshopVIP

2021/04/26 183 users ウェブデザイン PhotoshopVIP ワンクリック 案件

この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行って... 続きを読む

Web制作の効率、生産性アップ！話題の最新オンラインツール33個まとめ - PhotoshopVIP

2021/03/16 163 users ウェブデザイン PhotoshopVIP グラフィック 案件

この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円... 続きを読む

商用可能！日本観光がテーマの無料ピクトグラム280個セットExperience Japan Pictogram - PhotoshopVIP

2021/02/24 10 users プロジェクト PhotoshopVIP 範囲内 利用規約 無料

日本観光をテーマにした、シンプルで分かりやすいピクトグラム280個を揃えたExperience Japan Pictogramの無料公開がスタートしています。 利用規約の範囲内であれば、個人利用はもちろん、商用でも無料で利用できるという太っ腹なプロジェクトとなっています。 Experience Japan Pictogramとは Experience Japan Pictog... 続きを読む

ほんの数行のCSSで実装できる小技テクニック12個まとめ 【簡単＆実用的】 - PhotoshopVIP

2021/02/12 13 users ウェブ PhotoshopVIP 仕様 Web制作 表現

ウェブがますます進化することで、表現の可能性がぐんと広がっており、CSSはその代表と言えます。 ほんの数年前までJavaScriptなどで実装していた複雑な仕様も、CSSのみで実現できるようになってきています。 この記事では、ほんのわずかなCSSで実装できる小技テクニック12個をまとめてご紹介します。 Web制作で活用でき... 続きを読む

フォトショップでまず入れておきたい無料ブラシ素材60個まとめ 2021年版 - PhotoshopVIP

2021/02/10 47 users PhotoshopVIP フォトショップ ブラシ ブラシ素材

フォトショップの素材の中でも、高品質なブラシは使いやすさから高い需要となっています。 この記事では、フォトショップでまず入れておきたい無料ブラシ素材60個をまとめてご紹介します。 ブラシ素材のインストール方法や、新しくなったCreative Cloudライブラリを活用したブラシの整理、保存テクニックは以下の記事を... 続きを読む

商用OK！今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイト19個まとめ - PhotoshopVIP

2021/01/20 17 users PhotoshopVIP プロトタイプツール figma

Stubborn Generator SketchやFigma、Adobe XDなどのプロトタイプツールで利用できる、無料のキャラクター作成ツール。異なる表情や服装、ポーズなどニーズに合ったデザインに仕上げることができます。 Humaaans 着せ替え感覚で自分だけのオリジナルイラストを手軽に作成できるSkethc用ライブラリ。体のパーツや肌の色、... 続きを読む

現役デザイナー直伝！デザイン作業が爆速になるFigmaプラグイン手順別まとめ - PhotoshopVIP

2021/01/18 19 users PhotoshopVIP 爆速 デザイン作業

この記事では、マイクロソフトで働く現役プロダクトデザイナーPranava Tandra氏が、一般的なデザインプロセスの各ステップで利用しているFigmaプラグインをまとめてご紹介します。 大前提としてプラグイン（英: Plugin）とは、アプリケーションの機能を拡張するサードパティ製スクリプトのことを指します。 Figmaプラグ... 続きを読む

2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 - PhotoshopVIP

2021/01/15 165 users CodePen PhotoshopVIP STATS 話題

You need to install Jetpack plugin and enable the "Stats" module to be able to use this. HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 202... 続きを読む

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

2020/12/21 23 users ツール リスト Webデザイン制作 コレクション 新しいツール

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで... 続きを読む

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

2020/12/21 683 users ツール リスト Webデザイン制作 コレクション 新しいツール

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで... 続きを読む

【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ - PhotoshopVIP

2020/12/19 20 users PhotoshopVIP 総まとめ 作り方厳選まとめ

当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたP... 続きを読む

【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ - PhotoshopVIP

2020/12/18 839 users PhotoshopVIP 総まとめ 作り方厳選まとめ

当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたP... 続きを読む