Cramerデザインと開発のバックブランドを持ち、人を観察し、技術が本当に役立つように改善することに情熱を持っています。twitter.com私たちはコードを書くことが好きです。Storeで注目されるためにはコーディングだけでなく、他の素養も必要になります。この講演では、アプリの申請時に必要となるアプリアイコンとスクリーンショットをSketchを使って作成するデモをその場で行います。コーディングからアプリ申請まで、自分一人でうまくやる方法を説明します。今日使うものはSketchを使います。Adobeと比べて安価です。ベクターベースなのでIllustratorに近いです。Webデザイン、Appデザインに向いています。最初、AppIconを作ります。iOSの新しいアイコンです。シェイプで出来上がっていて、簡単に作ることが出来ます。テンプレートにアイコンが有りますがエクスポートの時だけ使いますよ普通のキャンバスでやっていきます。Rが矩形のショートカット。描画はShiftを押してドラッグすると必ず正方形になる1024(iOSのアイコンサイズ)を設定、ベースカラーの設定など太さ、端を丸にを変えましょうオブジェクトはコピーできます。背景はグラデーションを設定可能です。キーで丸によって描きます。Shiftを押さなければ楕円になります。Shiftを押しながら雲を選択してUnionさせる。グラデーションを掛けます。塗りつぶさずに線で行きます。中は、”V”キーでベクタを書けます。コピー、回転、反転で作っていきます。表紙が出来上がりました。これを全部グループ化します。大きな長方形、丸みを調整グラデーション出来上がりグループにまとめてアイコンと命名テンプレートに貼り付ける少し大きくするのでドラッグして小さくする。縦横均等に縮小したい。Scaleでサイズを調整してはめ込んでいく。角丸にしているマスクを取ります。スクリーンショットが保存されます。この人は昔から作ってる。開いて、コピー、アートボードに貼り付けるタイトルを付けますExport以上です。QA作る絵が決まっていたが、普段はどのようにしていますか?手で書いたものを手でなぞるとかですか?実際どのようにアイコンを作るのか、スケッチかPCか?時と場合に違うと思う。私はスケッチを書いてアイディアを得ることが多いです。シンプルにしていきたいと思っていて、こういうものを作りたいなと思うものを何処かから見つけてきて、トレースすることも可能です。各端末あると思いますが、Photoshopと比べて様々なサイズを扱う時にも良いのでしょうか。完全にイラレより簡単だ。#tryswiftconf」をトゥギャりました。はてなブログPro大学時代に耳が聞こえない生徒が講義に参加できるようにリアルタイムに文字起こしするバイトをしていました。いまはエンジニアとして働きつつ、勉強会やカンファレンスで話される技術分野の知見を文章に残し、検索可能にしたり、地方で活動する方に届けたいと思っています。お役に立ちましたら、支援いただけると幸いです。(24)注目記事はてなブログをはじめよう!niwatakoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。