2010-10-21

イラレ 線を面に・ジグザグ

◆パスのアウトライン
オブジェクト】→【パス】→【パスのアウトライン



◆ジグザグ効果?をパスにする
効果→パスの変形で、ジグザグした図形をつくる。

オブジェクト】→【アピアランスを分割





◆パスをそろえる(水平/垂直/重ねる?)
そろえる点と点を選択して↓
Ctrl】+【Alt】+【J



◆ガイドのロックと解除
Ctrl】+【Alt】+【:



---------------------- 参考サイト ---------------------  
・イラレのショートカット
http://www.nanisama.com/shortcut/index.html#08
  

Photoshop 光の表現 煙

◆フィルタをかける前

多角形選択ツール→べた塗り→選択範囲境界線を調整(レイヤーを重ねて調節)




◆フィルタをかける
煙統合→フィルタ波形(デフォルト)→フェード50(調節)





**フェード
編集→フェード(フィルタ後)【Ctrl】+【Shift】+【F】


------------------- 参考サイト ----------------
・BlueSfear
http://translate.google.co.jp/translate?hl=ja&sl=en&u=http://www.bluesfear.com/submittuts/ps/1/index.php&ei=8la9TJSPLYOwvgO4kJwm&sa=X&oi=translate&ct=result&resnum=1&ved=0CBsQ7gEwAA&prev=/search%3Fq%3Dhttp://www.bluesfear.com/submittuts/ps/1/index.php%26hl%3Dja%26sa%3DG%26biw%3D1037%26bih%3D870


  

 

名刺デザイン参考URL

◆参考サイト
http://www.fubiz.net/2008/06/04/70-amazing-business-cards/
http://www.designwalker.com/2008/06/business-card-inspiration.html
http://designwork-s.com/article/115915742.html




   

2010-10-19

光の表現

◆光ったくらげみたいな

逆光→輪郭の検出→階調の反転→カラーバランス





   

AS3クラスからインスタンスを生成する

◆書き方
ライブラリのプロパティからクラス名をいれる

var インスタンス名クラス名 = new クラス名;

addChild(
インスタンス名
); 









   

2010-10-15

ウィンドウの幅にあわせる。

◆ウィンドウの幅しらべる

stage.stageWidth

stage.stageHeight


StageScaleMode.NO_SCALEのときのみ動作




   

2010-10-14

AS3 マスク+グラデーションマスク

◆ステージにあるインスタンスにマスクする。


★書き方
元画像とマスクをつくって(ステージ上)インスタンス名をつける。

(bg)           (ms)  

※黒は、見える部分。白は見えない部分
bg.mask=ms;
↑これだけで完成

*実際のAS3

*出来上がり




◆グラデーションマスク


上記の普通のマスクに+αしてあげれば、簡単にグラデーションマスクできる。

グラデーションのマスクをつくる

(bg)           (ms)  

