Inkscapeのマニュアル本を出版しました。
TAG

チュートリアル

チュートリアル記事

  • 2020年12月25日

Inkscapeのカリグラフィツールでおしゃれな画像を作る方法

シンプルなんだけどどこかおしゃれな画像って目をひきませんか? 画像検索サイトを利用して、商用利用フリーのものを探す方法でもおしゃれな画像を使うことはできるのですが、実はペン入力ができればおしゃれな画像を自分で作ることもできてしまうのです。 ペン入力というと、iPadとかSurfaceとかのタブレット端末がメジャーですね。 これらの端末でInkscapeのカリグラフィツールを使うとできてしまうので、 […]

  • 2020年12月12日

写真を「モノクロ+一部カラー」にして画像にメッセージ性をもたせる方法

モノクロ写真の一部だけに色付けされていると、どことなくメッセージ性を強く感じると思います。 例えば、次の2枚の写真はもともと同じ写真ですが、僕の場合、左の写真に比べて、右の写真の方が「自分らしさ」のようなものが強く表現されているように感じます。 カラー写真は被写体を比較的忠実に表現できるので、バナーなどでもそのまま使われていることが多いですが、「モノクロ化+一部カラー」にすることで、よりメッセージ […]

  • 2021年8月15日

inkscapeで「フチ文字」を作る方法2つ+ちょっとした応用

以前、問い合わせがあったinkscapeで「フチ文字」を作る方法を紹介します。 文字の周りを縁取るので「フチ文字」と言われています。「囲み文字」とは意味が違うので、調べるときは「フチ文字」で検索をしましょう。 inkscapeでは「フチ文字」の作り方は2つあります。最終的に出来上がるものが違うので、完成図から自分が使いたい方で作成してみてください。では始めていきます。 フィル/ストロークを使った「 […]

  • 2020年12月13日

Freeplaneの基本的な操作

Freeplaneの基本操作について説明します。まずはFreeplaneを起動して、基本操作だけでマインドマップを作ってみましょう。 最初のマップを作ってみる ノードとはFreeplaneで操作する1単位のテキストのことを言います。初めにノードをつくる操作について解説します。 新規マップを開く Freeplaneを起動すると新規マップが自動的に開き、「ルートノード」という最初のノードが作成された状 […]

  • 2019年2月16日

Inkscapeで配色用のカラーパレットを簡単に作る方法

配色用のカラーパレットをInkscapeの内部機能で作る方法を紹介します。 基本的にはカラーホイールの考え方で、明度や彩度をコントロールする方法なのですが、知っていると配色の引き出しも広がると思います。 使用機能は 矩形ツール タイルクローン の2つです。 では進めていきます。 パレット用の矩形をつくる 矩形ツールで適当な大きさの矩形を作ります。矩形オブジェクトのフィルを「アンセット」にしておきま […]

  • 2019年2月16日

inkscapeで立体的な文字の作り方(テキストと押し出しの組み合わせ技)

飛び出てくるようなテキストのロゴを作る方法をまとめてみました。 今回紹介するのは単にベベルで浮き上がらせるだけではなく、すどーん!とインパクトのあるテキストロゴを作る方法です。 大きな流れとしては、テキストオブジェクトを2つ作成して、押し出しをパースのように見せることで、文字を飛び出させたように見せるのが今回のロゴ作成チュートリアルの概要です。 では進めていきます。 テキストオブジェクトを2つ作る […]

  • 2020年12月12日

Inkscapeを使ったわかりやすいフローチャートの作り方

プログラミングの分野でよく使われているフローチャートですが、最近は業務フローなどの手順書やマニュアル作成にも利用されてきていますね。 というわけで、今回は見やすい・わかりやすいフローチャートをInkscapeで作る方法を解説していきます。 プレゼン資料として活用してもいいですし、社内資料やマニュアルの作成にも応用できる方法です。 わかりやすいフローの描き方 フローを描く目的は作業を可視化して、作業 […]

  • 2017年11月9日

簡単にテキストレイアウトができるinkscapeの「テキストの流し込み」機能の使い方

