サイトマップ
https://design.atompro.net//rss_top.rdf
サイトマップ について
-
あしあとBBS / 《WEB素材&デザイン》
https://design.atompro.net/regsqlbrd__cfgguest.html
新しい投稿はこの下の「新規入力」ボタンをクリックして書き込んでください。| 通常一覧| 通常詳細| 新規入力| 記事検索|| Page-1【あしあとBBS/一覧】 一覧 / 詳細最新: 1頁[atom] 11/02/20 (日) 22:02No.1 あしあとBBSについて最新: 1頁| Page-1 一覧 / 詳細
Thu, 17 Jan 2019 01:34:36 +0900
190117013436
9999/12/31
-
《WEB素材&デザイン》 /メールの送信
https://design.atompro.net/regsqlbrd_.html
メール送信それぞれの項目を入力し、送信ボタンをクリックして下さい。*は必須項目です。*お 名 前*メールアドレス*タ イ ト ル*お問合せ内容 [reginp]
Thu, 17 Jan 2019 01:34:36 +0900
190117013436
9999/12/31
-
《WEB素材&デザイン》 / フリーソフトを使って無料でWEB素材を作成しよう!
https://design.atompro.net/
【お知らせ、新着、更新履歴】御訪問者の方で、このサイトのページの表示やデザインが崩れている、見難い、表示ができない等訂正して欲しい箇所がありましたら、あしあとBBSかメールで御連絡ください。 できるだけ対応いたします。@import url(//www.google.com/cse/api/branding.css); ..
Wed, 09 Jan 2019 18:19:18 +0900
190109181918
9999/12/31
-
GIMP 2.6で作成するサンプル画像 素材作成編 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_sample3.html
GIMP 2.6で作成するサンプル画像 素材作成編フリーソフトのGIMP 2.6を使って下記のような素材の作成方法を解説します。無料でWEB素材を作成する(GIMP 2.6 基本編)無料でWEB素材を作成する(GIMP 2.6 応用編)無料でWEB素材を作成する(GIMP 2.6 素材作成編)GIMP 2.6で作成するサンプル画像 基本編GIMP 2.6で作成するサン..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
GIMP 2.6で作成するサンプル画像 応用編 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_sample2.html
GIMP 2.6で作成するサンプル画像 応用編フリーソフトのGIMP 2.6を使って下記のような素材の作成方法を解説します。無料でWEB素材を作成する(GIMP 2.6 基本編)無料でWEB素材を作成する(GIMP 2.6 応用編)無料でWEB素材を作成する(GIMP 2.6 素材作成編)GIMP 2.6で作成するサンプル画像 基本編GIMP 2.6で作成するサンプル..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
GIMP 2.6で作成するサンプル画像 基本編 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_sample.html
GIMP 2.6で作成するサンプル画像 基本編フリーソフトのGIMP 2.6を使って下記のような素材の作成方法を解説します。無料でWEB素材を作成する(GIMP 2.6 基本編)無料でWEB素材を作成する(GIMP 2.6 応用編)無料でWEB素材を作成する(GIMP 2.6 素材作成編)GIMP 2.6で作成するサンプル画像 基本編GIMP 2.6で作成するサンプル..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
クリスタル風ボールの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm421.html
クリスタル風ボールの作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
アクア風丸長ボタンの作成(カプセル風) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm419.html
アクア風丸長ボタンの作成(カプセル風)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更してい..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
クリスタル風ボタンに反射を付ける(照り返し) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm418.html
クリスタル風ボタンに反射を付ける(照り返し)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
クリスタル風ボタンの文字に影を付ける(ドロップシャドウ) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm417.html
クリスタル風ボタンの文字に影を付ける(ドロップシャドウ)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
クリスタル風ボタンに影を付ける(クリスタルシャドウ) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm416.html
クリスタル風ボタンに影を付ける(クリスタルシャドウ)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
光沢ボタンに文字を刻む(エンボス) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm415.html
光沢ボタンに文字を刻む(エンボス)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
クリスタル風角丸ボタンの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm414.html
クリスタル風角丸ボタンの作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:47 +0900
190109174747
9999/12/31
-
光沢のある角丸ボタンの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm413.html
光沢のある角丸ボタンの作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
光沢のある長方形ボタンの作成2 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm412.html
光沢のある長方形ボタンの作成2フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
光沢のある長方形ボタンの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm411.html
光沢のある長方形ボタンの作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
凹んだボタンって何? / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm406.html
凹んだボタンって何?フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
凹んだように見えるボタンの作成(切り抜きボタン)成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm405.html
凹んだように見えるボタンの作成(切り抜きボタン)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
単純な影付きボタンの作成(ドロップシャドウ) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm404.html
単純な影付きボタンの作成(ドロップシャドウ)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
単純な浮き出しボタンの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm403.html
単純な浮き出しボタンの作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
単純なグラデーションボタン / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm402.html
単純なグラデーションボタンフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
画像や写真の簡単なフォトフレームの作り方 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm401.html
画像や写真の簡単なフォトフレームの作り方フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更して..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
サンプル画像を使った抽出選択テクニック(ドレス編) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm363.html
サンプル画像を使った抽出選択テクニック(ドレス編)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
サンプル画像を使った抽出選択テクニック(車両編) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm362.html
サンプル画像を使った抽出選択テクニック(車両編)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に..
Wed, 09 Jan 2019 17:47:46 +0900
190109174746
9999/12/31
-
サンプル画像を使った抽出選択テクニック(花びら編) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm361.html
サンプル画像を使った抽出選択テクニック(花びら編)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
刻んだような凹み文字の作成(エンボス) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm345.html
刻んだような凹み文字の作成(エンボス)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更してい..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
グラデーション文字の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm344.html
グラデーション文字の作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
切り抜き文字の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm343.html
切り抜き文字の作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
影付き文字の作成(ドロップシャドウ) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm342.html
影付き文字の作成(ドロップシャドウ)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更していま..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
縁取り文字の作成(アウトライン、袋文字) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm341.html
縁取り文字の作成(アウトライン、袋文字)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更して..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
「自由選択」、「電脳はさみ」の使用方法とその違い / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm323.html
「自由選択」、「電脳はさみ」の使用方法とその違いフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
「ファジー選択」、「色域を選択」の使用方法とその違い / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm322.html
「ファジー選択」、「色域を選択」の使用方法とその違いフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
「クイックマスク」の使用方法 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm321.html
「クイックマスク」の使用方法フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
画像や写真の自由な型抜き(ひし形、星形、雲形) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm309.html
画像や写真の自由な型抜き(ひし形、星形、雲形)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
画像や写真を凹んだように見せる / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm308.html
画像や写真を凹んだように見せるフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
画像や写真に影(ドロップシャドウ)を付ける / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm307.html
画像や写真に影(ドロップシャドウ)を付けるフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更..
Wed, 09 Jan 2019 17:47:45 +0900
190109174745
9999/12/31
-
画像や写真の縁取り(輪郭線、内枠、外枠) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm306.html
画像や写真の縁取り(輪郭線、内枠、外枠)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更して..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
画像や写真の拡大縮小(リサイズ) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm305.html
画像や写真の拡大縮小(リサイズ)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
描画領域(キャンバス)の拡大縮小 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm304.html
描画領域(キャンバス)の拡大縮小フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
画像や写真の不要な部分のカット(トリミング) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm303.html
画像や写真の不要な部分のカット(トリミング)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
画像や写真の型抜き(切り抜き、切り取り) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm302.html
画像や写真の型抜き(切り抜き、切り取り)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更して..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
画像や写真の縁をぼかす / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm301.html
画像や写真の縁をぼかすフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
「シェイプ」の図形を変形させる / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm215.html
「シェイプ」の図形を変形させるフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
「シェイプ」で星型(スター)の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm214.html
「シェイプ」で星型(スター)の作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
「シェイプ」で多角形の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm213.html
「シェイプ」で多角形の作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
正三角形、星形、記号の描画 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm212.html
正三角形、星形、記号の描画フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています。..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
パス(ベジェ曲線)でハート型の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm211.html
パス(ベジェ曲線)でハート型の作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更しています..
Wed, 09 Jan 2019 17:47:44 +0900
190109174744
9999/12/31
-
画像の結合、レイヤーの結合 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm207.html
画像の結合、レイヤーの結合フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。「可視レイヤーの統合(L)」を使う方法画像やレイヤー..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
選択範囲の結合、切り取り / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm206.html
選択範囲の結合、切り取りフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。「矩形選択」での選択範囲の結合今回は、白紙の状態で..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
単純な画像の縁をぼかす / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm205.html
単純な画像の縁をぼかすフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。「選択」ツールでのぼかしGIMPには様々な場面にぼかし機..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
単純な画像に影(ドロップシャドウ)をつける / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm204.html
単純な画像に影(ドロップシャドウ)をつけるフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。図形のドロップシャドウを自分で作る..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
単純な画像の縁を描く(縁取りや輪郭線、アウトライン) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm203.html
単純な画像の縁を描く(縁取りや輪郭線、アウトライン)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。単純な図形の輪郭線を描く..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
単純な画像の切り取り、切り抜き(トリミング) / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm202.html
単純な画像の切り取り、切り抜き(トリミング)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。「切り抜き」ツールを使う方法画..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
単純な画像の選択と移動 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm201.html
単純な画像の選択と移動フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。単純な画像の選択選択ツールの使い方は「選択ツールの予..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
GIMPでの画像保存 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm105.html
GIMPでの画像保存フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。WEB画像の種類(画像フォーマット)一般的に、WEBで使用できる..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
正確な図形の描画 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm104.html
正確な図形の描画フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。正確な図形描画に便利な機能GIMPには図形を正確に描画するため..
Wed, 09 Jan 2019 17:47:43 +0900
190109174743
9999/12/31
-
PictBearで作成するサンプル / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_sample.html
PictBearで作成するサンプルフリーソフトのPictBearを使って下記のような素材の作成方法を解説しています。この解説は以前、「超初心者のホームページ作成」で解説していたものと同じです。新しくここのサイト「WEB素材&デザイン」を開設したため移転させました。※これらのサンプルは2004年8月頃作成したものです。現在(2011..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
テキスト文字の取り扱い / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm103.html
テキスト文字の取り扱いフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。テキスト文字の入力文字の入力にはツールボックスの「テ..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
基本的な図形の描画と作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm102.html
基本的な図形の描画と作成フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。直線の描画直線を引くことのできる描画ツールは次の8つ..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
選択ツールの予備知識 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm101.html
選択ツールの予備知識フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。選択ツールの種類GIMPにはBOX描画、楕円描画、またはその塗..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
画像作成の準備 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm004.html
画像作成の準備フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。新規画像の作成新しい画像を作成する時は、メニューの「ファイル(..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
GIMPの画面 / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm003.html
GIMPの画面フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。GIMPの初期画面GIMPを起動したときの初期画面は次のようなものです。..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
GIMP 2.6の入手とセットアップ / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm002.html
GIMP 2.6の入手とセットアップフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。このページのリンクがふさわしくない、あるいはリンクを外してほしいと思われた方はメール、もしくは掲示板でご連絡ください。GIMPの配布先&ダウンロードGIMPとは、GNU Image Manipulation Programの頭文字を取った省略形..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
GIMPについて / 《WEB素材&デザイン》
https://design.atompro.net/htmgimp_gm001.html
GIMPについてフリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。姉妹サイトの「超初心者のホームページ作成」で、WEB素材の作成や画..
Wed, 09 Jan 2019 17:47:42 +0900
190109174742
9999/12/31
-
球体(ボール)の影付け2 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb413.html
球体(ボール)の影付け2「円柱の影付け2」でも解説しましたが、塗りつぶしの色が薄い場合や明るい場合は立体感が弱くなるのは、球体(ボール)でも同じです。そこで、今度は球体に影を付ける方法を解説します。出来上がりは次のようなものです。球体(ボール)に影を付けて立体的に見せるまず、前回の「球体(ボー..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
球体(ボール)の影付け1 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb412.html
球体(ボール)の影付け1それでは球体(ボール)に次のような単純な影を付けてみましょう。球体の場合、影付けには少しコツがいります。球体(ボール)に影を付けて立体的に見せるまず、前回の「球体(ボール)の作成」で作成した素材を呼び出したら、キーボードの[Ctrl]+[D]を押して選択範囲を解除しておきます。前..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
球体(ボール)の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb411.html
球体(ボール)の作成ここでは、次のような簡単な球体(立体的なボール)の素材を作成してみましょう。立体的に見える球体(ボール)まず、新しいキャンバスを表示したら「レイヤー」の「新規レイヤー」をクリックします。まず、パレットから「黒」を選択し、「描画ツールバー」の「塗りつぶし楕円」をクリックし..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
円柱(円筒形)の影付け2 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb403.html
円柱(円筒形)の影付け2これまでに円柱(円筒形)の作成方法を説明してきましたが、その円柱に色をつける場合、濃い色や暗い色だとあまり目立たないのですが、薄い色や明るい色で塗りつぶすと立体感に欠ける素材ができてしまいます。例えば次のような例です。塗りつぶしの色に濃い色や暗い色を使用した時は、その色そのものが影の部..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
円柱(円筒形)の影付け1 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb402.html
円柱(円筒形)の影付け1それでは円柱(円筒形)に次のような単純な影を付けてみましょう。円柱(円筒形)に影を付けて立体的に見せるまず、前回の「円柱(円筒形)の作成」で作成した素材を呼び出します。まず、キーボードの[Ctrl]+[D]を押して選択範囲を解除した後、長方形を描画した「レイヤー1」をクリックし..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
円柱(円筒形)の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb401.html
円柱(円筒形)の作成さて、それでは次のような円柱(円筒形)の作成をしてみましょう。WEB素材として利用することを考え、横に長い円柱(円筒形)を作成します。※円柱(円筒形)より球体(ボール)を作成するほうが難しいと思ってましたが、『PictBear』では、円柱(円筒形)を作成するほうが難しいようです。立体的に..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
写真の縁をぼかす / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb304.html
写真の縁をぼかす次は写真の縁をぼかす方法です。写真画像は次のものを使用して作成します。縁をぼかす場合、出来上がった画像は必ず元の画像より小さくなります。画像全体の縁をぼかすまず、「描画ツールバー」の「選択範囲」をクリックします。そして、キャンパス上の写真の上で長方形を描く要領で、残したい..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
写真に影を付ける / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb303.html
写真に影を付ける次は写真に影を付ける方法です。写真画像は次のものを使用して作成します。画像全体に影を付けるまず、読み込んだ画像は通常余白が全然ありません。したがって、影を付けるための余白が必要になります。画像を読み込んだら、コマンドメニューの「選択範囲(S)」−「すべて選択(A)」をクリックして..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
写真を浮き上がらせる / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb302.html
写真を浮き上がらせる写真の型抜きができたら、縁取りを立体的に浮き上がらせて見ましょう。写真画像は次のものを使ってみます。画像全体を浮き上がらせるまず、コマンドメニューから「フィルタ(T)」−「4: 特殊効果」−「4: 立体枠...」をクリックし、「枠の大きさ」を指定して「OK」ボタンを押します。..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
写真の型抜き / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb301.html
写真の型抜きWEB素材を作成する上で写真の加工も必要になります。その中でも簡単な型抜きの方法を説明します。写真画像は次のものを使ってみます。長方形を使用した型抜きまず、この画像をコマンドメニュー「ファイル(F)」−「開く(O)...」をクリックして読み込みます。次に、「描画ツールバー」の「選択範囲」..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
切り抜きボタンの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb203.html
切り抜きボタンの作成今回は切り抜きボタンです。紙を切り抜いた中に文字があるようなそんな錯覚にさせてくれるボタンです。作成する素材は、次のようなものです。切り抜き枠の作成まずは、「レイヤー」の「新規レイヤー」をクリックして新しいレイヤーを作成したら、パレットから「黒」を選び、「描画ツールバー..
Wed, 09 Jan 2019 17:47:41 +0900
190109174741
9999/12/31
-
立体枠のバナー作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb202.html
立体枠のバナー作成次は、立体枠のバナー作成です。と言っても、込み入ったものは説明も操作も難しくなるから割と単純なものを作ってみましょう。今回は、次のような素材を作成します。立体枠の作成まずは、「レイヤー」の「新規レイヤー」をクリックして新しいレイヤーを作成したら、パレットから「黒」を選び、..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
囲い枠のバナー作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb201.html
囲い枠のバナー作成さて、今回は囲い枠のバナーを作ってみましょう。バナーと言っても、基本的には自分のホームページを紹介するための画像ですから、今までの方法「ボタン」などでも充分です。今回は、色も影も付けた、次のような素材を作成します。周りを囲んだ文字の作成まずは、「レイヤー」の「新規レイヤー..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
縁取り文字に影を付ける / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb124.html
縁取り文字に影を付けるでは、次に前回の「縁取り文字の作成2」で作成した素材に影をつけてみます。おそらくここまで、すべて読まれた方は自分でも作成できると思いますが、その手順を解説しておきます。具体的には次のような素材を作成します。縁取り文字に影を付けて立体的に見せるまず、前回の「縁取り文字の..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
縁取り文字の作成2 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb123.html
縁取り文字の作成2前回の方法の縁取り文字は漢字の様に細い線があるとつぶれてしまいうまくいきませんでした。したがって、今回は前回とは違う縁取り文字の作成方法を説明します。今回の方法は文字全体を縁取る方法なので細い線があっても問題になりません。具体的には次のような素材を作成します。文字全体を縁取る..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
縁取り文字の作成1 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb122.html
縁取り文字の作成1では、次に、次のような文字の周りを縁取った素材を作成してみましょう。ただ、ここで解説する方法の縁取り文字は漢字のような細い線がある文字には向きません。漢字などの場合は、その文字をかなり大きくしないと内側がつぶれてしまいきれいに見えないのです。ですから、今回は単純なアルファベットを使用します..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
影付き文字の作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb121.html
影付き文字の作成さて、今回は、次のような浮き出したように見える立体的な影付き文字を作ってみましょう。浮き出した立体影付き文字まず、新しいキャンバスを表示したら「レイヤー」の「新規レイヤー」をクリックします。そして、パレットからどれかの色をクリックした後、「描画ツールバー」の「文字列」をクリ..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
ボタンの影の色変更 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb105.html
ボタンの影の色変更さて、今回はボタンの影の色を変更する方法を説明します。『え、影って濃い灰色で作ったらそれでいいんじゃないの?』はい、確かに影は黒、もしくは濃い灰色で作りますよね。これだけでいいように思います。ところが実際にはこのままだとおかしく見える場合があるんです。ページの背景色が白の場合や黒の場合は..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
ボタンの表示色変更 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb104.html
ボタンの表示色変更さて、次はボタンの表示色の変更です。これはちょっと厄介かもしれません。というのも、単色で作られたボタンなら単純に「塗りつぶし」で色を塗りなおしたり、「色の置換」を使えば簡単に変更できます。ところがグラデーションを使ったようなボタンの場合は、複数の色を使っているため、そういうわけに行きません..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
ボタンの文字色変更 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb103.html
ボタンの文字色変更ボタンの文字色を変更するにはいくつかの方法があります。次のようなボタンの文字色を変更する方法を考えて見ましょう。現在の文字を別の色で「塗りつぶし」を使って塗りつぶしてもうまくいきませんし、1度に行うことはできません。もちろん、再度別の色を指定して描き直すと言う手もありますが、それではあま..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
影付きボタンの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb102.html
影付きボタンの作成次は、次のような影付きボタンの作成をしてみましょう。このボタンの作成はステップがかなり多くなりますが、一度習得してしまえばそんなに難しくはありません。浮き上がったように見える立体的なボタンの作成まず、前回同様、新規キャンパスを用意し、新しいレイヤーを1つ作成します。次に..
Wed, 09 Jan 2019 17:47:40 +0900
190109174740
9999/12/31
-
浮き出しボタンの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb101.html
浮き出しボタンの作成さて、基本的な操作がわかったら..(え、解ってないって?)それはさておき..(おくのかい!!(笑))まずは、次ような簡単な浮き出しボタンの作成をしてみましょう。浮き出したように見える立体的なボタンの作成まず、新規キャンパスを用意し、新しいレイヤーを1つ作成します。次に、..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
正確な画像の描画 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb007.html
正確な画像の描画画像を作成するとき、いったいどの位置から書き始めて、どのくらいの大きさなのか解らないときがありますよね。キャンパスのサイズ『PictBear』を起動しますと、新しいキャンパスが必ず1つ自動的に作成されています。このサイズってどうやって決まるのでしょうか?これは、前回新規作成を行った..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
画像の保存 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb006.html
画像の保存『PictBear』で画像を保存するには2通りあります。1つは『PictBear』形式、もうひとつはWEB用素材形式です。『PictBear』形式は、レイヤー構造も一緒に保存してくれますが、WEB用素材形式ではすべてが1枚の画像として保存されますので再編集が難しくなります。したがって、1回きりの画像なら問題はありませんが、再編..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
画像の切り抜き / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb005.html
画像の切り抜きそれでは、次に先ほど作成した画像を使って、画像の切り抜きを行ってみましょう。正方形から正円部を切り抜くまず、前回説明した方法で正円を選択します。次に、そのまま「レイヤー」で正方形の「レイヤー1」をクリックします。その後、キーボードの[Delete]を押します。(コマンドメニュ..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
画像の選択 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb004.html
画像の選択それでは、先ほど作成した画像を使って、画像の選択を行ってみましょう。正方形の選択まず、正方形の画像を選択する場合は、「レイヤー」で「レイヤー1」をクリックします。次に、「描画ツールバー」の「自動選択」をクリックします。そして、キャンパス上の正方形の画像をクリックしますと、波..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
基本的な知識 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb003.html
基本的な知識フリーソフトのPictBearを使った素材の作成方法を解説しています。この解説は以前、「超初心者のホームページ作成」で解説していたものと同じです。新しくここのサイト「WEB素材&デザイン」を開設したため移転させました。これらの記事は2004年8月頃作成したものです。現在(2011年2月)の知識ならもっといい解..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
PictBearの入手 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb002.html
PictBearの入手フリーソフトのPictBearを使った素材の作成方法を解説しています。この解説は以前、「超初心者のホームページ作成」で解説していたものと同じです。新しくここのサイト「WEB素材&デザイン」を開設したため移転させました。これらの記事は2004年8月頃作成したものです。現在(2011年2月)の知識ならもっといい..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
前置き / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_pb001.html
前置きフリーソフトのPictBearを使った素材の作成方法を解説しています。この解説は以前、「超初心者のホームページ作成」で解説していたものと同じです。新しくここのサイト「WEB素材&デザイン」を開設したため移転させました。これらの記事は2004年8月頃作成したものです。現在(2011年2月)の知識ならもっといい解説がで..
Wed, 09 Jan 2019 17:47:39 +0900
190109174739
9999/12/31
-
クリスタルボールの作成2 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_crib2.html
クリスタルボールの作成2前回、「クリスタルボール」と言いながらあまりクリスタルっぽくなかったですかね?(苦笑 では、今回、もっと本格的なクリスタルボールを作成してみましょう。ただし、そのためにはPictBearの標準機能だけでは無理なので、プラグインを追加します。他にもいろいろ方法はありますが、できるだけ少ないステップ..
Wed, 09 Jan 2019 17:47:38 +0900
190109174738
9999/12/31
-
クリスタルボールの作成 / 《WEB素材&デザイン》
https://design.atompro.net/htmpbse_crib1.html
クリスタルボールの作成今回は「クリスタルボール」の作成を解説してみます。「クリスタルボール」って検索エンジンで探しても作り方が見つからないんですよね。確かに、ステップが多く少し複雑なので、フリーソフトでは無理かな?って思ってたのですが、確実に作れる方法を考えました。(^^)ステップ数は多いですが、手順を踏んで行けば..
Wed, 09 Jan 2019 17:47:38 +0900
190109174738
9999/12/31
-
ご利用条件など / 《WEB素材&デザイン》
https://design.atompro.net/htm_prof.html
ご利用条件など禁止事項このサイトの文書構成や記述方法、手順、言い回しなどは管理者特有のものです。その一部、または全文であっても、コピーしたり、画像を差し替えたりして使用することを禁止します。また、文章をコピーした後、言い回しだけを書き換えたような利用方法も禁止します。画像への直リンクも禁止します..
Wed, 09 Jan 2019 17:47:38 +0900
190109174738
9999/12/31
-
無料でWEB素材を作成する(PictBear編) / 《WEB素材&デザイン》
https://design.atompro.net/htm_pbse.html
無料でWEB素材を作成する(PictBear編)フリーソフトのPictBearを使った素材の作成方法を解説しています。この解説は以前、「超初心者のホームページ作成」で解説していたものと同じです。新しくここのサイト「WEB素材&デザイン」を開設したため移転させました。これらの記事は2004年8月頃作成したものです。現在(2011年2月..
Wed, 09 Jan 2019 17:47:38 +0900
190109174738
9999/12/31
-
無料でWEB素材を作成する(GIMP 2.6 素材作成編) / 《WEB素材&デザイン》
https://design.atompro.net/htm_gimp3.html
無料でWEB素材を作成する(GIMP 2.6 素材作成編)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変..
Wed, 09 Jan 2019 17:47:38 +0900
190109174738
9999/12/31
-
無料でWEB素材を作成する(GIMP 2.6 応用編) / 《WEB素材&デザイン》
https://design.atompro.net/htm_gimp2.html
無料でWEB素材を作成する(GIMP 2.6 応用編)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。※応用編以降のGIMP画面はテーマを「H2O-Ruby」に変更し..
Wed, 09 Jan 2019 17:47:38 +0900
190109174738
9999/12/31
-
無料でWEB素材を作成する(GIMP 2.6 基本編) / 《WEB素材&デザイン》
https://design.atompro.net/htm_gimp.html
無料でWEB素材を作成する(GIMP 2.6 基本編)フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。無料でWEB素材を作成する無料でWEB..
Wed, 09 Jan 2019 17:47:38 +0900
190109174738
9999/12/31