※注意点:グラデーションの見えない部分(白#ffffff)は、アルファを0(ゼロ)にする。


bg.cacheAsBitmap=true;
ms.cacheAsBitmap=true;
↑+α

bg.mask=ms;

*実際のAS3

*出来上がり






◆ステージにない(シンボルにクラス名)ものにマスクする。



クラスからインスタンスを生成する

var インスタンス名クラス名=new クラス名();

addChild(インスタンス名);



マスク作る(ステージ上に表示)

グラデーション→黒のみ→消える部分はアルファを"0ゼロ" に



①で書いたものの下に、

インスタンス名.cacheAsBitmap=true;
グラデーション(マスク)
.cacheAsBitmap=true;



④マスクする

インスタンス名.mask=マスク;

雪スクリプト

http://d.hatena.ne.jp/habu024/20100201/1265025878


※これを流用して、雨が降るFLASHもできる。




 

AS2 AS3

http://www.bute-studio.com/lab/2009/04/actionscript30-flash.html


※attachBitmap消滅
http://www.imajuk.com/blog/archives/2007/03/as2as31.html

※loadBitmap消滅

http://blog.img8.com/archives/2008/02/003599.html

  

2010-10-07

フィルタについて 【Convolution】

◆Convolutionで出来ること
シャープ
エッジの検出
ぼかし
エンボス
カラーエンボス

◆考え方

ColorMatrixFilterの配列と同じ行列をつかう+序数※1とバイアス※2
※1割り算の割る方の数
※2バイアス(bias)・・・除数されたピクセル値に足す数。

注:convolutionは、3×3の行列。



◆書き方
・フィルタ新規
var コンボリューション名:ConvolutionFilter = new ConvolutionFilter(3,3,配列名,除数,バイアス);
※3,3,の意味は3列3行の意。デフォルトは0(ゼロ)

インスタンス名.Filters=[コンボリューション名];
・var 配列名Array = [
0,0,0,
0,0,0,
0,0,0];

除数をxJo
バイアスをxBiasとした場合。

var xJo:Number = 1; (デフォルトは1.0)
var xBias:Number=128; (デフォルトは0.0)



 

2010-10-06

フィルタについて 【ColorMatrixFilter】

ColorMatrixFilter・・・色相や彩度をかえる。
(カラーマトリックスフィルタ)
→4行5列の行列。

◆行列の理解

※Aはアルファ

赤、青、緑、アルファは、100%を1とする乗数値 *かけ算でかける数字のこと

加算は±255。出来上がったチャンネルを濃くしたり薄くしたり?

グレースケールにしたいときは、色の差をなくす。
<例>
0.3 , 0.5 , 0.5 , 0 , 0,
0.3 , 0.5 , 0.5 , 0 , 0,
0.3 , 0.5 , 0.5 , 0 , 0,
0 , 0 , 0 , 1 , 0,

インスタンスのはじめの状態、全てが100%の場合
<例>
1 , 0 , 0 , 0 , 0,
0 , 1 , 0 , 0 , 0,
0 , 0 , 1 , 0 , 0,
0 , 0 , 0 , 1 , 0,


◆書き方 配列をつかう。

新規フィルタ
var フィルタ名:ColorMatrixFilter = new ColorMatrixFilter(この部分に配列のBOX名);
インスタンス名.filters=[フィルタ名];

新規配列①
var 配列BOX名:Array = new Array=[
0,0,0,0,0,
0,0,0,0,0,
0,0,0,0,0,
0,0,0,0,0,
];

新規配列②
var 配列BOX名:Array = new Array();
配列BOX名 =配列BOX名.concat([0,0,0,0,0,]);
配列BOX名 =配列BOX名.concat([0,0,0,0,0,]);
配列BOX名 =配列BOX名.concat([0,0,0,0,0,]);
配列BOX名 =配列BOX名.concat([0,0,0,0,0]);

concat...連結の意



------------------ 参考サイト -----------------------
・たのしいXML: XPathとXSLTの関数 【文字列関数】 concat
http://www6.airnet.ne.jp/manyo/xml/functions/step13.html

・にゃあプロジェクト - ウェブログ - [AS3.0] 色変換効果(ColorMatrixFilter)
http://www.project-nya.jp/modules/weblog/details.php?blog_id=1151

・Flash Memo for Designers: 色を操作する 2 - ColorMatrixFilter
http://casualplay.net/blog/2005/11/_2_colormatrixfilter.html



  

2010-10-05

PhotoShop ブラシの追加

◆ブラシのショートカット

【F5】

◆ブラシの追加



↑この中から追加

◆筆のようなものをかく
①ペンツールで線を描く。



②ブラシの設定




③境界線をかく
パス→パスレイヤーを右クリック※強さのシュミレートにチェック

2010-10-01

ビットマップについて

・しっぽのブログ
http://sipo.jp/blog/2009/12/flashbitmapdata.html

フィルタについて

◆フィルタとは

FLASHのフィルタ


ドロップシャドウ
ぼかし(ブラー)
グロー
べベル
グラデーショングロー
グラデーションベベル
カラー調整

◆グラデーショングローとグロー

PHTOSHOPより、グラデーショングロー


PHTOSHOPより、ただのグロー※1色


◆フィルタAS3 一覧

BlurFilter →ブラー(ぼかし)

BevelFilter →べベル

GradientBevelFilter グラデーションべベル

GlowFilter →グロー

GradientGlowFilter グラデーショングロー

DropShadowFilter →ドロップシャドウ


----↓ここからは特殊だから別ページで

ColorMatrixFilter カラーマトリックス(カラー調整)↑のフィルタと同じ書き方+配列が加わる。


ConvolutionFilter →コンボリューション(エッジの検出・シャープ等)

DisplacementMapFilter →ディスプレイスメントマップ(置き換え)


※これらは型です。

◆AS3かき方


var 名前DropShadowFilter = new DropShadowFilter(プロパティ);
インスタンス.filters=[名前];

 

アマゾン和書/最新の情報