Web制作に役立つ情報一覧

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

2020/12/21(Mon) 09:59

この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。

https://photoshopvip.net/126600

キャラクターの顔の描き方に特化されたイラスト解説書、顔の構造から各パーツごとの描き方や表情の描き方まで -魅力的な「キャラ顔」の描き方

2020/12/18(Fri) 10:11

キャラクターの顔の描き方に特化されたイラストの解説書を紹介します。基本となる顔の構造をはじめ、パーツごとに描き方、感情を表現する表情の描き方、キャラクターの描き分け方、デフォルメの描き方など、キャラクターの顔に関するイラストのテクニックが身につきます。

https://coliss.com/articles/book-review/isbn10-429501060x.html

商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ

2020/12/16(Wed) 10:00

当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。

https://photoshopvip.net/126513

写真を水彩画ペイント風に一瞬で加工するPhotoshop素材 Vintage Watercolor Effect

2020/12/15(Tue) 10:03

この記事では、お好みの写真を貼り付けるだけで、水彩画ペイント風に加工するPhotoshopエフェクト Vintage Watercolor Effectの詳しい使い方をご紹介します。Photoshopのスマートオボジェクト機能を利用すれば、元の写真を直接触れることなく、非破壊編集をおこなうことができます。

https://photoshopvip.net/126546

PANTONEが選ぶ2021年の色「Ultimate Gray」と「Illuminating」

2020/12/15(Tue) 10:02

毎年恒例、PANTONEによる「来年の色」が発表されました！2021年は現実と希望を表すような「Ultimate Gray」と「Illuminating」です。通常1色のみ選ばれますが、今回は5年ぶりに2色が選出。

https://www.webcreatorbox.com/inspiration/pantone-2021

CSSの見過ごしがちだけど興味深い実装テクニック、ホバーでラインを引いて逆方向で元の状態に戻すエフェクト

2020/12/14(Mon) 09:57

テキストリンクをホバーすると、ラインを引くまでは普通のアニメーションですが、ホバーを外した時に通常とは逆方向で元の状態に戻ります。ラインが一方向にスーッと通り過ぎるような感じです。

https://coliss.com/articles/build-websites/operation/css/one-way-hover-effect.html

2021年のロゴデザインで注目しておきたい最新人気トレンド10個まとめ

2020/12/10(Thu) 09:56

この記事では、2021年に注目のロゴデザインの動向、人気トレンドを、10個のポイントに分けて詳しく紹介しています。

https://photoshopvip.net/126322

これなら超超超簡単！Photoshopであらゆる画像を水彩タッチにする、水彩画エフェクト変換用の無料素材

2020/12/09(Wed) 10:03

人物でも建築物でもオブジェクトでも、あらゆる画像を水彩タッチの画像に変えるPhotoshopの無料素材を紹介します。

https://coliss.com/articles/products/photoshop-vintage-watercolor-effect.html

見出し画像のデザイン集 | かっこいいサムネやアイキャッチの作り方

2020/12/08(Tue) 10:32

デザイナーが作成するプロっぽい画像ではなくて、誰でもかんたんに作成できるシンプルだけど、ほどよくかっこいい見出し画像の作り方を研究してみた

https://note.com/kawatyanlife/n/n6e1fd1e3cb01

これぞプロの実装テクニック！フロントエンドのデベロッパーはCSSで実装する時に何を考えるか

2020/12/08(Tue) 10:31

ページのレイアウトやUIコンポーネントを実装する時に、フロントエンドのデベロッパーはいろいろなことを考えます。スクリーンのサイズが小さい時はどうなるのか、デザインでは中央配置に見えるけど実装はどうすべきか、要素が少ない場合や多い場合があるのか、max-やmin-を定義した方がよいのか

https://coliss.com/articles/build-websites/operation/work/thinking-like-a-front-end-developer.html