サイトアイコンをSketchBookで作りました

このサイトのサイトアイコン(ブラウザのタブに表示されるアイコン)を新しくしました。

アラが目立つのでやっぱ小さく表示w

以前も自作でしたが、iPadに指で書いたへろへろな線の絵でした。
表示がちっちゃいので、そんなに目立たなかったと思いますが・・・。

でもちゃんとしたのにしよう!と思って、フリー素材のウェブページをいろいろ物色。

さすが、表示される画像はみんな上手ですね。
だけど、上手すぎてこんなちっちゃく表示するのはもったいないものばかり。
サイトアイコン用の素材を探せばよかったのかな?とも思いますが、私の求めるような簡単ななものだったら、やっぱ作った方が早くない?と思い、ずっと前にインストトールした、Sketckbookというアプリで作成してみました。

インストールしたのはずっと前ですが、ほとんど使ってなかったので、結構時間がかかってしまいました。

でも使ってみるほどに、すごくいろんなことができる!とびっくりしました。

画面はこんな感じ。

文字はspicaがいれました。

今回やったのは、

一つ目のレイヤー(レイヤー①)上に、楕円ツールに沿って線を引いてカップの縁を描く
縦の線をルーラー機能を使って描く(角度をつけて)
取っ手部分を楕円ツールで描く(後から雲形定規もあったことに気づきました…)
レイヤー①をコピーして、コピーしたレイヤー(レイヤー②)上で今まで書いた線を全部つなげる
レイヤー②の線の中を塗りつぶす(カップの色)
レイヤー②の線を透明化する
レイヤー③を追加して、楕円ツールと塗りつぶしツールでカップの中身を描く
レイヤー④を追加してカップの文字を入れる
レイヤー⑤を追加して、角の丸い四角を描く。
レイヤーを上から①④②③⑤の順に並べ替え
背景を透明にして、PINGで保存

という作業です。
当初はもうちょっと手書きっぽいアイコンにしようと思ってましたが、定規ツールがすごくてとてもきれいに描けるのがとても楽しかったです。

が、最後にやらかした。
保存をPINGのみにして、tifの保存をしなかったのですっ。

つまり、5枚つくったレイヤーが統合されてしまいました。涙
tifで残しておけば違うバージョンを作ったりするのが楽だったのですが。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

働くアラフィフ、ちょっと旅行して写真撮って、いろいろおいしいものを食べたりしています。

目次