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

テンプレートエンジンTwigについて

SmartyにかわるテンプレートエンジンとしてTwig(ツィッグ)を勉強中。 といってもテンプレートエンジンなので基本的なことはほとんど一緒っぽいですが。 Contents1 インストール2 基本的な …

no image

flexについて

CSSのflexをちょこちょこ使ってます。 以前下記リンクで超簡単なサンプルは動かしましたが、実践的なことは何もやっていませんでした。 css flexbxについてどんなことができるのか 使って思った …

no image

CSSのレイアウト例 その2 部分的な多カラムレイアウト

ナビのボタンや一覧のリスト項目などfloatを使ったいろいろなバリエーションについて。 例によってサイトが具体的にどうなっているかを知りたい方は「プロとして恥ずかしくない 新・CSSデザインの大原則」 …

no image

画面系小ネタposition:sticky+datalist(プルダウン+自由入力)

画面系の小さい小ネタなど。 Contents1 position:sticky2 datalist(プルダウン+自由入力) position:sticky ヘッダーに関して画面をスクロールすると、付い …

no image

ブラウザ上でのドラッグ&ドロップの処理

あるシステムから別のシステムにデータを移すとき、一般的にはCSVを使うことが多いかと思います。 今携わっているシステムもそうなのですが、CSVのどの項目を選ぶかを変更したいときってありますよね。 以前 …