Web制作に役立つ情報一覧

【AI生成塗りつぶし】フォトショップで髪の毛を切り抜く方法

2023/07/12(Wed) 08:49

フォトショップにAIを活用した、話題の新機能「生成塗りつぶし」の使い方は、これまでの写真加工の仕方を、根本から覆してしまうかもしれません。今回は、「生成塗りつぶし」機能で複雑な髪を選択する方法をご紹介します。誰でもできるこのテクニックを習得すれば、わずかな作業を行うだけで、どんな写真の切り抜きも可能となり、これまでのテクニックに比べて断然楽に作業を進めることができます。

https://photoshopvip.net/148441

【Illustrator-Hack_1】イラストレーターでぷっくりした3Dイラストを作ろう

2023/07/11(Tue) 09:00

こんにちは。FASTCODINGデザイナーの七転び八重子です。イラストレータで簡単に、ぷっくりした3Dイラストを作ってみましょう。ニューモフィズムなWebサイトにもピッタリなので、デザインの幅が広がります！

https://fastcoding.jp/blog/all/other/illustrator-hack1/

コピペで簡単！ CSSのみで、フォームの入力時にフロートする入力欄のラベルを実装するテクニック

2023/07/11(Tue) 08:59

フォームの入力欄のラベルが入力時にふわりとフロートして移動するのをCSSのみで実装するテクニックを紹介します。HTMLはinputとlabelで非常にシンプル、余計なspanなどはありません。ラベルのフロートはCSSで実装されており、コピペで簡単に使用できます。

https://coliss.com/articles/build-websites/operation/css/css-only-floating-input-labels.html

よく見かけるデザインにはこんな仕掛けが！ プロが使用しているデザインのルールがよく分かる完全保存版の良書 -不滅のデザインルール

2023/07/11(Tue) 08:58

最近、インスピレーションが刺激されるデザイン書に出会えていない、そんな人にお勧めするデザイン書を紹介します。全ページに、魅力的で超高品質なデザインやレイアウトが溢れており、すべてのデザインに使用されているデザインのルールが詳しく解説されています。どれもプロのデザイナーが使用している実用的なデザインのルールです。

https://coliss.com/articles/book-review/isbn-9784815617028.html

フォトショップ「生成塗りつぶし」で一発！写真を水彩画風に加工する方法

2023/07/05(Wed) 08:51

シンプルなテキストプロンプトを使用して、非破壊的に画像のコンテンツを追加、拡張、削除できる、AI の技術を利用している革新的で魔法のようなフォトショップの新機能「生成塗りつぶし」。

https://photoshopvip.net/148270

CSSの美しいシャドウもこれなら簡単！ box-shadowを重ねた面倒なコードを簡単に生成できるツール -boxshadows.xyz

2023/07/05(Wed) 08:49

直感的なインターフェイスで、CSSのbox-shadowを使用した複雑で美しいシャドウを簡単に作成できるツールを紹介します。シャドウはさまざまなパラメータで正確に調整でき、リアルタイムにシャドウの見た目とCSSのコードが生成されます。CSSの初心者でも経験豊富な人にとっても便利だと思います。

https://coliss.com/articles/build-websites/operation/css/boxshadows-xyz.html

シンプルで使いやすいHTML・CSSボタンデザイン集11選

2023/06/30(Fri) 08:57

ウェブ制作においてボタン風の見た目はよく作成するものの、ネットには新旧さまざまな記法で紹介されているため、参照しづらいケースもあると課題を感じていました。そこで、2023年において「シンプルで手軽に使いやすいボタン」というテーマで、11種類のHTML・CSSのボタンデザインを紹介します。

https://ics.media/entry/230629/

ここまでできる！CSS最新テクニックと書き方30選

2023/06/29(Thu) 08:48

この記事では、CSSでできる最新テクニックや使い方をまとめてご紹介します。「これもCSSでできるの？」と思ってしまう、ユニークで驚きのテクニックを取得することで、今後のウェブデザイン制作の幅がきっと広がりますよ。

https://photoshopvip.net/148200

Figmaですぐに使えるUIデザイン用のアイコン素材！ シンプルで、可読性を最大限に高めた4,000種類のアイコン

2023/06/29(Thu) 08:47

WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、すぐに使用できるのも嬉しいですね。

https://coliss.com/articles/freebies/4styles-figma-icons-for-ui.html

常に昨日を超えるロゴデザインをつくるために心がけている３つのこと

2023/06/28(Wed) 09:04

自分史上最高のロゴデザインをするために、自分史上最高にお客様のお手伝いができるように、普段から心がけていることをこのnoteで言語化してみたいと思います。

https://note.com/grizzlly_design/n/nc1fff80f6b28