Quantcast
Channel: adobe –乱雑モックアップ
Browsing all 60 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Fireworksでブラウザプレビューした際の余白を消す。

例えばこんな画像を書いていたとして ブラウザでプレビューすると、こうなると思います。 ブラウザがデフォルトで持っている body の margin や padding が効いているからこうなるのは当然なんだけど なかには余白無しでプレビューしたいなぁと持っている人がいるかもしれないし、 余白をなくしたい気分になる時がいつか来たりするかもしれないので(こないと思うけど)消す方法を考えてみました。...

View Article



Image may be NSFW.
Clik here to view.

.psd内のテキストレイヤーからテキストを抽出して.txtファイルに書き出してくれる.jsx

Bram.us » PS_BRAMUS.TextExport 1.3 – Automatically export all Text layers from Photoshop PSD to a Text file (PSD2TXT) (レイヤー階層で)下にあるテキストレイヤーから順番にテキストを抽出してテキストファイルに書き出してくれる.jsx...

View Article

Image may be NSFW.
Clik here to view.

Dreamweaverdeの正規表現を使って「aを含まないb」を検索

htmlの中の大量にある画像でjpg以外のimgタグを検索したり htmlで終わらないaタグやtarget属性のないaタグだけを検索したりしたくなりませんか? なるんですよ。なったんですよ。 でDreamweaverの正規表現でサクっと出来んもんかな?と頭をひねってみました。 否定先読みってのを使うと出来るっぽいです。 jpg以外のimgタグを検索 検索対象 <img...

View Article

Image may be NSFW.
Clik here to view.

Dreamweaverを再インストールした時の設定や別PCから設定を移したりする時用のメモ

バックアップどこにあるんだろう?とか復元どうやってさせんだっけ?と忘れちゃうのでメモ。 ゴリゴリとカスタマイズして使ってるわけでもないけど、手に馴染むようにしたいじゃない? スニペットを移す 保存してある場所(例はxp) C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver...

View Article

Image may be NSFW.
Clik here to view.

Excelの画像をPhotoshopにコピペすると画質が荒くなるというか変になる場合

「画像素材はエクセル(あるだけマシ) 」みたいな時 excelからコピーしてphotshopにペーストした画像の 画質やサイズが極度におかしい時、とりあえずやってる方法。 ダメな方法 Excelに配置されている状態 Excelでコピー(Ctrl + C)して Photoshopにペースト(Ctrl + V)した画像 普段やってる大丈夫ぽい方法 ファイル – Webページとして保存...

View Article


Image may be NSFW.
Clik here to view.

ルートパスとDreamweaverとバーチャルホスト(バーチャルドメイン?)

突然、ルートパス(サイトルート相対パスと呼ぶの?)で書かれたサイトを触る事になって困ったので調べたメモ。 そもそもルートパス(サイトルート相対パス?)ってなんぞ? ルートパス サイトルートのルートディレクトリからみた相対パス /から始まる。 絶対パス 外部サイトへリンク貼るときなんかのパス httpから始まる 相対パス ファイルから見た対象ファイルへのパス よく使う...

View Article

Image may be NSFW.
Clik here to view.

ファイル比較ツールをWinMergeに変更す

DFからWinMerge 日本語版に乗り換えまんた。 (以前のpost:DFを使ってDreamweaverでファイルの比較を有効にする) ファイル比較ツールなにそれ?って人に説明すると 次のような異なるhtmlファイルのどうしようもないない文字列の中から異なる部分をサクッと見つけてくれます。 example1.html <body>...

View Article

Image may be NSFW.
Clik here to view.

PhotoshopCS2以降でオブジェクトを等間隔に分布させる.jsxがあったよ。

illustratorやFireworksにある等間隔に分布ってものそい便利じゃないですか。 でも残念な事にphotoshopは出来ないんですよね、残念な事に。 そこでjsxで出来ないかな?と調べて書いてみようと頑張ったんですけど、 複数選択したレイヤーの情報を取得する事すら出来ずに挫折しました(割と手前の壁)。...

View Article


Image may be NSFW.
Clik here to view.

オリンピックのリングみたいに重なる輪を描く

ファイル:Olympic flag.svg – Wikipedia このシンボルマークのように線が絡むリングというか円というか輪を描く方法を考えてみたけど、どうも効率が悪い方法しか思いつかなかった。 慣れてる人にはどうって事ないんだろうなぁ。 以下その効率の悪い描き方 塗りなし線ありの適当な円を描く 線を塗にする オブジェクト – パス – パスのアウトラインを実行 塗りになった もう一回線を引く...

View Article


Image may be NSFW.
Clik here to view.

Photoshop / デュアルブラシとカスタムしたブラシの保存

デュアルブラシ、ブラシのマスクみたいでオモロイです。 けどそうそう毎回いじったりしなさそうなのでメモ。 その前に、カスタムしたブラシを保存する方法を覚えておく 新規ブラシを作成のアイコンをクリックして、名前をつけて保存。 新しいブラシを登録するのは[編集] – [ブラシを定義]の方 ブラシ先端のシェイプの設定 ソフト円ブラシ175pxをベースにした シェイプの設定 ジッターを上げた、予想がつかない...

