1 Day 1 Output

これは自分への挑戦のブログである。

Day3 FB MessangerのロゴをSketchで再現してみた

f:id:ankey:20180606122210p:plain

 

今回はこちらのFacebook MessangerのロゴをSketchにて再現していきます。

素材画像は公式サイトで無料配布されています。

また、whatsappやメッセージ画面も素材として無料公開されています!

 

ja.facebookbrand.com

 

さぁ、作り始めていきます!

左が見本画像です。右が作成中のものです。

まず、楕円と三角形を使って形を合わせ、色を整えていきます。

f:id:ankey:20180606122223p:plain 

 ちなみに、Control + C を押しながらマウスをかざすと、色の配色が自動で取得できます。

これでカラーパレットの選択もすばやくできます!

 

f:id:ankey:20180606122217p:plain

次に真ん中の印を三角形を用いて作成します。

 

 

これで完成!
右が作成したものです。

f:id:ankey:20180606122213p:plain

 

ロゴが単純なだけあって簡単でした!

 

ちょっと物足りないのでFacebookのロゴも作成していきます。

 

まずFの形を合わせます。

f:id:ankey:20180606130932p:plain

そして色合などを合わせていきます!

f:id:ankey:20180606130929p:plain

このような感じになりました!(左上が見本、右側が作成したもの)

ちょっと色合が異なってしまいました。。

また、Fの文字もよーく見ると、真ん中の棒の右が少しかけていたり、上部の曲がっている部分が微妙にカスタマイズされていたりと、形を合わせるのも大変でした。

 

そのため、アウトプットも少しずれた結果になってしまいました。

 

 

次回はちょっと頑張ってFacebookのニュースフィードを作成しようと思います!

f:id:ankey:20180606123347p:plain