Inkscape 円を描いてみよう【初心者なび】

Inkscape 円を描いてみようTOP

Inkscapeで正円を描いたり、楕円形を描いたりしたいんだけど、どうやって描くの?って困っていませんか?Inkscapeでは「円/弧ツール」を使うことで、簡単に正円や楕円形、扇形などの図形を描くことができます。

今回は、「円/弧ツール円/孤ツールアイコン」の基本的な操作方法を使い始めたばかりのあなたにも、わかりやすくご紹介します。それではさっそく、「円/弧ツール」の操作を覚えて素敵な画像を作ろう!

続きを読む

Inkscape トリミングしてみよう

Inkscape トリミングしてみようTOP

Inkscapeで画像や写真の一部を切り抜きたいんだけど、どうやったらできるの?って困っていませんか?Inkscapeを使い始めたころに誰もが一度は戸惑う操作の一つですね。

バナーや画像を作成するときなど、取り込んだ画像をトリミング(切り抜き)する方法を覚えておくことで、画像の編集に活用できますよね。

今回はInkscapeを使って画像をトリミングする方法をご紹介します。それではさっそく、操作方法を覚えて素敵な画像を作成しよう。

続きを読む

Inkscape ページを縦から横に変えてみよう

Inkscape ページを縦から横に変えてみようTOP

Inkscapeを起動したとき、キャンバスの用紙を縦から横にしたいんだけど、どうやって設定するの?って困っていませんか?

今回は、Inkscapeを使い始めたばかりの初心者のあなたにも、わかりやすく設定方法をご紹介します。

それではさっそく、初期設定で縦になっている用紙を横に変更してみよう。

続きを読む

Animate.css × ScrollTriggerでアニメーションをつけてみよう

Animate.css × ScrollTriggerでアニメーションをつけてみようTOP

よく見かけるよになったWebページをスクロールしていくと、画像や文字が横から下から飛び出してくる動きってありますよね。あの動きをサイトにつけたいんだけど、どうしたらできるの?って悩んでいませんか?

Animate.cssとの組み合わせでよく紹介されているのが「wow.js」ですが、wow.jsは商用で利用する場合、有料なんです。なので、無料で使用できる「ScrollTrigger」と「Animate.css」を組み合わせることで、スクロールイベントを設定してWeb初心者でもサイトにアニメーションをつけることができるようになります。

それではさっそく、「Animate.css」と「ScrollTrigger」の設置方法をご紹介します。

続きを読む

GIMP 移動ツールの使い方【初心者ナビ】

GIMP移動ツールの使い方TOP

GIMPの「移動移動ツール」ツールの使い方を、初心者のあなたにもわかりやすくご紹介します。

このツールを使うことで、画像・テキストレイヤー、選択範囲、パス、ガイドを移動することができます。

それではさっそく「移動」ツールの使い方を覚えてGIMPを使いこなしてみよう!

続きを読む

GIMP 足りない背景を伸ばしてみよう

GIMP 足りない背景を伸ばしてみようTOP

ブログやネットショップ、バナーの作成などwebページで使いたい写真があるんだけど、もう少し横幅があるといいなぁって思ったことありませんか?

今回はGIMPを使って背景を横に伸ばす(追加する)方法をご紹介します。

それではさっそく背景を伸ばす(追加する)作業をマスターして素敵な画像を作ろう!

続きを読む