Quantcast
Channel: Dearps ~Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです~ » Web Design
Browsing all 6 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

サイズを指定してシェイプを描く+α

前に『サイズを指定して矩形を描く』って記事を投稿しましたがそれをjsで実行できるスクリプトが『Phize on the Web』さんのサイトで公開されていましたのでご紹介いたします。シェイプを描くだけでなくWEBデザインカンプ作成用にカラム数、マージンを指定するとレイアウトカンプを自動生成してガイドまでひいてくれるという優れもの。 ダウンロードは以下サイトから 『Phize on the Web』...

View Article


Image may be NSFW.
Clik here to view.

写真や画像の外枠をぼかす

ぼかすやりかたは何通りもありますが楽で視覚的に調整できる方法を紹介いたします。 【1】背景が白、もしくは1色の場合。 レイヤー効果の光彩(内側)で設定します。 まず描画モードを通常に。 不透明度を100%に。 色を背景色と同色に。 最後にチョークとサイズを調整してぼかし具合を設定し完了。 【2】写真を重ねる場合や背景色が多色を用いている場合。 この場合はマスクを利用します。...

View Article


Image may be NSFW.
Clik here to view.

「スマートオブジェクト」活用法

WEBサイトのナビゲーション等を作る際のスマートオブジェクト活用法 スマートオブジェクトというとPhotoshop 上で写真やIllustratorのベクトルデータなどのデータの画質を劣化させずに拡大縮小、変形、移動する機能としてしられています。 その機能に隠れてあまり知られていないようですが...

View Article

Image may be NSFW.
Clik here to view.

スライス作成テクニック

レイヤーに基づく新規スライス スライスを切る方法はスライスツールだけではありません。今回は知られているようで知られていない”レイヤーに基づく新規スライス”という機能を紹介します。 レイヤーパレットでスライスを切りたいパーツを選択し、[ レイヤー]メニューの[レイヤーに基づく新規スライス]を選択すると一瞬でそのレイヤーサイズに合わせたスライスが生成されます。 レイヤーを複数選んで実行してもOKです。...

View Article

Image may be NSFW.
Clik here to view.

【裏技】「ちょっと変わったスライス作成テクニック」

Fireworksのスライスオブジェクト(…の様な)機能をPhotoshopで実現させる裏技的アクション 選択範囲を利用してスライスをレイヤーとして保存する機能をアクションでつくりました。名づけて【スライスチップ】。 【使用方法】 まずアクションパレットから今回配布する「スライスチップ生成」アクションを読み込む。...

View Article


Image may be NSFW.
Clik here to view.

スライスチップ作成パネル-CS4用

スライスチップ(スライスレイヤー)を生成するスクリプト&ツールパネルをつくりました。 先日「ちょっと変わったスライス作成テクニック」でご紹介したテクニックをスクリプト化させ、Adobe Configuratorを使用しツールパレット化したので公開します。CS4専用となります。 【使用方法】 slice_tip_panel.zip (1)...

View Article
Browsing all 6 articles
Browse latest View live