skillup

技術ブログ

デザイン

GIMPでの薄膜レイヤー&縁取り

投稿日:2015年10月24日 更新日:

えー本業はプログラマなんですが、ガチンコ塾のブログの画像なんかもたまに作ってます。

まーほとんど素人なんですけどね(笑)

一応昔にPhotoshopとIllustratorは使ってました。今では忘却の彼方ですが・・・

復習もかねてちょこっとした画像とかを作れると便利なので少しずつ画像処理ツールをいじってます。

画像処理系で使っているのはGIMP2.8です。

作品なんぞを。

blog_database01 blog_thanks

えーまだやり始めたばっかりなんですが、とりあえずよく使う技術を。

薄い膜の作り方

「あなたもハッカーに!?」のところで使っている技術なんですが、

  1. 新規レイヤー作成
  2. 透明度を下げる
  3. 文字に該当する部分を選択
  4. 選択範囲の反転
  5. 削除キー

とやるとちょうど上記のようなうすい膜ができます。

縁取り

THANKS!の猫のやつですね。

うすーく灰色の淵があります。これ自体はなくてもよかったかも(汗)

フォントのレイヤーを複製

右クリックで「不透明部分を選択範囲に」を実行

テキストが選択されるので選択範囲を拡大(2px以上)

色を付ける

複製レイヤーをフォントのレイヤーの下に持っていく

参考リンク

GIMP入門 文字を黒色にフチどる

参考書のやつがversionが2.6で違ってて焦った・・・

-デザイン
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

CSSの適用ルールと継承について

前回のエントリーでも書いたようにいまいちわかっていないことが多いので、復習します。 Contents1 セレクタの種類2 セレクタの詳細度3 継承 セレクタの種類 CSSのセレクタには下記のようなもの …

no image

laravel Mix

Contents1 laravel Mix2 インストール laravel Mix 実務でlessを使っていて便利なのですが、コンパイルをatomのプラグインで行っていました。 ※保存されると自動的に …

no image

CSS floatについて

以前もちょっと書きましたが、CSSのfloatについて。 http://skill-up-engineering.com/?p=1708への追記 親から見るとfloatした子供は存在しない状態 flo …

no image

bulmaフレームワークに関して

以前から使っているbulmaフレームワークですが、ドキュメントをフルで読んだことがなく、いい機会なので全て読み、ポイントをメモります。 https://bulma.io/documentation/ …

no image

スマホサイトの横ぐらつき ~border-size:border-boxigについて

スマホサイトをつくっていたところ、横幅がぐらつくというあり得ない事態に・・・ どうやら内部の幅が100%を超えるときにこの現象が起きてしまうようです。 Contents1 対策1 コンテンツの幅が10 …

アーカイブ