つちだにんじん

デザイン、イラスト、写真、webなど様々なジャンルで自分のメモや得た知識をnoteに書…

つちだにんじん

デザイン、イラスト、写真、webなど様々なジャンルで自分のメモや得た知識をnoteに書いていく予定です。 誰かの役に立つことがあればいいなと思っています。 http://ninjin.stars.ne.jp/ningenninjin/ (個人HP)

最近の記事

【web/graphic】パス切りで透過画像を作成

こんにちは、つちだにんじんです。 今回はAdobe Photoshopを使用して透過画像を作成する方法を書きます。 Photoshopの機能が増えて、今では自動でオブジェクトを認識し、選択範囲を作成してくれるため、細かいところの範囲修正くらいですぐできてしまいます。 私も、ずっとその機能に頼って「透過作業なんて誰にでもできて楽チンじゃん」と思っていました。 しかし、制作の仕事に携わるようになってから、「これだとデータ重くなるし、パス切りの方が綺麗に抜けるからパス切りで」

    • 【web】PHPなしでフォームを作成する方法

      こんばんは、つちだにんじんです。 今回は、「PHPなんてそんなもの知らん!でもお問合せフォーム作りたい!」という方でも簡単にフォームの作成ができる方法をお伝えします。 この方法は、 ・HTML・CSSでフォームのマークアップと装飾ができる ・Googleフォームを作成できる という人なら問題ありません! ちなみに私も「PHPなんて知らん民」です。 1.フォームのマークアップまずはHTMLでフォームの形を作成します。 <form action="" method="pos

      • 【ブログ】島根・鳥取に行きました

        こんにちは、つちだにんじんです。 GWに島根の松江・出雲と鳥取の境港に遊びに行ってきました。 鳥取では境港市の「水木しげるロード」に行き、島根では「松江フォーゲルパーク」と「出雲大社」に行きました。 鳥取県境港市「水木しげるロード」 実は私水木しげる先生の作品が大好きで、水木しげるロードが一番楽しみでした。 楽しみすぎて夜しか寝れませんでした。 水木しげる先生の絵柄はもちろん、キャラクターも個性豊かで大好きです! ちょうど水木しげる記念館のリニューアルオープンもあって

        • 【web】便利サイト

          web制作初心者である私にとっては、いろんな方の知恵や力を借りてこそなんですよね・・・。 今回は、そんな初心者の私が活用させていただいているサイトをご紹介します。 ダミーテキストジェネレータまずは「ダミーテキストジェネレータ」です。 ワイヤーフレームを作成する際や、文章が決まっていないけどここに50文字くらいテキストを挿入するなどの場合に、自分で打ち込むのは面倒ですよね・・・。 そんな時に私はこの「ダミーテキストジェネレータ」を活用しています。 とてもシンプルで使いやす

        【web/graphic】パス切りで透過画像を作成

          SVGatorのデータ書き出し・webサイトに貼り付け

          webサイトを制作する際に「動くイラストをHPに使用したい!」という時に、CSSやJSを使わず感覚的にアニメーションを付与することのできる便利ツールがSVGatorです。 前回アニメーションの設定の仕方を書きましたので、今回はデータの書き出しと、そのアニメーションSVGを実際にweb制作で使用するやり方(webサイトへの貼り付け方)について書いていきます。 SVGatorの使い方については前回の記事 に記載していますので、ご存じない方はご参考にどうぞ! SVGアニメー

          SVGatorのデータ書き出し・webサイトに貼り付け

          SVGatorの使い方

          自分用のメモも兼ねて、SVGatorの使い方を書きます。 ちなみにSVGatorはSVGデータのイラスト等に感覚的にアニメーションを付与することのできるweb上のツールです。 機能制限はありますが、無料版もあります。 アカウントを作成するまずはアカウントの作成です。 SVGatorのサイトへ行き、「サインアップ」からアカウントを作成できます。 ちなみに日本語対応されていないため、私はGoogleの翻訳機能を使用しています。 SVGのデータをアップロードor SVGato