はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ PhotoshopVIP

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 494件)

Web制作の悩みを救う、最新オンラインツール39選 2022年8月編 - PhotoshopVIP

2022/08/08 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip Web制作

目まぐるしい変化への対応を求められるウェブ従事者にとって、制作をより快適にする便利な最新オンラインツールをまとめてご紹介します。 いままで時間のかかっていた面倒な作業がワンクリックで完了の時短ツールから、そのまま使えるウェブテンプレート、シンプルで使いやすいアイコン素材など、ウェブ制作のお悩みをま... 続きを読む

コンセプトをうまく伝える最新Webデザインみほん帖37選 - PhotoshopVIP

2022/08/05 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip コンセプト

「ウェブデザインが浮かばないから、なにか新しいアイデアが欲しい」 「今後の案件で利用できる、最新Webデザイン事情を知りたい」 「ウェブサイト、なにから作ればいいかわからない」 そんなときに目を通したい、国内外の最新おすすめWebデザイン37選をご紹介します。 他のウェブサイトを見ることで、デザインのアイデ... 続きを読む

【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集 - PhotoshopVIP

2022/07/15 このエントリーをはてなブックマークに追加 551 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter NIKE Tesla テスラ ウロコ

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサ... 続きを読む

これは便利!ありそうでなかった最新Web、オンラインツール36選 - PhotoshopVIP

2022/07/06 このエントリーをはてなブックマークに追加 268 users Instapaper Pocket Tweet Facebook Share Evernote Clip 最新Web

この記事では、「それ、何使ってるの?」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、... 続きを読む

【CSS】あっという間に悩み解決!新常識な最新テクニック24選 - PhotoshopVIP

2022/07/02 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS あっという間 解決 新常識 最新テクニック

この記事では、これまでのCSSコーディングの悩みを解決できるかもしれない最新テクニック24個をまとめてご紹介します。 コピペで利用できるテクニックを中心に、実際の問題点や新しい解決案を、実用的なサンプル参考例を確認、プレビューしながら新しいCSSテクニックに触れてみましょう。 ただし、実験段階のプロトタイ... 続きを読む

コピペ一発!便利なCSSレイアウト生成ツールおすすめ12選(Grid & Flexbox編) - PhotoshopVIP

2022/06/28 このエントリーをはてなブックマークに追加 137 users Instapaper Pocket Tweet Facebook Share Evernote Clip Grid コピペ一発

あなたが、いま実装しようとしているレイアウトは、おそらくCSSで実現できるでしょう。 ただし日常の業務をこなしながら、日々進化するCSSの最新テクニックを習得するとなれば、話はまったく別です。 仕事で使えるCSSの技術を、時間をかけて学ぶよりも、ボタンやドラッグ&ドロップ操作で、思い通りのレイアウトを自動で... 続きを読む

フォトショップで写真をハーフトーン、ドット加工!おすすめ素材16選 - PhotoshopVIP

2022/06/27 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip 濃淡 グラデーション フォトショップ コミック漫画 ボタン

写真の濃淡をさまざまなサイズの丸いドットで表現する、ハーフトーン加工。 印刷されたレトロなコミック漫画のような仕上がりから、グラデーションで色付けしたりと、人気の高い写真やイラスト加工のひとつです。 今回は、フォトショップでボタンをクリックするだけでハーフトーン効果を作成できるおすすめ素材を厳選セ... 続きを読む

2022年上半期フリーフォント英語・日本語69個まとめ【商用可&無料】 - PhotoshopVIP

2022/06/25 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip 商用可&無料

毎月新しく公開されるフリーフォント素材の中から、商用利用OK完全無料の英語・日本語フリーフォントを厳選してご紹介。 2022年上半期に話題となったフリーフォントを中心に、日本語や英語フォントなどカテゴリ別にまとめているので、使いたいスタイルに応じて活用してみましょう。 コンテンツ目次 1. 日本語フォント 2.... 続きを読む

グラデーション付き影をコピペ作成 CSS Shadow Gradients とおすすめツール - PhotoshopVIP