View Article

Image may be NSFW.
Clik here to view.

illustratorの線がまたまたボケる

またしても、知らない人を除けばほぼみんな知ってるという話ですが イラレでWebデザインする時は、小数点に気をつけないとイカンです(イラレでWeb用に保存のなどで書き出した画像がぼやける理由)。 上記の一件で、もうWeb用の画像加工もイラレで大丈夫! なんて思っていたんだけど、どうも線は別の話でした。 例えば、以下のページ様を参考に設定してみたのですが(ピクセルプレビューを使っていなかった)。...

View Article

AS2 / attachMovieした要素にアクセスする時

綺麗な書き方じゃないってのと、今更AS2ってのはわかってるけどメモ for (var i = 1; i<=thumbmax; i++) { this["thumb"+i].num = i; this["thumb"+i].onRelease = function() { if (flag == "off") {...

View Article

Image may be NSFW.
Clik here to view.

モーショントゥイーンで回転をループさせると、最初と最後のフレームが被るっしょ?

みなさんこれどうやって対処してるんですかね? まず、どういう現象で困っているかというと 1 / モーショントゥイーンでただ回転させると 1フレーム目と最終フレームが同じ位置なので一瞬モタつく 2 / フレームレートを通してみると、よくわかる。 対策を考える 最初のフレームと最後のフレームの描画が同じだからモタつくわけで 最後のフレームが表示されなきゃいいハズ。 3 /...

View Article


Image may be NSFW.
Clik here to view.

HTML5 Pack for Dreamweaver CS3 and CS4 と css3_setwithprefix

[追記 / 20101112] 気づいたらxhtmlでコーディングしてるhtmlに閉じタグが挿入されなくなってた(metaやimgのあとにつく />)。 バリデートするとシンタクッスエラーがあるというのに修正されない。 原因は判らないのだけれど、直近の操作で思いつくのがこの投稿のhtml5関係の拡張を重ねて入れたりした事。...

View Article

Image may be NSFW.
Clik here to view.

Dreamweaverちょっとメモ

普段やってるちょっとした操作と最近覚えた事のメモ サイトのフォルダを一発で開く。 ローカルファイルのところを[右クリック - エクスプローラー] クロークを使って、putやgetしないファイルを設定する DreamweaverのFTPて便利。...

View Article


Image may be NSFW.
Clik here to view.

Dreamweaverの[ ウィンドウ >挿入 ]が文字化けしてた

画像を挿入しようとCtrl+Iを押しても反応がない。 元々キーボードの調子が悪くctrlとかshiftとかzとかcとかvが反応しなくなるときがあるので、上のツールバーから[挿入 - イメージ]を押してみるがこっちも反応がない。 あるぇ? でタブっぽいところのアイコンから画像を挿入しようと思ったら下の画像のようになってた。 い、いつから!? 文字化けした部分の名前がわからなくてうまく検索できなかったが...

View Article

まとめてリンケージとリンケージ解除

たくさんリンケージする時、手動だと面倒なのでjsflでパパパッと済ませてしまおうというメモ。 参考1:リンケージの設定を自動化する | tanablog 上記のソースだとHOGE+連番なので 任意の接頭語+連番になるように少し書き換えて.jsflとして保存 こんな感じ。 var library = fl.getDocumentDOM().library; var items =...

View Article


Image may be NSFW.
Clik here to view.

イラレメモ / 滲む文字?線が交わる部分が太る文字?

知恵袋で見かけた文字をこんな風に加工する方法のメモ、お手軽。 効果 – パス – パスのオフセット パスのオフセット1回目 パスのオフセット2回目 オフセット1回目で形状をラウンド以外を選んで 2回目でラウンドtと1回目のオフセット量分マイナス指定。

View Article

Image may be NSFW.
Clik here to view.

FireworksCS4のテキストをアウトラインか画像にしたい

テキストをアウトライン化しようと[テキスト] – [パスに変換]すると 物によって文字が細くなるというか、なんかカタチが崩れるんですね、微妙に。 こんな感じに(青がテキスト、赤がアウトライン) うちは大雑把というかあんまり気にならないけど、気になる人もいることでしょう。 でもって調べると[コマンド] – [テキスト] – [固定]でもアウトライン化出来るみたいなので試してみると...

View Article

Image may be NSFW.
Clik here to view.

photoshop / 自動行送りの設定を自分好みに変える

印刷ではテキストの行送り130~150%くらいが見やすくなるって話ですよね 確かにうちは140%~150%くらいが読みやすくて好きです。 cssのline-heightだと1.5~1.6あたりが好み。 というわけで そうゆう人間がphotoshopでWebのデザインをしてる時なんかは テキストの行送りを”自動”にすると行間が空きすぎだなーと感じるわけです(175%なので)。...

View Article
Browsing all 60 articles
Browse latest View live




Latest Images