WEBデザイン勉強中のお母さん

2022年9月2日からWEBデザインを学習!

切り取った画像にかっこいい影をつける方法

オンラインスクールにて勉強中の私。

LP課題の中に、商品画像を歪ませてかっこよくみせる!というのがあります。

 

参考素材を見つけて、クリッピング

あとは、影をつけるだけなんだけど、なかなかうまくいかない。

ドロップシャドウだと、選択の画像に影がつくので、影の付け方を調整できない。

 

私がしたいのは、オリジナルに影をつけたい!

 

そこで、Photoshopでキレイに画像を作る方法をググったらこちらが出てきた↓

youtu.be

 

うまく影がつかられた!

フレームの中に写真を挿入したいのはシャイプの中に写真を挿入する

 

写真を同じ正方形の形の中に収めたい。

 

canvaを使っていたので、フレームというツールがあったので、何も考えていなかったけれど、同じようなことをどのようにすればよいかググってみたらこの方法がしっくりくる。

 

シェイプを作り、その中に写真を入れる!

こちらで↓紹介されているやり方がわかりいやすかったです。

 

into-the-program.com

人物の周りの白いフチの簡単切り抜き方法は明るさの最小値

 

人物の周りの白いフチの簡単切り抜き方法は明るさの最小値を設定すれば簡単に素早く消すことができる。

 

ただし、人物がなにか手に持っていたりするとちょっと使いにくい

design-spot.jp

<Photoshop>カスタムシェイプツールをインストールする方法

自分の練習の為にバナーお題というのにチャレンジ!

 

note.com

 

お題第一弾が冬限定の一口チョコ

 

冬の雰囲気を出したくて、雪の結晶の素材を探していたら、カスタムシェイプ素材があった。

これだと、綺麗に描けるし今後も使用できる!

 

でも、どうやってするの?

→ググってみたらこちらを発見!

 

nextist.net

 

参考にさせて頂き、無事カスタムシェイプダウンロードとインストール完了!

私がダウンロードした雪の結晶のカスタムシェイプツールはこちら

 

www.shapes4free.com

コンタクトフォーム7 カスタマイズするにはググってコピペすればOK おすすめ3選

コンタクトフォームのカスタマイズはググればけっこう出てきます。

でも、自分のテンプレートと合わなかったりなどあり、いくつか試してみましたが、こちらが私には合いました。

 

webicon.jp

 

こちらもおすすめ!

TCDのサイトにはいろんな種類のフォームがあり、使えそうなのでコピペしておきます。

tcd-theme.com

 

コピペしたかったのはこちら。

でも、私のテンプレートとの相性がわるかったので、少し崩れます。

なので、諦めましたがいつかこーディングできるようになれば設置したいです。

 

wp-firststep.com

背景だけ明るくしたい

Photoshopで背景だけ明るくしたい場合

 

オブジェクト選択ツールで、背景以外を選択

 →選択範囲→選択とマスク→赤色になるので、細かく選択する。

 

選択画像を反転させて、背景だけを選択→トーンカーブなどで明るさ補正で完成!

 

↓より細かく選択することで、綺麗な仕上がりになります。

 

note.com