2022/06/13 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip 配色 グラデーション オンラインツール 見せ方 方法

グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション(英: Shadow Gradients)を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradients... 続きを読む

UI・UXに強い!デザインシステムにおすすめ Figmaプラグイン20選 - PhotoshopVIP

2022/06/10 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma 苦悩 UI・UX プラグイン 便利プラグイン

Figmaの使い方はとてもシンプルですが、デザインシステムの作成となると話は別です。 ストレスの多い作業プロセスになりがちですが、幸いにもFigmaにはそんな苦悩から救ってくれる、便利プラグインが数多く公開されています。 プラグインはデザインプロセスに欠かせないツールで、プロジェクト特有の問題点を解決したり... 続きを読む

簡単・便利・時短!おすすめ最新オンラインツール35選 - PhotoshopVIP

2022/06/06 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip 時短 便利

この記事では、Webデザイン制作を快適にする最新オンラインツール30個をまとめてご紹介します。 ウェブデザインだけで、あらゆるクリエイティブな場面で活躍しそうな、「あったら便利。」を実現した驚きの新しいツールを中心にセレクト。 これまで時間のかかっていた面倒なことも、ウソのように簡単にこなす便利な機能や... 続きを読む

本当は教えたくないWebデザイン参考ギャラリーサイト30選【2022年版】 - PhotoshopVIP

2022/05/18 このエントリーをはてなブックマークに追加 1277 users Instapaper Pocket Tweet Facebook Share Evernote Clip 2022年版

ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選... 続きを読む

フォトショップで写真を手描きスケッチ風に加工!おすすめ素材20選 - PhotoshopVIP

2022/05/09 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォトショップ 加工 写真

Architecture Sketch – Architectum 3 – Photoshop Plugin 専用のコントロールパネルを使って、手軽に編集できるスケッチイラスト作成キット。ボタンクリックで手描きモードを切り替えできるなど、はじめてでもプロのような仕上がりを実現できる、人気デザイン素材の第3弾。 Archi Sketch Photoshop Action – Architect... 続きを読む

こんなことできるの?!ホームページ制作が楽しくなる最新オンラインツール48個まとめ - PhotoshopVIP

2022/04/28 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブデザイン グラフィック 短縮 案件 プロジェクト

「こんなことできちゃうの?!」「もっと早く知りたかった。」 この記事では、ホームページ制作を快適にする最新オンラインツール48個をまとめてご紹介。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな便利な新ツールを揃えています。 時間の短縮はもちろん、面倒だ... 続きを読む

これどうやるの?手を動かして学ぶIllustrator最新チュートリアル20選 - PhotoshopVIP

2022/03/31 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip Illustrator 最新チュートリアル つくり方 作り方

当サイトでは、Illustratorの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、202 これどうやる?手を動かして学ぶIllustrator最新チュートリアル20選 スクリーンプリント風エフェクトのつくり方 デザインのずれ感やラフさ楽しむことができ、リソグラフスタ... 続きを読む

フォトショップで写真を水彩イラスト風に一発加工!おすすめ素材25選 - PhotoshopVIP

2022/03/29 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォトショップ 水彩イラスト なか つくり方 デザイン素材

フォトショップのなかでも写真を水彩イラスト・絵画ペイント風に加工する方法は、人気エフェクトのひとつです。 アートヒストリーブラシでなぞるだけのつくり方も紹介しましたが、今回はよりお手軽にリアルな水彩イラスト加工ができるデザイン素材をまとめてご紹介。 写真を放り込むだけで完成し、誰でもプロのような仕... 続きを読む

よくあるWeb課題をCSSで乗り切る!知っておきたい最新テクニック20選 - PhotoshopVIP

2022/03/28 このエントリーをはてなブックマークに追加 176 users Instapaper Pocket Tweet Facebook Share Evernote Clip 日頃 テクニック 前回 ホームページ制作 中心

