Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト
題名の通りですが、これから Webデザインに手を出そう、 という方の為に日本語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。 Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（Photoshop代替ソフト）とInkscape（Illustrator代替ソフト）で様子見をしてみてはいかがでしょう。 使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1，2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。 プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトを
GIMP（WEB2.0初心者向けチュートリアル3つ） | Designer's Guide
このエントリーはGIMP初心者向けの 動画チュートリアルです。 WEB2.0でよくある、『丸ボタン』『角丸ボタン』『テキスト反射（反転）』の GIMPチュートリアルを動画で紹介します。 あくまで基本的な作り方なので、 自分なりにアレンジしてみてください。 ではチュートリアル動画3つを紹介します。 WEB2.0角丸ボタンチュートリアル ※光沢部分は、四角選択ツールで切り取ったり、グラデーションを 斜めからかけたりすると、また違う雰囲気になります。 WEB2.0テキスト反射（反転）チュートリアル ※2種類の作り方を使い分けてみましょう。反射したテキストを台形選択ツールで 角度を変えてもおもしろいです。 WEB2.0丸ボタンチュートリアル ※このGIMPチュートリアルの応用で、 『ＧＩＭＰ（半透明な丸ボタンを作るチュートリアル）』も紹介しています。
GIMP（iPhone画像作成チュートリアル） | Designer's Guide
最近iPhoneがほしくて… 何となく画像を作成してみました。 一応、GIMPチュートリアルですが いつもながら適当な感じで進めて行きます…笑。 では、ぐだぐだな『iPhone画像作成』 GIMPチュートリアルのはじまりです。 はじめに、角丸の長方形を作り『#000000』で塗りつぶします。 次に新規レイヤーで、もう一つ角丸の長方形をつくります。 この時、サイズを1px小さく作りました。 （アルファチャンネルを使い、選択範囲を縮小します） このレイヤーは、メタル系のグラデーションで塗りつぶします。 次は上画像の中央部分にあたるパネル（黒）を作成します。 これも先ほどと同様、アルファチャンネルを使い ここでは、4px縮小し『#000000』で塗りつぶします。 上画像のようになると思います。 ※毎回、作業をするたびにレイヤーを追加していくことで 後々修正がきくので便利です。 今度はパネルの枠部
はてなブログ | 無料ブログを作成しよう
顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…
【Gimp特集】GimpでWeb2.0風-反射ロゴを作ろう！*二十歳街道まっしぐら
★新URL：http://20kaido.com/ ★新RSS:http://20kaido.com/index.rdf いままでFC2ブログで5年間、お世話になりました。感謝です。 移転先でもよろしくお願いいたします！ 二十歳街道まっしぐら（FC2ブログ時代）人気記事TOP50まとめ Gimpによる画像作成を「特別企画」の【Gimp特集】として まとめることにしました。 過去記事：【Gimp特集】Gimpで飛び出す写真を作ろう！（初心者向け） ======================================================= 【目次】（クリックすると、各ステップへ飛びます。） ステップ１：文字を書く ステップ２：反転させる ステップ３：アルファ（透過）をかける ==================================================
GIMP思い込みチュートリアル（GIMPの使い方）
タイトルでは「RSSアイコン」としていますが、普通のボタンやアイコンを3Dにしてみたい場合も参考にしてみてください。 で、本題ですが2～3週間ほど前「Internet Explolerでも、Firefoxと同じRSSアイコンを採用する」なんて発表がありました。 RSSアイコン標準化プロジェクト「Feed Icons」 - GIGAZINE 結局のところ、RSSアイコンの標準ができたというわけなんだそうです。で、以下のサイトでそのアイコンが配布されています。 Feed Icons - Home of the standard web feed icon でも、コレをこのまま使うのもなぁ… ということで、このアイコンをGIMP（ギンプ）を使って、意味も無く立体的にしてみました。以下、その描き方を紹介していきます。 まず、上記のサイトから、拝借してきたアイコンを用意しておきます↓ GIMP（ギン
Creating 3D icons
Written by devvv · Created on May 25, 2007, last updated over 13 years ago Motivation Want some cool 3d-icons? Then you're right here ;) We're going to create some 3d-icons today. We're demonstrating the 3D-effect with a simple arrow that could be used as a download-button. Tutorial details Category: Buttons, icons, web Time to reproduce: ≈35.0 minutes Tested with GIMP 2.3.11 1 Create a new file:
こんなこともできる！GIMPのチュートリアル13個まとめ*二十歳街道まっしぐら
GIMPの他にはないチュートリアル30という記事を元に、 GIMPチュートリアルについて、まとめました。 上記サイトに紹介されているものをいくつか抜粋して、それと関連ある日本語サイトも載せています！
アフィリエイトは儲かんないってば:[ＧＩＭＰ]パスによる領域の選択とかストロークとかを使う・その２ - livedoor Blog（ブログ）
ＧＩＭＰのパスツールを使っていくシリーズの２回目です。 （前回の記事→ パスによる領域の選択・その１）。 前回の記事でパスを実際に描いて頂いた方は、お疲れ様でした。 保存しないでいいですので、一旦ＧＩＭＰを終了されてください。 １．できない練習問題。 さて、パスの練習問題をやってみましょう。 お暇な方はこの画像を右クリックしてPCのデスクトップに保存してください。 ＧＩＭＰを起動します。 そして、デスクトップにある画像のアイコンを、ＧＩＭＰの左メニューにドラッグアンドドロップします。 すると、画像がＧＩＭＰで開きます。 メニューのファイルから、 ファイル→ 開く→ rensyu.jpgを選択 でも構いません。 開いた画像は、薄い灰色で図形が描いてあります。 この図形を囲むようなパスを描くのが練習問題です。 お気づきの方も多いと思いますが、この練習問題は、前回の
GIGAZINE - GIMPをPhotoshop級に使いこなすチュートリアル
GIMPというのは「Photoshopキラー」とも呼ばれていた有名なフォトレタッチソフト。Windows、Mac OS X、Linuxで動作し、日本語化もされていて、機能的にはかなり優秀ではあるものの、どんな画像が作れるのか？というチュートリアルがないとやはり使う気にはなれません。 というわけで、Photoshopでよく作られている画像をGIMPでも作ってみようというチュートリアルや、見た目自体をPhotoshop風にしたもの、CMYKを利用できるようにするプラグインなどをまとめておきます。 [GUG] Tutorials http://gug.sunsite.dk/?page=tutorials 上記サイトには色々あります。 これはアクア風のボタンを作るという有名なモノ iMacっぽいロゴ テープを貼った感じ 稲妻 錆のある金属 さらに一風変わったチュートリアルがここにあります。 BET
Index of /
Name Last modified Size Description Parent Directory 07-Nov-2008 15:54 - Apache/1.3.33 Server at gug.sunsite.dk Port 80
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/02/gimp-plugins.html
【ハウツー】ゼロからはじめるGIMP2- 無料で使える写真加工ソフトを解説 (5) レンガの壁に落書きしてみる(あいまい選択ツールで加工する2) | パソコン | マイコミジャーナル
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