模写コーディング13、勉強塾株式会社のデザインカンプ

みなさんこんにちは、WEB制作のエンジニアのjonioです。

今回は病院サイトのデザインカンプです。

ポートフォリオに掲載していいですが必ず「練習用」と記載してください。

画像は素材サイトの規約で配布できないのでデザインカンプのリンク先でスクショを撮るか写真ACの画像を使っているのでそこから画像を取って下さい。

MENUの項目の所に企業アイコンがあります。

これも配布ができないのでスクショを撮るかこのサイトにアイコンはあるのでダウンロードしてください。

デザインカンプのリンクはここになります。

ファーストビューの画像ですがスマホサイズにした時に小さくなっているのと一部を消しています。

画像を小さくするのはトリミングをしているのですが「クリッピングマスク」をやっていてXDでできますのでやり方を調べてやってください。

↓の赤枠辺ですがpcサイズはペンとその影があったのですがphotoshopで消しています。

消し方がわからない人はpcサイズの画像をそのまま使ってください。