この記事では、日頃のホームページ制作で直面しがちな問題をCSSで乗り切る最新テクニック20個をまとめてご紹介します。 早く知っておけばよかったと思う、あまり知られていないCSSの実用的なテクニックが中心で、実際の問題ケースや参考サンプル用ソースコードを一緒に確認できます。 前回のお役立ちCSSテクニック集と合... 続きを読む

はじめてのFigma使い方ガイド 基本からプロトタイプ共有まで完全マスター【2022年版】 - PhotoshopVIP

2022/03/07 このエントリーをはてなブックマークに追加 125 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma ウェブデザイン制作 ひと ウェブサイト ツール

Figmaをこれからはじめようというひとがまず知っておきたい、基本の機能や使い方を網羅した完全ガイド2022年版。 ウェブサイトのデモデザインを実際に作成しながら、Figmaの基本となる使い方を一緒に学びましょう。 この記事が読み終わったとき、Figmaの基本的なツールの使い方はもちろん、ウェブデザイン制作の具体的な... 続きを読む

サンプル付コピペOK!すごいCSSアニメーションライブラリ30選【2022年版】 - PhotoshopVIP

2022/03/02 このエントリーをはてなブックマークに追加 297 users Instapaper Pocket Tweet Facebook Share Evernote Clip 2022年版

ウェブサイトの印象を大きく左右する「動き」。 現役Webデザイナーがこれは外せない!というCSSアニメーションライブラリをまとめてご紹介。 任意の要素にクラスを付与するだけで、用途に応じたアニメーションを実装できる便利なライブラリを整理しています。 フワフワやユラユラ、ポヨンといった弾む系の動きから、背景... 続きを読む

CSSのみで表現OK 人気レイアウトやUIパターンを集めた便利ライブラリ CSS Layout - PhotoshopVIP

2022/02/28 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip フレームワーク コンポーネント CSSレイアウト ひと CSS

依存性なしで、フレームワークも必要なし。 CSSの特別なテクニックも必要とせず、リアルに使えるCSSレイアウトやUIパターンを集めたサイト CSS Layout が注目を集めています。 フロントエンジニアとして働くひとは、ウェブサイト制作においてどれだけ多くのレイアウトやコンポーネントを扱う必要があるかよく分かるでし... 続きを読む

知らなきゃ損!Web制作を爆速にする最新オンラインツール40個まとめ - PhotoshopVIP

2022/02/08 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip わー コピペ 人工知能 cssツール 配色ツール

この記事では、「もっと早く知りたかった」と思ってしまう、Web制作が加速する便利な最新オンラインツールをまとめてご紹介します。 面倒な設定をコピペで利用できるCSSツールや配色ツール、人工知能を使った便利ツールなどが数多く公開されており、ますますクリエイティブな表現が広がりそうなものばかり。 自分のワー... 続きを読む

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

2022/01/18 このエントリーをはてなブックマークに追加 269 users Instapaper Pocket Tweet Facebook Share Evernote Clip CodePen デベロッパー HTMLスニペット HTML

HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介していま... 続きを読む

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

2021/12/24 このエントリーをはてなブックマークに追加 279 users Instapaper Pocket Tweet Facebook Share Evernote Clip すごいPhotoshopチュートリアル 総まとめ

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

Web制作を変える!2021年の便利オンラインツール・ベスト100選 - PhotoshopVIP

2021/12/21 このエントリーをはてなブックマークに追加 227 users Instapaper Pocket Tweet Facebook Share Evernote Clip コレクショ ツール Webオンラインツール Web制作 リスト

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

2022年はこれだ!注目のWebデザイン人気トレンド16個まとめ - PhotoshopVIP

2021/12/01 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブデザイン 翻訳 テクニック トレンド プロジェクト

海外サイト DesignModo で公開された Top Web Design & UI Trends for 2022 より許可をもらい、翻訳転載しています。 2022年のウェブデザインのトレンドはどうなっていくでしょう。 手掛ける作品やプロジェクトが、1年を通して新鮮でモダンな雰囲気を演出できるために、どのようなスタイルやテクニックを知っておくと良... 続きを読む

 
(1 - 25 / 494件)