Day3 FB MessangerのロゴをSketchで再現してみた
今回はこちらのFacebook MessangerのロゴをSketchにて再現していきます。
素材画像は公式サイトで無料配布されています。
また、whatsappやメッセージ画面も素材として無料公開されています!
さぁ、作り始めていきます!
左が見本画像です。右が作成中のものです。
まず、楕円と三角形を使って形を合わせ、色を整えていきます。
ちなみに、Control + C を押しながらマウスをかざすと、色の配色が自動で取得できます。
これでカラーパレットの選択もすばやくできます!
次に真ん中の印を三角形を用いて作成します。
これで完成!
右が作成したものです。
ロゴが単純なだけあって簡単でした!
ちょっと物足りないのでFacebookのロゴも作成していきます。
まずFの形を合わせます。
そして色合などを合わせていきます!
このような感じになりました!(左上が見本、右側が作成したもの)
ちょっと色合が異なってしまいました。。
また、Fの文字もよーく見ると、真ん中の棒の右が少しかけていたり、上部の曲がっている部分が微妙にカスタマイズされていたりと、形を合わせるのも大変でした。
そのため、アウトプットも少しずれた結果になってしまいました。
次回はちょっと頑張ってFacebookのニュースフィードを作成しようと思います!