directors-lab.com 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
FireworksのデザインデータからHTMLコーディングする際、テキストを一つ一つコピー&ペーストするのが面倒くさい…。そこで複数のテキストを一瞬でクリップボードにコピーし、テキストエディタに全て書き出しできるコマンドを作成しました。 (一応、誰か作ってないか探したのですが無かったので。既にありましたらすいません) どのようなコマンドかというと、以下のFireworksで作られたデザインがあるとします。 HTMLコーディングするために、デザイン内のテキスト情報を全部テキストエディタ上に写したい。 そこで、このコマンド使用すると、↓のように一瞬(5秒くらい)でテキストだけを上から順に全て書き出せます。 インストール方法 コマンドjsfデータftpa_textmulticopy をダウンロードします。 解凍した ftpa_textmulticopy.jsf ファイルを Windows:【C:
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね? Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
昨日リリースされたFireworks CS10はもうダウンロードされましたか?今回のバージョンでは様々な機能が強化されていましたが、イラスト制作には嬉しい自動調整機能が2つ追加されていましたのでご紹介します。 かわいさ・コントラスト まずはベースのイラストを作成します。いい感じに出来たつもりでも、クライアントから「もう少しかわいくして」「もっとシャープな印象に」という修正が入ることがよくあります。そんなときに便利なのが「かわいさ・コントラスト」です。 フィルターに「かわいさ・コントラスト」のメニューが追加されていますのでそれを選択して数値を調整します。 かわいさを上げるほど幼い印象になり、コントラストを強めると立体感が増してゆきます。細かい調整で、様々なバリエーションがすぐ作れるのが便利ですね! 画像の照英化 もう一つの追加機能は日本版のみの「画像の照英化」です。 日本で人気の照英さん。イ
前回はFireworksで塗りのテクスチャやパターンを使用しましたが今回は最後にマスクでちょっとひと手間かけた感じに仕上げていきたいと思います。記事の最後に、イラスト作成によく使う小ネタ2つ付きです。 Fireworksのマスクは単純で、組み合わせいろいろ Fireworksのマスクはすごくわかりやすくて、これもFireworksが好きな理由のひとつです。グループ化したパスでもマスクできるので、写真の切り抜きで、シャープなところをボケたところが混在する写真なんかすごく便利です。 今回はこんな感じで、単調になりがちな、ただの「塗り」で構成されたイラストをテクスチャでマスクして質感をプラスします。 イラストを描く 前回と同じく、「木炭画」→「滑らか」のモクモクした線でイラストを描きます。塗りは普通です。 マスクを作る 描けたら、模様を入れたいところだけグループ化します。顔にテクスチャを入れると
グリッドやガイドのお助けツールから、グループ化したエレメントのサイズ調整、ダミー画像やテーブルの作成、ショートカットの強化など、そんな便利なFireworksの機能拡張を紹介します。 Optimizing The Design Workflow With Extensions 上記で紹介されている7つのツールを紹介します。 Grids Panel Guides Panel Smart Resize Tables Placeholder Orange Commands QuickFire Grids Panel 「Grids Panel」は、数値を入力してレイアウト用のグリッドを作成します。 Grids Panel カラムの幅、数、溝の幅、を選択するだけで簡単に作成できます。また、作成したグリッドは不透明度を調整できる優れものです。 Photoshopにも同様にグリッドを作成する便利な機能拡
暑い時こそ肉が食べたい。夏バテとは無縁の肉食系女...子(笑) seki です。 毎日発狂しそうなくらい暑い日々が続きますが、皆様いかがお過ごしでしょうか? 人間様がこんなに暑さに苦しんでいるというのに、バシャログが涼しい顔(?)をしている...!これはいかん!と、夏らしい記事を書きたくなり、Fireworksに相談。 今回は、海、砂浜、ビーチといった、夏らしいデザインには持って来い!な、「砂」の描き方を、作ったブラシを使ってご紹介、とともに、スタイルデータの配布をしたいと思います。 誰でも作れるストロークの簡単な設定ですが、毎回作るにはちょっと面倒、あると便利な「砂ブラシ」のご紹介です。 ダウンロード タイトルバナーにあるような、木目の素材なんかと相性抜群!です! まずはコチラのリンクを右クリックで保存してください。(.stl) 保存したら、Fireworksのスタイルより「スタイルを読
以前グラフィックパターンの柄やテキスタイルの名前まとめと言う記事を書いたのですが、それのパターンを実際に作りました。自作パターンを持ってない人はベースに是非★ 今回作ったのはPhotoshopのパターンファイル。拡張子は.patで、Photoshopのプリセットのpatternフォルダには初期設定のものが入っています。この辺は過去記事[Photoshop]ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう!で一通り説明しています。使い方が分からない人はそちらを参照してくださいね。 グラフィックパターンの名前を調べましたけど 以前書いた[デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめという記事で、色んなグラフィックパターンや柄の名前を調べてみました。服飾やインテリア壁紙、ファブリック等に使われるこれらのパターンですが、webサイトに応用することでクールだったり、かわいらしい
はてブを使っていてたまに困ることがあります。 「この前ホットエントリーで見たんだけど、あの記事どこだっけ」 数日前だったのは覚えているけど、何日前かわからない場合、過去のホットエントリーを1日ずつ開いてブラウザの検索で文字列検索をかけます。 めんどくさかったのでいつか作ろうと思ってた「ホットエントリーのみの検索システム」を公開しました。 数時間で作ったので、細かい検証はできていませんが、まあ、たぶん適当に動くと思います。 適当に使ってもらえたら幸いです。 ホッテントリサーチ なお、1年前とか2年前の今日のホットエントリーや、全体でのぶくまユーザー数ランキング等おまけ機能もTOPに掲載していますが、目玉は検索機能です。 (Akira Yoshimaru) 〜〜ここから制作秘話(?)〜〜 今回データの元として使ったのは当然ながらはてなブックマークのホットエントリーデータです。 1,761日分(
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド> Smart Resize > Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
2011年12月11日に開催された「効率的なサイト制作のためのDreamweaver活用術seminar」のフォローアップです。 お預かりしました質問の件は、追記しますので、後でまた覗いてください追記しました。 スライドはCSS Nite in Ginza, Vol.59フォローアップ | CSS Nite公式サイトから(※すべてではありません)。 HTML5やCSS3などのスキルの獲得には下記のセミナーをオススメします。 平日の夜のショートセミナー「CSS Nite back2basic」を2012年1月に開催します #cssnite_b2b | CSS Nite公式サイト ご質問の件 条件コメントを使ったInternet Explorer用の振り分けなど、最近のよく使われているものについて教えて欲しい。 Internet Explorer用の条件分岐次のように記述することで、Inter
FireworksをCS3からCS4へバージョンアップしてから、 頻繁に重くなる、固まる、メモリが不足して保存できなくなる・・・ といった現象に困っていました。 でもCS4にしかない便利機能もあるし、 バージョン落とすのは勿体ない。 どうにか軽くなる方法はないかな?と色々試してみたところ、 どうも取り消し(ヒストリー)回数の設定に原因があるようです。 FireworksCS4のツールバー「編集」→「環境設定」→「一般」から 最大取り消し回数が確認できます。 CS3のデフォルト設定が「20」にたいして、 CS4はデフォルト設定は、なんと「200」!! 桁違いの設定に、さすがにビックリ。 どおりで長時間つかってたら固まるわけですね。 今日一日、設定をCS3と同じ20に変えて試してみましたが、 昨日より確実に軽い!! 毎日のようにでてきたメモリ不足による保存エラーもでてこない!! (エラーで保存
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く