<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>中抜き | のんびり書評ブログ</title>
	<atom:link href="https://read-nonbiri.com/tag/%E4%B8%AD%E6%8A%9C%E3%81%8D/feed/" rel="self" type="application/rss+xml" />
	<link>https://read-nonbiri.com</link>
	<description>実用書/ビジネス書の紹介や知識について紹介したり、便利グッズを紹介してきます。皆さまの何かお役に立てれば幸いです（理系サラリーマン）</description>
	<lastBuildDate>Sun, 26 May 2024 02:47:01 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://read-nonbiri.com/wp-content/uploads/2022/04/cropped-本の無料アイコン素材21-32x32.png</url>
	<title>中抜き | のんびり書評ブログ</title>
	<link>https://read-nonbiri.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://read-nonbiri.com/tag/%E4%B8%AD%E6%8A%9C%E3%81%8D/feed/"/>
	<item>
		<title>ドローソフトInkscape使い方(4) 中抜き曜日アイコン作成</title>
		<link>https://read-nonbiri.com/week-icons-in-inkscape/</link>
					<comments>https://read-nonbiri.com/week-icons-in-inkscape/#respond</comments>
		
		<dc:creator><![CDATA[Nくま]]></dc:creator>
		<pubDate>Mon, 20 May 2024 21:45:24 +0000</pubDate>
				<category><![CDATA[パソコン]]></category>
		<category><![CDATA[商品紹介]]></category>
		<category><![CDATA[趣味]]></category>
		<category><![CDATA[inkscape]]></category>
		<category><![CDATA[アイコン]]></category>
		<category><![CDATA[イラスト]]></category>
		<category><![CDATA[ソフト]]></category>
		<category><![CDATA[ドローソフト]]></category>
		<category><![CDATA[フリー]]></category>
		<category><![CDATA[ベクター]]></category>
		<category><![CDATA[中抜き]]></category>
		<category><![CDATA[遊び]]></category>
		<guid isPermaLink="false">https://read-nonbiri.com/?p=5537</guid>

					<description><![CDATA[ポスターやイベントチラシを作成してたりしますでしょうか。 今回は、そんなときに活躍できる中抜きの曜日アイコン（金、土、日など）の作り方についてまとめてみました。 フリーのドローソフトInkscapeで作成可能で、この記事 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p></p>



<p>ポスターやイベントチラシを作成してたりしますでしょうか。</p>



<p>今回は、そんなときに活躍できる<span class="bold-red">中抜きの曜日アイコン</span>（金、土、日など）の作り方についてまとめてみました。</p>



<p>フリーのドローソフトInkscapeで作成可能で、この記事ではその基本的な使い方について紹介します。</p>



<p></p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-check-circle block-box has-background has-border-color has-icon-color has-watery-yellow-background-color has-grey-border-color has-indigo-icon-color"><div class="iconlist-title">この記事を読んで分かること</div>
<ul class="wp-block-list">
<li>フリーのドローソフト Inkscape で中抜き曜日アイコン作成方法の基礎</li>
</ul>
</div>



<p>単なる文字ではなく、曜日を彩る方法として応用できますので<span class="marker-under-red"></span>、是非、参考にしてみてください。</p>



<p></p>



<p></p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-chevron-circle-right block-box has-border-color has-grey-border-color"><div class="iconlist-title">Inkscapeで中抜き曜日アイコン作成の流れ</div>
<ol class="wp-block-list">
<li>円を描き、その前面に文字を配置する</li>



<li>中抜きを行う
<ul class="wp-block-list">
<li>方法1: パスー＞差分</li>



<li>方法2: シェイプビルダー</li>
</ul>
</li>



<li>画像の保存（エクスポート）</li>
</ol>
</div>



<p></p>



<p></p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">はじめに</a></li><li><a href="#toc2" tabindex="0">ドローソフト Inkscape について</a></li><li><a href="#toc3" tabindex="0">曜日アイコン作成例</a><ol><li><a href="#toc4" tabindex="0">手順1: 円と文字を作成</a></li><li><a href="#toc5" tabindex="0">手順2:文字の部分を中抜き</a><ol><li><a href="#toc6" tabindex="0">方法1: パスの差分を使った方法</a></li><li><a href="#toc7" tabindex="0">方法2: シェイプビルダーを使った方法</a><ol><li><a href="#toc8" tabindex="0">おまけ：中抜き形状</a></li></ol></li></ol></li><li><a href="#toc9" tabindex="0">手順3: 画像のエクスポート</a></li></ol></li><li><a href="#toc10" tabindex="0">まとめ</a><ol><li><a href="#toc11" tabindex="0">関連記事</a></li><li><a href="#toc12" tabindex="0">あとがき</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">はじめに</span></h2>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="683" src="https://read-nonbiri.com/wp-content/uploads/2023/10/alejandro-escamilla-yC-Yzbqy7PY-unsplash-1024x683.jpg" alt="パソコン" class="wp-image-4991" srcset="https://read-nonbiri.com/wp-content/uploads/2023/10/alejandro-escamilla-yC-Yzbqy7PY-unsplash-1024x683.jpg 1024w, https://read-nonbiri.com/wp-content/uploads/2023/10/alejandro-escamilla-yC-Yzbqy7PY-unsplash-300x200.jpg 300w, https://read-nonbiri.com/wp-content/uploads/2023/10/alejandro-escamilla-yC-Yzbqy7PY-unsplash-768x512.jpg 768w, https://read-nonbiri.com/wp-content/uploads/2023/10/alejandro-escamilla-yC-Yzbqy7PY-unsplash-1536x1024.jpg 1536w, https://read-nonbiri.com/wp-content/uploads/2023/10/alejandro-escamilla-yC-Yzbqy7PY-unsplash-2048x1365.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>みなさん、こんにちは！　Nくまです。</p>



<p>今回は、<a rel="noopener" target="_blank" href="https://inkscape.org/">Inkscape</a> の説明第4弾！ということで、曜日アイコン使用に使える文字の形の中抜きについて書いてみます。</p>



<p>曜日を入れるときにオシャレな感じがしていいですよ。</p>



<p></p>



<h2 class="wp-block-heading"><span id="toc2">ドローソフト Inkscape について</span></h2>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2023/08/image.png"><img decoding="async" width="794" height="738" src="https://read-nonbiri.com/wp-content/uploads/2023/08/image.png" alt="inkscape" class="wp-image-4330" srcset="https://read-nonbiri.com/wp-content/uploads/2023/08/image.png 794w, https://read-nonbiri.com/wp-content/uploads/2023/08/image-300x279.png 300w, https://read-nonbiri.com/wp-content/uploads/2023/08/image-768x714.png 768w" sizes="(max-width: 794px) 100vw, 794px" /></a><figcaption class="wp-element-caption">inkscape</figcaption></figure>



<p>かんたんにドローソフト Inkscape についての特徴を書いてみます。</p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-right block-box has-border-color has-grey-border-color"><div class="iconlist-title">ドローソフト Inkscape の特徴</div>
<ul class="wp-block-list">
<li>フリーのドローソフト
<ul class="wp-block-list">
<li>ベクター形式での保存</li>



<li>ラスター形式(ビットマップ形式)では無い</li>
</ul>
</li>



<li>Adobe Illustrator みたいな機能</li>



<li>マルチプラットフォーム(自分はWindowsとLinuxで動作することを確認)</li>



<li>日本語に対応している</li>
</ul>
</div>



<p></p>



<p>この記事を書いたときの環境を書いておきます。</p>



<ul style="background-color:#c8e8fe" class="has-background wp-block-list">
<li>Windows10</li>



<li>Dell ノートパソコン</li>



<li>Inkscape 1.3</li>
</ul>



<p></p>



<p></p>



<p><a rel="noopener" target="_blank" href="https://inkscape.org/ja/" data-type="link" data-id="https://inkscape.org/ja/">Inkscape</a> で 取り扱いしているフォーマットの一例です</p>



<p></p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-right block-box has-border-color has-cyan-bluish-gray-border-color"><div class="iconlist-title">対応している主な画像フォーマット</div>
<ul class="is-style-icon-list-info has-list-style wp-block-list">
<li>インポート
<ul class="wp-block-list">
<li>SVG, AI, EPS, PDF, PS, PNG</li>
</ul>
</li>



<li>保存、エクスポート
<ul class="wp-block-list">
<li>SVG, PDF, EPS, PNG, JPG</li>
</ul>
</li>
</ul>
</div>



<p>基本はSVGファイルで編集を続けて、画像として出力する場合はPNGファイルやPDFファイルにすれば良さそうです。</p>



<p></p>



<h2 class="wp-block-heading"><span id="toc3">曜日アイコン作成例</span></h2>



<p></p>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape.png"><img decoding="async" width="1366" height="768" src="https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape.png" alt="曜日アイコン作成例Inkscape" class="wp-image-5563" srcset="https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape.png 1366w, https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape-300x169.png 300w, https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape-1024x576.png 1024w, https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape-768x432.png 768w, https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape-120x68.png 120w, https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape-160x90.png 160w, https://read-nonbiri.com/wp-content/uploads/2023/12/曜日アイコン作成例Inkscape-320x180.png 320w" sizes="(max-width: 1366px) 100vw, 1366px" /></a><figcaption class="wp-element-caption">曜日アイコン作成例です</figcaption></figure>



<p></p>



<p>以下に作例を載せます。</p>



<p>Inkscape で作成しpngファイルを Canva にアップロードして使用しております。</p>



<figure class="wp-block-image size-large"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1.png"><img loading="lazy" decoding="async" width="1024" height="576" src="https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1-1024x576.png" alt="曜日アイコン作例inkscape" class="wp-image-5840" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1-1024x576.png 1024w, https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1-300x169.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1-768x432.png 768w, https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1-120x68.png 120w, https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1-160x90.png 160w, https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1-320x180.png 320w, https://read-nonbiri.com/wp-content/uploads/2024/05/曜日アイコン作成例Inkscape1.png 1366w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">作例です。わかりにくいですが、文字の部分は背景色になっています。</figcaption></figure>



<p></p>



<p>以下に作成手順について記載いたします。</p>



<h3 class="wp-block-heading"><span id="toc4">手順1: 円と文字を作成</span></h3>



<p>丸を作り、その上に文字を配置します。</p>



<p>丸は、円/弧ツールから作成可能です。　また文字についてはテキストツールで追加します。</p>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase01.png"><img loading="lazy" decoding="async" width="957" height="872" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase01.png" alt="円と文字" class="wp-image-5832" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase01.png 957w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase01-300x273.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase01-768x700.png 768w" sizes="(max-width: 957px) 100vw, 957px" /></a><figcaption class="wp-element-caption">円と文字を書いたところ</figcaption></figure>



<p></p>



<p></p>



<p><span class="marker-red">オブジェクトー＞整列</span>　を使えば、中心を合わせやすいです。</p>



<p></p>



<p></p>



<figure class="wp-block-image size-large"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase02.png"><img loading="lazy" decoding="async" width="1024" height="526" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase02-1024x526.png" alt="オブジェクトの上に文字を配置" class="wp-image-5833" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase02-1024x526.png 1024w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase02-300x154.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase02-768x394.png 768w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase02-1536x789.png 1536w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase02.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">円（オブジェクト）の全面に文字を配置したところ。中心を合わせています</figcaption></figure>



<p></p>



<p></p>



<h3 class="wp-block-heading"><span id="toc5">手順2:文字の部分を中抜き</span></h3>



<h4 class="wp-block-heading"><span id="toc6">方法1: パスの差分を使った方法</span></h4>



<p></p>



<p>円と文字の両方を選択した状態で</p>



<p>メニューの「パス」ー＞<span class="marker-red">「差分」</span></p>



<p>を押します。</p>



<p></p>



<figure class="wp-block-image size-full is-resized"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase04.png"><img loading="lazy" decoding="async" width="959" height="876" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase04.png" alt="差分ボタン" class="wp-image-5830" style="width:840px;height:auto" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase04.png 959w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase04-300x274.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase04-768x702.png 768w" sizes="(max-width: 959px) 100vw, 959px" /></a><figcaption class="wp-element-caption">メニューから「パス」ー＞「差分」を選択します</figcaption></figure>



<p></p>



<p>こうするところで、重なり部分を削除することが出来ます。</p>



<p></p>



<p></p>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase05.png"><img loading="lazy" decoding="async" width="961" height="882" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase05.png" alt="差分で中抜きした結果" class="wp-image-5831" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase05.png 961w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase05-300x275.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase05-768x705.png 768w" sizes="(max-width: 961px) 100vw, 961px" /></a><figcaption class="wp-element-caption">中抜きした結果</figcaption></figure>



<p></p>



<h4 class="wp-block-heading"><span id="toc7">方法2: シェイプビルダーを使った方法</span></h4>



<p>似たような方法としまして、<span class="marker-red">「シェイプビルダー」</span>を使う方法もあります。</p>



<p>「シェイプビルダー」は、重なった領域を作ったり、削除したりするのに便利です（論理演算ツール）。</p>



<p>左のアイコンから「シェイプビルダーツール」を選択してください。</p>



<p></p>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase14.png"><img loading="lazy" decoding="async" width="959" height="875" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase14.png" alt="シェイプビルダーツールを押します" class="wp-image-5827" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase14.png 959w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase14-300x274.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase14-768x701.png 768w" sizes="(max-width: 959px) 100vw, 959px" /></a><figcaption class="wp-element-caption">シェイプビルダーを押しましょう</figcaption></figure>



<p>シェイプビルダーツールにすると、以下のような画面になります。あとは、左上の「＋」「ー」のどちらかにして、各領域をクリックすれば有効化したり無効化することができます。</p>



<p>終わったら完成ボタン「✓」を押しましょう。</p>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase14-2.png"><img loading="lazy" decoding="async" width="961" height="878" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase14-2.png" alt="シェイプビルダーにした画面" class="wp-image-5836" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase14-2.png 961w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase14-2-300x274.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase14-2-768x702.png 768w" sizes="(max-width: 961px) 100vw, 961px" /></a><figcaption class="wp-element-caption">シェイブビルダーにした画面。各領域を選択できます</figcaption></figure>



<p></p>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase15.png"><img loading="lazy" decoding="async" width="960" height="874" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase15.png" alt="シェイプビルダーツールの使用例。土曜" class="wp-image-5829" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase15.png 960w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase15-300x273.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase15-768x699.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></a><figcaption class="wp-element-caption">＋やーにして、領域をクリックすることで任意のオブジェクトを作成できます</figcaption></figure>



<p>ここでは、文字の「土」をーにしてクリック。それ以外の円の中身を「＋」にしてクリックしました。</p>



<p>これにより、同様の結果を得ることが出来ました。</p>



<p>最後にPNGファイルでエクスポートすれば完了です。</p>



<p></p>



<h5 class="wp-block-heading"><span id="toc8">おまけ：中抜き形状</span></h5>



<p>上記のように、パスの差分や、シェイプビルダーを使用すれば中抜き形状の作成ができます。</p>



<p>ちなみにシェイプビルダーは新しい機能のようですね。私が Inkscapeを始めたときには、このような機能はありませんでした。</p>



<p>重なり合った領域を削ったり有効化したりするのに使えるようです。</p>



<p></p>



<figure class="wp-block-image size-full"><a href="https://read-nonbiri.com/wp-content/uploads/2024/05/phase21.png"><img loading="lazy" decoding="async" width="793" height="591" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase21.png" alt="中抜き形状の作成例" class="wp-image-5861" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase21.png 793w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase21-300x224.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase21-768x572.png 768w" sizes="(max-width: 793px) 100vw, 793px" /></a><figcaption class="wp-element-caption">中抜き形状の作成例</figcaption></figure>



<p></p>



<p>同じ手順で、このような単純な中抜けの形状をいくつか作れました。</p>



<p></p>



<p>そういえば、起動時にシェイプビルダー用のテンプレートを選べるものがあるので、それで試してみるのも良さそうです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="698" height="704" src="https://read-nonbiri.com/wp-content/uploads/2024/05/phase22.png" alt="シェイプビルダーの例" class="wp-image-5866" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/phase22.png 698w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase22-297x300.png 297w, https://read-nonbiri.com/wp-content/uploads/2024/05/phase22-150x150.png 150w" sizes="(max-width: 698px) 100vw, 698px" /><figcaption class="wp-element-caption">起動時のシェイプビルダー選択時画面</figcaption></figure>



<p></p>



<p></p>



<h3 class="wp-block-heading"><span id="toc9">手順3: 画像のエクスポート</span></h3>



<p>背景色を透明にしつつ、pngファイル をエキスポートすればOKです。</p>



<p></p>



<p></p>



<p></p>



<h2 class="wp-block-heading"><span id="toc10">まとめ</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="663" src="https://read-nonbiri.com/wp-content/uploads/2023/10/bram-naus-n8Qb1ZAkK88-unsplash-1024x663.jpg" alt="パソコン" class="wp-image-4992" srcset="https://read-nonbiri.com/wp-content/uploads/2023/10/bram-naus-n8Qb1ZAkK88-unsplash-1024x663.jpg 1024w, https://read-nonbiri.com/wp-content/uploads/2023/10/bram-naus-n8Qb1ZAkK88-unsplash-300x194.jpg 300w, https://read-nonbiri.com/wp-content/uploads/2023/10/bram-naus-n8Qb1ZAkK88-unsplash-768x497.jpg 768w, https://read-nonbiri.com/wp-content/uploads/2023/10/bram-naus-n8Qb1ZAkK88-unsplash-1536x995.jpg 1536w, https://read-nonbiri.com/wp-content/uploads/2023/10/bram-naus-n8Qb1ZAkK88-unsplash-2048x1327.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>



<p>今回はかなりニッチですが、自分の経験を元に中抜きの曜日アイコンについて記事を書いてみました。</p>



<p>検索してもよくわからず、無料素材もあるのですが、Inkscapeで簡単に作れたのでその作例です。</p>



<p>なにかの参考になれば幸いです。</p>



<p></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1-1024x576.png" alt="ありがとうございました" class="wp-image-5157" srcset="https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1-1024x576.png 1024w, https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1-300x169.png 300w, https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1-768x432.png 768w, https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1-120x68.png 120w, https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1-160x90.png 160w, https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1-320x180.png 320w, https://read-nonbiri.com/wp-content/uploads/2023/10/ありがとうございました-1.png 1366w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>



<p></p>



<h3 class="wp-block-heading"><span id="toc11">関連記事</span></h3>



<figure class="wp-block-embed is-type-wp-embed is-provider-n wp-block-embed-n"><div class="wp-block-embed__wrapper">

<a href="https://read-nonbiri.com/inkscape-simple-method1" title="ドローソフトInkscape使い方(1) シンプルに線を引く方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法-160x90.png 160w, https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法-300x169.png 300w, https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法-1024x576.png 1024w, https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法-768x432.png 768w, https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法-120x68.png 120w, https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法-320x180.png 320w, https://read-nonbiri.com/wp-content/uploads/2023/08/Inkscapeで線を書くシンプル方法.png 1366w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ドローソフトInkscape使い方(1) シンプルに線を引く方法</div><div class="blogcard-snippet internal-blogcard-snippet">ドローソフト Inkscape 使い方(1) フリーのドローソフトInkscapeで線・図形を描く基本的な使い方を解説。ペンツールの操作、グリッド・スナップ設定、PNG出力まで、初心者でも地図やシステム図が手軽に作れます。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://read-nonbiri.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">read-nonbiri.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2026.04.07</div></div></div></div></a>
</div></figure>



<p></p>



<p></p>



<figure class="wp-block-embed is-type-wp-embed is-provider-n wp-block-embed-n"><div class="wp-block-embed__wrapper">

<a href="https://read-nonbiri.com/inkscape-2-draw-a-bezier-curve" title="ドローソフトInkscapeの使い方(2) ベジェ曲線を描く" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1-160x90.png 160w, https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1-300x169.png 300w, https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1-1024x576.png 1024w, https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1-768x432.png 768w, https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1-120x68.png 120w, https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1-320x180.png 320w, https://read-nonbiri.com/wp-content/uploads/2023/10/Inkscapeでベジェ曲線-1.png 1366w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ドローソフトInkscapeの使い方(2) ベジェ曲線を描く</div><div class="blogcard-snippet internal-blogcard-snippet">ドローソフトInkscapeの使い方(2) ベジェ曲線を描く方法についてです。曲線を書くときに便利な機能です。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://read-nonbiri.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">read-nonbiri.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.05.21</div></div></div></div></a>
</div></figure>



<p></p>



<p></p>



<figure class="wp-block-embed is-type-wp-embed is-provider-n wp-block-embed-n"><div class="wp-block-embed__wrapper">

<a href="https://read-nonbiri.com/inkscape-3-image-clip" title="ドローソフトInkscape使い方(3)画像の切り抜きトリミング" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング-160x90.png 160w, https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング-300x169.png 300w, https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング-1024x576.png 1024w, https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング-768x432.png 768w, https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング-120x68.png 120w, https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング-320x180.png 320w, https://read-nonbiri.com/wp-content/uploads/2024/04/Inkscapeで画像切り抜き-トリミング.png 1366w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ドローソフトInkscape使い方(3)画像の切り抜きトリミング</div><div class="blogcard-snippet internal-blogcard-snippet">ドローソフトInkscape使い方 インポートした画像を切り抜く(トリミングする)方法について説明します。クリップとマスクを使用して画像の切り抜きを行います。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://read-nonbiri.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">read-nonbiri.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.05.26</div></div></div></div></a>
</div></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc12">あとがき</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="683" src="https://read-nonbiri.com/wp-content/uploads/2024/05/priscilla-du-preez-SSh9O_-sTzg-unsplash-1024x683.jpg" alt="読書メモ" class="wp-image-5790" srcset="https://read-nonbiri.com/wp-content/uploads/2024/05/priscilla-du-preez-SSh9O_-sTzg-unsplash-1024x683.jpg 1024w, https://read-nonbiri.com/wp-content/uploads/2024/05/priscilla-du-preez-SSh9O_-sTzg-unsplash-300x200.jpg 300w, https://read-nonbiri.com/wp-content/uploads/2024/05/priscilla-du-preez-SSh9O_-sTzg-unsplash-768x512.jpg 768w, https://read-nonbiri.com/wp-content/uploads/2024/05/priscilla-du-preez-SSh9O_-sTzg-unsplash-1536x1024.jpg 1536w, https://read-nonbiri.com/wp-content/uploads/2024/05/priscilla-du-preez-SSh9O_-sTzg-unsplash-2048x1365.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>今回は、フリーのドローソフト Inkscape を使った曜日アイコン作成について記事を書いてみました。</p>



<p>これはですね、Canva でポスターやチラシを作ろうとしたときに 土曜日か日曜日のアイコンというか、青い丸と赤い丸で作られたアイコンがあるんですけど、よく見かけるので自分でも作ってみようかなと思ったんですね。 </p>



<p>Canva で作ろうと思ったら簡単に作るのが難しそうだったので、Inkscape ならどうかなと思ってやってみたら意外と簡単にできたので ここに書かせていただきました。</p>



<p>なかなかニッチな内容だと思うんですけど、何かの参考になれば嬉しいです。</p>



<p>というわけで、自分がいろいろやってみてわかったことなので 忘れないように備忘のためにも書いてみました。 </p>



<p>ここまで読んでいただきまして誠にありがとうございました。</p>



<p></p>



<p></p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://read-nonbiri.com/week-icons-in-inkscape/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
