デザイン

  1. WordPressでも簡単に使えるってほんと?会話風吹き出しのCSSテンプレート

    会話風吹き出しのテンプレートとして使えるCSSを作ってみました。会話風吹き出しのデザインは一見難しそうに見えるのですが、要点さえ抑えてしまえば誰でも簡単に作…

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

    写真付きのパンフレットでよくあるテキストレイアウトには被写体を邪魔しないようなテキストの配置がされていますね。テキスト部分の輪郭がカーブしてることが特徴的で…

  3. 自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使ってみて

    ブログやサイトのロゴを作るときって時間的・金銭的に結構なコストがかかりますよね。見栄えが良いロゴを作るにはある程度のデザインスキルを必要としますし、プロに依…

  4. 混乱してない?CSSレイアウト【position: absolute】を最短で理解するための2つのポ…

     positionを使うとfloatやmarginを駆使してレイアウトを設定するより簡単に設定できてしまうのですが、1つ難しいところがありますね。そう。…

  5. プラグイン不要!2ステップで完了!「FontAwesome」をWordPressに導入してアイコンを…

    ブログのカスタマイズをするとき、必要なアイコンをいちいち画像化して、フォルダにアップロードするのは手間ですね。そんなときは「Font Awesome」という…

  6. 子テーマを使ってWordPressを自由にカスタマイズしちゃいましょう

    WordPressをカスタマイズするときに使うと便利なのが「子テーマ」です。子テーマとはベースとなるテーマのCSSやPHPファイルを引き継いで、部分的にカス…

  7. 開始タグと終了タグを一気に置き換える!WordPressのテーマ変更に使える小技

    このブログでもテーマの変更をしたことがあるのですが、テーマを変更するとHタグなどの表示が変わったりしますね。そうすると、手作業でh2タグをh3タグに変換した…

  8. WordPressで全文検索・置換をする「Search Regex」プラグインの使い方

    テキストエディタ(メモ帳)やオフィスソフト(Word)では、検索した文字を別の文字で置き換えることができます。「同じことがWordPressの記事でもできた…

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

    今回はよく検索されている、inkscapeで矢印を作るための基本チュートリアルを紹介します。GIMPのようにエクステンションを使わなくても基本機能だけで矢印…

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

    「ロゴ作成の勉強ってどうやってすればいのー?」と、よく自分でも考えているのですが、やっぱり誰かが作ったロゴをまねして作るのが一番いい気がします。すでに完…

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

    パステルカラーのマスキングテープを張り合わせたようなパターンを作成したときの方法を紹介します。 ノードをギザギザにする ランダムに色…

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

    グラフィックソフトの場合、手で描くのとは違って、機能とその結果が結びつかないことがよくあります。今回紹介する「集中線」もその1つかと思うのですが、実は簡単に…

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

    作りたいアイコンやロゴがあるときに、なかなかアイデアが浮かばないということもあるかと思います。そういうときはアイコンやロゴにしたい対象物をよく観察して、特徴…

  14. WordPressの子テーマを作るときのひな型テンプレートがあるんですが…

    WordPressのカスタムをするときは子テーマを使った方が効率的で、もとのテーマを傷つけることもないです。子テーマ自体は簡単な構造なのでその都度、調べて作…

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

    「ドットパターンを作る」って聞いて、難しく感じる人が多いような気がするのですが、inkscapeで作るときは【タイルクローン】と【再スタック】を上手に使うとデザ…

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

 
  1. ブログ収益化

    月額100円から使える「ロリポップレンタルサーバー」
  2. グラフィックデザイン

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrato…
  3. 素材

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  4. ブログ収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  5. グラフィックデザイン

    フォトレタッチ・グラフィックデザインの無料ソフト「GIMP」(≒Photosho…
PAGE TOP