イラストを描くときにかなり重宝する機能です。]]> 素材はこちらの画像を使用させて頂きました。
元素材がこちら。
ツールパレット/混合ブラシツールを選択して、ブラシパレットからブラシの種類を選択します。
レタッチ後がこちら。
にじみ具合、補充量、ミックス、流量は（通常）上部のオプションツールから。
直径、密度、長さ、太さ、硬さ、角度、間隔をブラシパレットから細かく指定できます。
元素材がこちら。
ツールパレット/混合ブラシツールを選択して、ブラシパレットからブラシの種類を選択します。
レタッチ後がこちら。
にじみ具合、補充量、ミックス、流量は（通常）上部のオプションツールから。
直径、密度、長さ、太さ、硬さ、角度、間隔をブラシパレットから細かく指定できます。
1.目的の被写体をスポット修復ブラシツールで塗りつぶす
2.目的の被写体をペンツール、投げなわツールで選択して塗りつぶす
大きい被写体だと塗りつぶすのが大変なのと細かく指定できないため今回は2の方法を試します。
素材はこちらの画像を使用させて頂きました。
画像を配置します。
被写体をペンツールで囲っていきます。
塗りつぶしレイヤーのベクトルマスクサムネイルをctrl+クリックで選択範囲を作成します。
写真のレイヤーをクリックし、shift+F5（編集/塗りつぶし）で「使用：コンテンツに応じる」を選択してOKを押します。
こちらで完成です。
不自然な箇所がいくつかありますが、こちらを元に調整を加えていけばいいので、初期データとしては十分かと思います。
ツールパレットからクイック選択ツールを用いて、人物を大まかに選択します。
クイック選択ツールのまま、右クリックして、境界線を調整を選択します。または、（通常）上部のオプションパレットから境界線を調整を選択します。
「境界線を調整」を表示します。
「境界線を調整」パネルの「表示」から背景を選択できます。
必要に応じて変更して下さい。
左側のアイコンが半径調整ツールになっていることを確認し、人物の髪の毛の切り抜きたい個所をなぞっていきます。
この際、エッジの検出の「スマート半径」にチェックを入れ、半径の大きさを変えたり、出力の「不要なカラーの除去」を変更すると、さらに細かく設定できます。
上記の作業を行ったら、「エッジを調整」で最終的な調整を行って下さい。
出力/出力先から形式を選択しOKを押します。
最後に消しゴムツールなどで微調整を行い、完成です。
ブラシをプリセットを全部追加してざっと見たところ、新しく追加された筆やペン先みたいなブラシと四角形のドットブラシ以外は削除。あとはCS4で使用していたものを追加
■グラデーション・パターン・カスタムシェイプ・輪郭
全削除してCS4で使用していたものを追加
■アクション
CS4で使用していたものを追加
■プラグイン
CS4で使用していたものを追加
■環境設定
○一般
・アニメーションズーム → チェックを外す
・フリックパンを有効にする → チェックを外す
○インターフェース
・境界線/なし
・タブでドキュメントを開く → チェックを外す
・フローティングドキュメントウィンドウの結合を有効にする → チェックを外す
○単位
・定規 → pixel
■表示
表示・非表示/ピクセルグリッド → チェックを外す
■ワークスペース
普段の使用頻度によりパレットの位置を変更し保存
■キーボードショートカット
場合に応じて割り当ての変更
■以下気になった点
○ブラシパレット
・プリセットマネージャーのブラシとブラシパレットが一部同期されない
→再起動後、同期されました。
・詳細表示を隠せない？
→ブラシプリセットがパレットに変更されておりました。
・パレットからブラシの削除ができない？
→ブラシプリセットでは可能でした。CS4の時も同様でした。
○ズームツール
・指定した領域のズームができない？
→上部のオプションバーに「スクラブズーム」という項目があり、こちらのチェックを外すと指定した領域のズームができました。
■追加機能
・クイック選択ツール、境界線を調整、コンテンツに応じた塗りつぶし、パペットワープその他試してみました。微調整はもちろん必要ですが、確かにすごいですね。
・追加機能の使い方等は以下から。
Adobe Photoshop Magazine ～ Photoshopの総合ポータルサイト
デザイナー・クリエイターにおすすめする新機能
background: #ff0011;
color: "fff ;
}
/* Firefox */
::-moz-selection {
background: #ff0011;
color: "fff ;
}
::selectionで指定できる要素は、color, background, cursor ,outlineです。
background-imageは使用しても無視されるようです。
また、特定の箇所で色選択をしたい場合は、
background: #ff0011;
}
などで指定します。
■参考URL
Selectors[W3C]
Overriding The Default Text Selection Color With CSS[CSS-TRICS]
・Resiter Nowから登録して下さい。
・OpenIDにも対応しております。
■Step1:Create Feed
・Feed Name
登録したいfeedの管理上の名前です。任意で構いません。
・Rss Feed URL
登録したいfeedのアドレスを入力して下さい。
test rss feedから登録が可能かどうかチェックできます。
・Update Frequency
新しいfeedを読みにいく時間です。
30分、1時間、2時間、3時間、6時間毎、12時間、24時間から選べます。
体感速度としては30分で設定しても1時間以内という感じです。
post up to～はfeedを読んでTwitterに表示する際の記事の数。
1～5が選べます。
・Post Content
Twitterに表示する内容です。
タイトルのみ、タイトルと本文、本文のみから選べます。
タイトルと本文の場合、タイトル：本文という形で表示されます。
Post Linkは記事へのリンクを貼るかどうかです。
下のセレクタで短縮URLを選んで下さい。
・Post Sorting
Twitterに表示する際のソート方法です。
記事の投稿日と記事のID値から選べます。
・Post Prefix
記入するとTwitterの表示に接頭語が挿入されます。
※半角で20文字と記述されているので、日本語全角で10文字入るかと
思ったのですが、なぜか6文字+文字化けとなってしまいます。
・Post Suffix
記入するとTwitterの表示に接尾語が挿入されます。
※半角で20文字と記述されているので、日本語全角で10文字入るかと
思ったのですが、なぜか6文字+文字化けとなってしまいます。
・Keyword Filter
記事をTwitterに表示する場合の承認の為のキーワード。
スペースで区切って記入して下さい。
■Step2:Configure Publishing Services
・サービスを選んで下さい。
Twitter、Laconica、Ping.fm、Hellotxt、Facebook から選べます。
・Twitterのアカウントを承認して下さい
すでに登録されている場合は、1のセレクタに表示されます。
初めての場合は2の「Authenticate Twitter」から承認して下さい。
■参考URL
というリンクを貼った場合、
■新しいバージョン（ga.js）のトラッキングコードを使用している場合
※ページにtrackPageview、setAllowLinker _trackTrans() のいずれかの関数を使用している場合、使用している関数より上部にトラッキングコードを配置する必要があります。trackPageviewを使用しているので、トラッキングコードは<body>と使用している関数の間に入れます。
■古いバージョン（urchin.js）のトラッキングコードを使用している場合
※ページにurchinTracker()、utmLinker()、utmSetTrans()、utmLinkPost() のいずれかの関数を使用している場合、使用している関数より上部にトラッキングコードを配置する必要があります。urchinTrackerを使用しているので、トラッキングコードは<body>と使用している関数の間に入れます。
設置を行ったら、24～48時間後にGoogleAnalyticsの コンテンツ/上位 から確認して、正しく設置が行えているか確認して下さい。
■参考URL
サイトからのファイルのダウンロード (PDF、AVI、WMV など) をトラッキングするにはどうすればよいですか。[Analytics ヘルプ]
]]>ただし、A5521Kは151枚目も表示されたので、WAP2.0以降という括りではないようです。
スペーサーで画像を使用していたり、サムネイルが多いページは、注意が必要です。
※docomo,softbankは150枚という制限はないようです。
1つのページで3キャリア対応させる場合は、auの枚数制限により150枚以下に抑えた方が良いかと思います。
縦300px×横300pxで新規を作成します。
新規キャンパスに新規レイヤーを作成し、#030941で塗りつぶします。
[レイヤー名：bg]
描画色を#00c6ffに変更し、shift+楕円形ツールで円を作成し、キャンパスの中心に配置します。
[レイヤー名：circle01]
先ほど作成した円を複製し、色を白に変更し縮小して、こちらもキャンパスの中心に配置します。
[レイヤー名：circle02]
circle01レイヤーを選択し、右クリックでスマートオブジェクトにします（もしくはレイヤー/スマートオブジェクト/スマートオブジェクトに変換）。
フィルタ/ぼかし/ほかし（ガウス）：半径70でぼかしを入れます。
circle02も同様の操作でスマートオブジェクトに変換して、ぼかし（ガウス）：半径35でぼかしを入れます。
bgレイヤー、circle01レイヤー、circle02レイヤーを選択し、スマートオブジェクトに変換して、1つのレイヤーにします。
[レイヤー名：pixel]
フィルター/ピクセレート/モザイク：セルの大きさ20で完成！
モザイクの大きさは好みに応じて変更して下さい。
ただしキャンパスの縦横の大きさに割りきれる数値の方が気持ちいいかと思います。
・iTunesリンクメーカーで調べる。
→アプリを検索したいときメディアタイプを「すべての結果」としても出てこず、「Applications」に変更すると出てきたりします。
・iTunes Music Store内のリンクを右クリックすると「Open Link」「Copy Link」と出てくるのでコピーする。
・アイコンなどのリンクをエディターソフトにドラッグする。
■リンクの貼り方
ex.)tweeties2
■シンプルなリンク
iPhone/iPod touch app: http://www.itunes.com/app/AppName
Movie: http://www.itunes.com/movies/MovieTitle
TV show: http://www.itunes.com/tv/ShowTitle
ex.)Tyler Summers
ex.)Kidwords
http://www.itunes.com/podcast?id=ID
→FEEDIDはITunes内を右クリックしてコピーしたURLに記されております。
http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=フィードのID
ex.)Bornagen Beatles
ex.)Sesame Street Podcast
■その他
アプリの会社名にリンクを張ったとき、PCからは問題なく遷移したのですが、iPhoneで確認したとき接続エラーが起きてしまいました。
iPhoneのApp Storeからざっと会社のページを探したところ見つからなかったので、iPhoneのApp Store上で会社のページ自体あるかどうか不明です。
ex.)atebits
■参考URL
iTunesレーベル&ミュージックマーケティング[アップル]
Podcastを作成する[アップル]
Use simple URLs for some iTunes Store item links[Mac OS X Hints]
まだ実戦で使用したことはないのですが、次回ぜひ使ってみたいのでメモ。
■参考URL
こだわりのページ内リンクスムーズスクロール scrollsmoothly.js[KAZUMiX memo]
scrollsmoothly.jsを更新しました[KAZUMiX memo]
サンプル[KAZUMiX memo]
でシェイプレイヤーに変更可能です。
]]>font-size: medium ;
font-size-adjust: none ;
font-style: normal ;
font-variant: normal ;
font-weight: normal ;
letter-spacing: normal ;
line-height: normal ;
text-decoration: none ;
text-indent: 0 ;
vertical-align: baseline ;
text-indent: 0 ;
word-spacing: normal ;
word-break: normal ;
■背景
background-attachment : scroll ;
background-color : transparent ;
background-image : none ;
background-position : 0% 0% ;
background-repeat : repeat ;
■表示・配置
width: auto ;
height : repeat ;
float : none ;
overflow : visible ;
display : block ;
top : auto ;
right : auto ;
bottom : auto ;
left : auto ;
clear : none ;
position : static ;
z-index : auto ;
visibility : visible ;
max-height : none ;
max-width : none ;
min-height : 0 ;
min-width : 0 ;
clip : repeat ;
direction : ltr ;
unicode-bidi : normal ;
■ボーダー・余白
border-style : none ;
border-width : medium ;
margin : 0 ;
padding : 0 ;
■テーブル
border-collapse : auto ;
border-spacing : 0 ;
caption-side : top ;
empty-cells : show ;
table-layout : auto ;
■リスト
list-style-image : none ;
list-style-position : outside ;
list-style-type : disk ;
■アウトライン
outline-color : invert ;
outline-style : none ;
outline-width : medium ;
■カーソル
cursor : auto ;
]]>
<script src="/js/jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("img").lazyload({
threshold : 200,
placeholder : "/img/foo.gif",
effect : "fadeIn" ,
event : "click",
failurelimit : 10
});
});
</script>
■オプション
threshold: スクロールして表示させる際のトリガーとなるピクセル数。デフォルトは0。
placeholder: 読み込み前の代替画像。
effect: 画像の表示方法。fadeinなど。
event： 読み込みのトリガー。click（クリック）,sporty（タイマー）など。
failurelimit： 同時に読み込む数。
実際に使用してみると、フッターに画像を使用していると、フッターの画像も遅延読み込みになってしまうので、placeholderでアニメーションgifで作成したloading画像などの目立った画像を使用すると、かなり気になります。
なので、1px×1pxの透過画像を使用しておくのが無難だと思います。