過去の記事一覧

  1. Bootsrtap

    Bootstrap4の使い方(入門編)

    ここでは、Bootstrapがどんなものであるのか概要をある程度、理解した方が実際にBootstrap4を導入する際の最初のステップについてお話していきます。B…

  2. WordPress

    WordPress|出力されるサムネイルのサイズを追加する方法

    テーマをカスタマイズして、記事のアイキャッチ画像など任意のサイズで出力させたいときってあると思います。ここでは、新しいサイズのサムネイル画像の設定方法についてお…

  3. その他

    Calligraphrでフォントを自作する方法

    Calligraphrという無料フォント作成サイトで自作フォントを作成してみました。ここではその手順を見ていきたいと思います。はじめにお話しておきますが、Cal…

  4. CSS

    写真をモニター風に表現する方法

    最近のホームページってトップのスライダーなどの写真がディスプレイモニター風になっていることってありますよね。ここではイラストレーターとスタイルシートでこんな画像…

  5. Illustrator

    Illustrator|パスを拡大したときに線まで太くさせない方法

    イラストレーターでパスを拡大・縮小したときに、線まで一緒に拡大・縮小されてしまって困っている方のためのページです。ここでは、パスを拡大・縮小したときの線の太さの…

  6. Illustrator

    Illustrator|ハンコ(スタンプ)風デザインの作り方

    ここではイラストレーターを使ってスタンプ風のデザインを作る方法についてお話します。スタンプ風デザインの作り方素材の作成はじめにス…

  7. Illustrator

    Illustrator|ドットの背景を作る方法

    デザインの中で背景にドット柄を使いたいときってあると思います。ここではスウォッチにパネルにドット柄のパターンを登録してドット柄の背景を作る方法についてお話します…

  8. photoshop

    Photoshop|画像の切り抜き ~パスでマスクする方法~

    フォトショップを使った画像の切り抜きにはいろんな方法がありますが、ここではパスで囲った部分を残してクリッピングマスクしてしまう方法についてお話します。この方法は…

  9. Illustrator

    Illustratorでドット線を作る方法

    ここではイラストレーターのパスをドットの線にする方法についてお話していきます。ドット線の作り方1.パスで線を作る鉛筆ツールかペンツールで最初…

  10. photoshop

    photoshop|透明にグラデーションをかける方法

    画像にグラデーションをかけるときに段々、透明になるようにしたいというときってありますよね。ここでは、Photoshopで透明にグラデーションをかける方法について…

最近の記事

  1. CSS

    レスポンシブウェブデザインの基本|メディアクリエリの設定
  2. CSS

    CSS|中央寄せが効かないときは・・・
  3. CSS

    擬似クラス「:first-child」「:last-child」はどうして効かな…
  4. CSS

    要素の配置が簡単に決まるFlexboxの使い方
  5. WordPress

    WordPressの立ち上げからサイト構築までの初期手順
PAGE TOP