Web制作に役立つ情報一覧

【フォトショップ】色の置き換えがラクラク、覚えておきたいお手軽１分テクニック

2022/11/25(Fri) 09:02

フォトショップで色を置き換える方法は、もちろんたくさんあります。「もっとも簡単で、精度の良いテクニックとどれ？」と聞かれたら、あなたならどう答えるでしょう。今回は、だれでも簡単に、フォトショップで色を置き換える瞬速テクニックをご紹介します。この方法を覚えれば、どんなものでも、数十秒で色を置き換えることができるようになります。

https://photoshopvip.net/141507

CSSで実装する時、フロントエンドのデベロッパーは何を考え、どういうことに配慮して実装するのか

2022/11/25(Fri) 09:00

UIコンポーネントをCSSで実装する時に、何を考えながら実装するのか、どういうことに配慮して実装するのかを紹介します。CSSの何を使用して配置するのかベストか、レスポンシブの対応方法をはじめ、グラデーションをより美しく実装する方法、clamp()によるフォントサイズの定義、論理プロパティの使用など、CSSの実践的なテクニックについても解説されています。

https://coliss.com/articles/build-websites/operation/css/inside-frontend-developer-mind.html

【フォトショップ】ネオンライトの点滅アニメーションのつくり方

2022/11/24(Thu) 08:56

この記事では、フォトショップをつかって、チカチカと点滅するネオンライトのアニメーションを作成します。無料デザイン素材を利用することで、誰でもリアルなネオンエフェクトを表現できるスグレモノです。豊富なオプションがあるぶん、使い方がすこしややこしかったので、詳しく見ていきましょう。このチュートリアルを進めることで、以下のようなネオンアニメーションを、手軽にデザインできます。

https://photoshopvip.net/141485

【デザイン基礎】バランスのとりかた

2022/11/24(Thu) 08:55

この記事では、以下の人に読んでもらいたいと思います。・デザイナーではないが普段から紙面や資料などを制作する機会のある人・これからデザインを勉強しようとしている人・デザイナーにデザインを依頼しようと思っている人。

https://note.com/pp_creative/n/n24c0abb3686b

Sassなしで入れ子が可能に。CSSネストがブラウザにやってきた

2022/11/21(Mon) 08:56

先日リリースされたGoogle Chrome Canaryで、CSSでネスト（入れ子）ができるようになりました。次のようなコードが、「SassではなくCSSで」できるようになります。Sassを使わないCSSコーディングを大きく変えることでしょう。

https://zenn.dev/moneyforward/articles/css-nesting-without-sass

【フォトショップ】「被写体を選択」がアップデート 切り抜き精度アップでクラウド版との違いは？

2022/11/21(Mon) 08:55

フォトショップのバージョン23.5から、「被写体を選択」ツールの横に小さな矢印が表示されるようになりました。「被写体を選択」には、2つのオプションがあり、1つはデバイス上で処理するもの、もう1つはクラウド上で処理するものです。今回は、「被写体を選択」のクラウド版の方が良いのか、悪いのか、さまざまな写真で試してみました。

https://photoshopvip.net/141221

商用利用でも完全に無料！ デザインやイラストにぴったり、高解像度8Kのテクスチャ素材がいっぱい -ResourceBoy

2022/11/17(Thu) 08:57

個人でも商用でも無料で利用できる、高解像度8Kのさまざまな種類のテクスチャ素材を紹介します。ホワイトペーパー、ブラックペーパー、クラフトペーパー、段ボール、デニム地、水彩、グラデーションなどが揃っており、それぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。難点はダウンロードに少し時間がかかるくらいでしょうか。

https://coliss.com/articles/freebies/free-textures-by-resourceboy.html

【フォトショップ】写真から何でも削除できる、怖すぎる新AIツールをつかった魔法テク

2022/11/16(Wed) 08:59

もしも、フォトショップをつかって、写真から不要な人やものを消したいとき、あなたならどうしますか。さまざまな方法がありますが、もっとも手軽なのが「コンテンツに応じた塗りつぶし」でしょう。シンプルな写真では問題ないのですが、特に複雑な写真では、フォトショップにあまり良い結果を期待することができません。今回は、フォトショップと無料のAIツールをつかって、どんな写真でも不要な人やものを消す新しい写真加工テクニックをご紹介します。

https://photoshopvip.net/141133

動きで素敵を演出、Webアニメーションアイデア25選

2022/11/15(Tue) 09:09

これからのウェブサイトやホームページでは、動きのあるアニメーションが特に重要です。その理由は、目的をもった動きを加えることで、誰でも効果的にユーザーの視線を集めることができるからです。実際に、最新のウェブデザインの多くが、アニメーションをうまく用いているのがわかります。ここでは、今後の参考にしたいUIアニメーションアイデアや魅力的な動きを、まとめてご紹介します。

https://photoshopvip.net/141115

【あるある】SEOで失敗してしまう10の理由！よくある原因を厳選して紹介

2022/11/14(Mon) 08:57

「SEOに力を入れているのに、いまいち成果が出ない」という悩みはありませんか？SEOには「多くの人が陥りやすい失敗パターン」があるのです。この記事では、SEOに取り組む企業が陥りがちな「よくある失敗パターンとその理由」を10個紹介します。その上で、SEOを改善する対処法もお伝えしますので、ぜひ参考にしてみてください。

https://www.seohacks.net/blog/16396/