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

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

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

no image

jquery multipleについて(応用編) keepOrder

さて、複数選択だけなら前回のエントリーだけでなんとかなりますが、左の項目の順番を入れ変えて保存したい場合、難易度がかなり上がります。 公式ページには下記のように書けばOKとかいてあります。 [cray …

no image

頻出CSSのまとめ

普段PHPでシステムを作るときはほぼフレームワークを使い、よく出る頻出処理に関してはユーティリティ系のクラスにまとめてます。(特に日付、配列やコレクション、文字列がらみの操作) で、CSSでもよく出る …

no image

CSSの概要 主に適用ルールについて

昨日までリーダブルコードを読みまして正しいコーディングについて書いてきました。 本日からは正しいCSSについてみていこうと。 Contents1 CSSとは?2 CSSの書き方3 CSSの挙動4 プロ …

no image

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

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

アーカイブ