Web制作に役立つ情報一覧

文字がかっこいい！すごいPhotoshopテキストエフェクト厳選101個まとめ【2022年改定版】

2022/10/19(Wed) 08:54

文字を入力して、ほんの数クリックで魅力的な加工ができる、Photoshopテキストエフェクト素材をまとめています。ここで紹介する素材は、どれも無料ダウンロードできるのが大前提。また素材の多くは、フォントを編集するだけで完成の、「スマートオブジェクト」機能を活用した、時短アイテムばかり。

https://photoshopvip.net/139604

Web制作者は要チェック！ VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

2022/10/19(Wed) 08:53

VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。ショートカットはmacOS, Windows, Linux対応で、視覚的にどうなるか分かるので、記憶に残りやすいと思います。

https://coliss.com/articles/build-websites/operation/work/vscode-shortcuts-in-shortest-time.html

効果的な言葉を使えるようになりたい！ 広告コピーから学ぶ言葉の伝え方、言語化のロジックがよく分かるライティングの教科書 -伝わる短文のつくり方

2022/10/18(Tue) 08:58

Webサイトやスマホアプリ、メール、メッセージなどに使用する短い文章は、一瞬で伝えられることが重要です。ビジターに効果的に伝わるコピー、仕事で付箋に書く連絡、プレゼンに使用する見出し、商品のコピーなど、短文コピーのライティングについて「言語化のロジック」が身につく教科書を紹介します。

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

【中央揃え編】CSS限界オタクと学ぶレイアウトCSSサンプル集

2022/10/17(Mon) 08:57

何かと使う中央揃え。なんとなく覚えているものを順番に試して中央に来たらOK！と思っていませんか？現在ではかなりいろんな種類の方法があり、それぞれ異なる特徴を持っています。この記事ではCSSでよく使う（気がする）レイアウトパターンの中で、センタリングに関するものをまとめました！

https://qiita.com/mhousetree/items/9a3265c0d6d6e903ed46

レスポンシブ対応のレイアウトやUIコンポーネントの実装が簡単！ min(), max(), clamp() の便利な使い方を詳しく解説

2022/10/14(Fri) 08:56

CSSの比較関数が主要ブラウザすべてにサポートされてから早2年が経ちました。これらの比較関数は、今まではJavaScriptを使用しないとできなかったこと、メディアクエリで複雑に実装していたことをシンプルなCSSで実装できます。

https://coliss.com/articles/build-websites/operation/css/use-cases-css-comparison-functions.html

フォトショップで写真の色を置き換える７つの定番テクニックまとめ

2022/10/12(Wed) 08:55

フォトショップでの写真の色の置き換え、変更は特に要望の多い重要なテクニックのひとつです。しかし、用途に応じてツールを使い分け、色の置き換えを行っているひとは、どれだけいるでしょう。今回は、どんな写真にも応用できる、色の置き換え・変換のお手軽Photoshopテクニックを、実践のデザインサンプル例と一緒にまとめてご紹介します。

https://photoshopvip.net/138751

デザイン未経験でできるAdobe Expressの使い方20選

2022/10/11(Tue) 08:54

デザインがはじめての人でも、数タップで完成。印象的で魅力的なグラフィックやビデオ、Webページを簡単に、しかも無料で作成できるAdobe Express。adobe expressのロゴ、SNSなどで差をつける、Adobe Expressの使い方と、押さえておきたい便利な機能をまとめてご紹介します。

https://photoshopvip.net/138613

画像の切り抜きや背景の除去、透過できる無料オンラインツール15選

2022/10/06(Thu) 08:57

「できるだけラクに、写真の切り抜きや、背景のみを消したい」そんなわがままも叶えてくれる、魔法のような、無料のオンラインツールを利用してみませんか。さらに、写真を放り込むだけで、背景の切り抜きをAIが自動で、ほんの数秒で完了というから驚きです。今回は、実際にすべてのツールを試し、本当に使いたいと思ったツールのみをセレクト。

https://photoshopvip.net/138552

レイアウト力が上がる！デザイナー視点で考える「余白」

2022/10/05(Wed) 08:55

「余白」の一般的な意味を調べると、文字通り「余った白い部分」のことですが、デザインをするうえでは「意図をもって作られたスペース」を指します。この「余白」をただの「余った空間」という認識でいると、余白のあるデザインに不安を覚えることがあります。その場合、余白を埋めようとしてしまいがちですが、ちょっと待ってください！

https://note.lancerunit.jp/n/n4786d16451e6

Photoshop切り抜きをマスターする鉄板テクニック15選 完全ガイド2022

2022/10/05(Wed) 08:54

「フォトショップで、写真から人やモノを切り抜きたい。」永遠のテーマとも言えるこの問題を解決する、世界中からあつめた、フォトショップ切り抜きテクニック15選をまとめてご紹介。最新のAI技術による、ワンクリックでほんの数秒待つだけの、切り抜き時短ワザから、古くから利用されている定番テクまで、すべてを網羅しています。サンプル例と一緒に、ツールの使い分け方をくわしく見ていきましょう。

https://photoshopvip.net/138468