写真付きのパンフレットでよくあるテキストレイアウトには被写体を邪魔しないようなテキストの配置がされていますね。 テキスト部分の輪郭がカーブしてることが特徴的です。 inkscapeでこのテキストレイアウトを実現する方法がテキストの流し込みです。 この記事は2014年9月20日に公開した記事を再編集したものです。

  • 2019年2月16日

inkscapeで取り込んだJPGやPNG画像をトリミングをする方法

inkscapeでフライヤーや店舗のメニューを作りたいと思ったらトリミング機能は欠かせない機能ですね。 ただ四角形に切り取ったりすることもトリミングですが、メニューを作ったりするなら 「被写体の輪郭に沿ってきれいに切り抜きたい!」 ということもありますね。 inkscapeのようなパスの編集ができるグラフィックツールでは被写体を細かく切り抜いて、背景をごっそり消してしまうということもできます。 今 […]

  • 2020年12月13日

inkscapeの基本機能だけで矢印を描く方法

今回はよく検索されている、inkscapeで矢印を作るための基本チュートリアルを紹介します。 GIMPのようにエクステンションを使わなくても基本機能だけで矢印を作ることができます。 では順番にどうぞ。 真っ直ぐな直線の矢印の描き方 まずはinkscapeが標準で用意している機能だけでシンプルな矢印を作ってみましょう。 直線に矢がついた、いたって普通の矢印を描いていきます。 標準機能ではこの方法が基 […]

  • 2019年9月5日

「とあるのロゴジェネレーター」を参考にinkscapeでロゴをリメイク

「ロゴ作成の勉強ってどうやってすればいのー?」 と、よく自分でも考えているのですが、やっぱり誰かが作ったロゴをまねして作るのが一番いい気がします。 すでに完成されたロゴを自分の手でリメイクすることで、デザインのレパートリーを増やしていくというイメージです。 そんなわけで、今回は「とあるのロゴジェネレーター」をもとにinkscapeでロゴ作成をしてみました。 手順とその技法をご紹介します。 完成形イ […]

  • 2019年2月16日

inkscapeのタイルクローンでマスキングテープを張り合わせたパターンを作るチュートリアル

パステルカラーのマスキングテープを張り合わせたようなパターンを作成したときの方法を紹介します。 ノードをギザギザにする ランダムに色を変える 大量に複製する このあたりの方法を上手に使うと、あっという間にマスキングテープのパターンを作ることができます。 では順番にどうぞ。 この記事は2015年8月9日に執筆したものを、2016年10月15日に修正・加筆したものです。 テープのベースとなるパスを作る […]

  • 2019年2月16日

inkscapeを使って集中線・放射線を思い通りの仕上がりに

グラフィックソフトの場合、手で描くのとは違って、機能とその結果が結びつかないことがよくあります。 今回紹介する「集中線」もその1つかと思うのですが、実は簡単にできてしまうので、ぜひチャレンジしてみてください。 基礎編では集中線を作る流れを 応用編では漫画風の集中線を作る方法を それぞれ動画にしてありますので、読むのが面倒という方は動画をポチッと再生してみてください。 基礎編:シンプルな集中線を作り […]

  • 2020年10月11日

アイコンの基本は抽象化!特徴を見つけて基本図形に落としこむ方法

作りたいアイコンやロゴがあるときに、なかなかアイデアが浮かばないということもあるかと思います。 そういうときはアイコンやロゴにしたい対象物をよく観察して、特徴となる部分を探してみるのが結構有効です。 対象物が近くにないときはフォトストックサービスなどの写真を参考にするというのもありですね。 特徴を見つけ出せたら、あとはシェイプ系のツールで形を作っていくだけなので、実は一番重要な部分でもあります。 […]

  • 2019年2月16日

手作業は最小限で!inkscapeで「カラフルなドットパターン」の作り方【SVG/PNGサンプルあり】

「ドットパターンを作る」って聞いて、難しく感じる人が多いような気がするのですが、inkscapeで作るときは【タイルクローン】と【再スタック】を上手に使うとデザイン初心者でもある程度のものが出来上がります。 どちらも自動計算でドットを配置してくれるので、頭を悩ませることも少ないかなと。 この方法でオリジナルのドットパターンづくりに挑戦してみてはどうでしょうか? サンプルも用意しているので確認してみ […]