Webデザイン事始め其の三・GIMPで窪みのある文字を作ってみる - かちびと.net
なんとなく気が向いたので 書いてみます。右画像の様 な、窪んだ感じの文字を オープンソースのツール、 GIMPでサクッと作るチュート リアルです。 今回も「デザインの扉を開いてみよう」という趣旨になっています。実用的というよりは操作法を覚える為のもの、興味を抱いてもらうための内容です。Photoshopでは無く、GIMPにしているのはそういった理由からです。「GIMPってなに？」という方は「まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト」をご覧下さい。 今回は窪みのあるテキストの簡単な作り方。 文字を書く まず、文字を書きます。大きさなどはお好みで。大きい方が分かりやすいかもです。 テキストを選択肢にする レイヤー→テキストから選択範囲→テキストを選択範囲に レイヤーを追加してグラデーションを掛ける グラデーションをかけます。テキストを選択したままレイヤ
WordPress オリジナルテーマの作り方
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト！ ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
Webデザイン事始め其の弐・テキストに枠と影を付ける作業でGimpの操作に慣れる - かちびと.net
最近書いた記事でGimpと Inkscapeの使い方のお勧め サイトをいくつかご紹介しましたが、 その際に沢山の反響を頂けたので、 始めよう！というテンションが下がらない うちに１つ、チュートリアルを書いてみます。 Webデザインへの興味の扉になれれば幸い。 記事の内容はチュートリアルと、その下にTips、パターン素材の追加方法、この記事の内容で出来るデザイン例です。画像も多く、長い記事ですが細かくお伝えしているのと、ある程度Gimpの操作法に慣れるようなチュートリアルにしています。以下のような画像を作ります。 影は理由も無く目立たせています。作業の時間は操作に慣れれば殆どかからないのでWebデザインの事始めにぜひお試し下さい。 STEP.1 / Gimpを起動し、新しい画像を用意する Gimpを起動したら、まず １.上部メニューの「ファイル」→「新しい画像」 を選択。基本的にはこれがスタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
