[{"_1":2,"_64":-5,"_65":-5},"loaderData",{"_3":4,"_33":34,"_62":-5,"_63":-5},"root",{"_5":-5,"_6":-5,"_7":8,"_20":-5,"_21":22,"_23":24,"_27":28},"user","shoppingCartId","shoppingCart",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":12},"count",0,"free",true,"updatedAt","2026-01-02T16:52:53.615Z","paymentGateway","STRIPE","cartItems",[],"loading","toast","locale","en","constants",{"_25":26},"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","publishers",{"_29":30,"_31":32},"companies",[],"universities",[],"routes/_store+/_readers+/email_author.$slug/route",{"_35":36,"_61":-5},"book",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMTE2OTI","title","Sketch 3 Book for Beginner","state","published","contactAuthorMethod","email","aboutText","

Webの閲覧環境の多様化にともない、Web制作の現場もそのワークフローや制作手法が変わろうとしている中、2013年に米Adobe社が発表した Fireworksの新規開発中止のニュースによって、突如として注目を集めることとなったソフトウェアが「Sketch」です。Sketchは以前より一部の制作者の間では使われていたベクタードローイングツールですが、2014年の4月に新バージョン「Sketch 3」がリリースされました。

発売されて間もないこの時期にあえて本書をリリースしたのは、「買ってみたは良いけど使ってない」「いまいちどう使っていいかわからない」という方のために、まずはSketchの基本的な使い方から紹介するのが良いのではないか？と考えたためです。それにともない、内容はより詳細なTipsや作例が満載の技術解説ではなく、Sketchの基本操作が中心の解説になっています。

本書がこれからSketchを使おうとお考えの皆さんの一助になれば幸いです。

※今回本書を執筆するにあたり、最新バージョンであるVer. 3.0.2を使用しております。また、本書籍は「ePub/Mobi/PDF」の3種類のファイル形式で提供していますが、LeanPubの自動生成システムを使用しているため、その体裁は基本リフロー型のレイアウトになっています。レターサイズのPDF換算で約140P程度ありますが、若干レイアウト面において空白などが目に付く部分もあるかもしれません。その点あらかじめご了承いただきたく思います。

---

（2014.5.2）上記ダウンロードサンプルに、動画付きパッケージの音声を一部取り出したものを下記URLに用意しております。ご購入の参考になれば幸いです。

http://theneutrals.io/s3bs.zip

---

変更履歴

2014.5.20: Chapter 1への本文追加、Chapter 7の「プラグインをフル活用する（更新）」、Chapter 7の「sketch-dynamic-button（3.0.2対応版への情報更新）」、など（Ver. 0.4.1）

2014.5.18: Sketch 3.0.2による変更の反映（初期設定）。Chapter 2「Pluginsメニュー（画像変更・追記）」、Chapter 3「オブジェクトの移動（追記）」「Sketchtoolによる書き出し（新規追加）」、Chapter 4「拡大縮小操作をマスターしよう（新規追加）」、Chapter 7「Sketch-Commands（ガイド指定を追加）」「sketch-dynamic-buttonの3.0.2対応（追記）」「RenameItプラグイン（新規追加）」「プラグインへのショートカット指定（新規追加）」など（Ver. 0.4）

2014.5.8: Chapter 7の構成を変更し、プラグインの活用、Webフォントの作り方を追加。ソースファイルに「c07-02.sketch」を追加（Ver. 0.3）

","authors",[49],{"_37":50,"_51":52,"_5":53},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8xMjIxMg","name","MASAAKI KOMORI",{"_54":55},"avatar",{"_56":57,"_58":59,"_60":12},"url","https://secure.gravatar.com/avatar/69ca2a600727a7c567190299b227c5a6?r=pg&d=mm","styleName","medium","exists","currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author