Webデザイン【簡単1分】illustratorでギザギザ線・なみなみ線の作り方 illustratorで、ギザギザ線・なみなみ線を作る方法です。 webデザインで多用される、タイトル下の波線でよく見る例のアレのことです。 忘備録的な感じで記載していきます。まずは直線ツールで直線を引きます。その後パスの変形を適用させて1分未満で作っていきます。 2020.10.18Webデザイン
Webデザインを学ぶ【完全無料】webデザインが独学で学べるおすすめサイト20選 webデザインの勉強が、独学でできるおすすめサイト・サービスを20選厳選しました。 独学で効率良くwebデザインの勉強をして転職したり・フリーランスになりたいけど、どう勉強を進めれば良いか分からない。 そんな方におすすめです。そのほとんどが僕が実際に使ってたものなので、実体験に基づきお話しします。 2023.06.10Webデザインを学ぶ
Webデザインを学ぶ無料で画像を圧縮「ImageOptim」が神ツールすぎる【2020年版】 ブログを運営していて、画像を圧縮せずに入れまくっていると気付いたらサイトの表示速度がとんでもなく遅くなっていた、、 そんな経験をしている方も多いのではないでしょうか? そんな方におすすめなのが「ImageOptim」です。無料で、かつ無制限で画像を圧縮できる神ツールです。 2023.07.07Webデザインを学ぶ
Photoshopを学ぶ【photoshop】パターンオーバーレイの色を変える2つの方法 photoshopでパターンオーバーレイを使っていて、パターンの色が変えられない!どうしよう! と思った時に見る記事です。 久々にphotoshopでパターンを敷いた時に以外と詰まることが多いですが、今回は色を変える方法を2つ紹介していきます。 2021.08.15Photoshopを学ぶ
魅力的なチュートリアル(PS/AI)photoshopで映画風のブリーチバイパス効果の画像を作る方法 photoshopを使用した、ブリーチバイパス風の画像を作るテクニックをご紹介していきます。映画風の画像や、男らしい雰囲気を出したい時にぴったりの表現です。 ブリーチバイパスとは、現像手法の一つで別名「銀残し」といいます。実は、カラールックアップを使えばいとも簡単に作成可能です☺️ 2020.10.12魅力的なチュートリアル(PS/AI)
魅力的なチュートリアル(PS/AI)トーンカーブでクロスプロセス風の画像を作る方法【photoshop】 今日からすぐ使えるphotoshopのテクニックを紹介していくこの企画、今回はクロスプロセス風の画像を作る方法をご紹介していきます。 予測不能な、アーティスティックなイメージを与えることができ、多くの写真家が用いる魅力的なテクニックの一つでもあります。 2020.10.12魅力的なチュートリアル(PS/AI)
WebデザインXDで拡大縮小した時に素材が崩れる!上手なリサイズ方法は? XDで拡大・縮小した時に素材が崩れてしまう… こんばんは、フォトピザです。 XDを使っ... 2021.08.15Webデザイン
HTML&CSSiphoneでpng画像が荒れてしまう時の対処法【CSS】 こんばんは。フォトピザです。 iosでpng画像を確認すると、フチの線がジャギジャギしていることって... 2021.08.24HTML&CSS
Webデザイン【初心者向け】インタラクションデザインとは?UI/UXデザインの必須知識 今回は昨今よく耳にするようになった言葉「インタラクション」について解説していきます。 UI/UXを検討する上で重要な要素の一つであり、アプリケーションが膨大に存在する現在では、インタラクションデザインに力を入れることで様々な効用があります。 2023.06.25Webデザイン
Photoshopを学ぶ【初心者向け】 photoshopのアルファチャンネルとは?【応用編】 photoshopのアルファチャンネルは、選択範囲を保存し、それを読み込める機能のことです。アルファチャンネルの最大の強みは複雑な選択範囲であっても、グレースケール画像の明度をそのまま選択範囲に置き換えることができるということです。 2020.10.12Photoshopを学ぶ