Follow @phoenix-project and get more of the good stuff by joining Tumblr today. Dive in!
![phoenix-project](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba16644ed060556277ae5e40df4a0ddecfbfa714/height=288;version=1;width=512/https%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar%2Fcube_open_128.png)
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
久々に、Fireworks用のコマンドファイル(JSF)を公開します。 Create_Symbolsの概要 Fireworksのシンボル機能がありますが、結構、昔のバージョンから存在するのは知ってたのですが、 やっと最近使い始めて、便利だなぁと関心しています。 写真オブジェクトをカンバスに配置したあと、ある程度大きなサイズでシンボル化しておけば、 写真をリサイズしても、画像が劣化しないので、思い切って画像のレイアウトが行えます。 だた、オブジェクトをひとつひとつしかシンボル化できないのが、 非常にめんどうに感じていたので、エイヤッっとコマンドを作成してみました。 このコマンドを使用すれば、複数の選択オブジェクトを、まとめてシンボル化できます。 使用方法 MXPファイルになってますので、ダウンロード後、「PI_Create_Symbols.mxp」をクリックすれば、 Adobe Extens
Fireworks用のスライス関連の機能をまとめた拡張パネルです。 以前、スライス関連のコマンドはアップしましたが、 UIかぶせて、スライスコード出力の機能も追加しています。 スライスの作成・名前付け、コード出力など「PI_Slice」 複数スライスの一括作成 複数スライスの一括画像フォーマットの設定 連番ベースでの名前づけ 独自の値配列による名前づけ 複数スライスの一括リサイズ 複数スライス名の一括設定 複数スライス名の一括変更 複数スライスコードの一括出力(クリップボードにコピー) スライスコードの出力について 今回のパネルは、選択しているスライスの情報をもとに、HTMLやCSS用のコードを 生成・コピーする機能を実装してて、画像まわりのコード作成を楽にしてくれると思います。 初期設定では、HTMLやCSS用のテンプレートがありますが、 5件まで編集・保存可能なので、自分好みにカスタマ
Fireworks用のテクスチャ管理パネルを作成しましたので、公開します。 以前公開した、フォント一覧管理パネル 「PI_FontList」と使用法はまったく同じです。 フォント一覧管理パネル「PI_FontList」完成(FW,FL,PS,AI) 使用されてない方は、こちらも合わせてご使用ください。 テクスチャ管理の機能 Fireworks上で、テクスチャを管理し選択オブジェクトに適用するほか、 ついでにこまごましたものも、管理できます。 テクスチャ グラデーション ブレンドモード カラー パターン あと、検索したり、マークしたり、無駄に高機能です。 ScreenShot 対応バージョン FireworksCS4以上です。 ダウンロード MXPファイルになってますので、ダウンロード後、「PI_TextureList.mxp」をクリックすれば、 EXTENSION MANAGERが起動し、
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 ( 2012年03月22日 ) Fireworksの文字のアンチエイリアスは、 「鮮明」「強く」「滑らかに」「カスタム」の4種類がありますが、 正直、どれもあまり綺麗ではありません。 あるフォントでは、「鮮明」が綺麗だけど、別のフォントでは、「滑らかに」が きれいだったり、フォントの種類だけでなく、文字の大きさによっても、 適切なアンチエイリアスの種類は変わってきます。 このエントリーでは、アンチエイリアスのかかった小さいテキストが 少し綺麗になるかもしれない方法を紹介します。 同時に、その方法をコマンド化したので、それの解説と配布を行います。
最近昼間の暖房が少し暑いくらいなので、油断して薄着で出かけてみたら夜寒くて死にそうになった seki です。 今回は、先日Fireworksの拡張機能を色々復習&整理をしていた時にたまたま見つけた拡張機能「Transform Panel」というのを入れてみたので、機能のご紹介をします。Fireworksで要素のサイズや細かい座標をプロパティで直接入力する人には、痒い所に手が届く良さを感じられるかと。 詳細は以下より。 ダウンロード http://www.senocular.com/fireworks/extensions/?entry=572 こちらからダウンロードしてください。 「Transform Panel」で出来ること まずは基本となる便利な機能を一つ一つ見ていきましょう。 実際のパネルがこちら。 簡単に言うと画像やテキストの変形を補佐してくれる拡張機能です。 1.小数点単位を表示
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Graphical resource of Adobe Fireworks Well Organized Files All graphics files have a good structure, so it is easy to navigate. Easy Customization The art works are vector based and be easily customized according to your needs. Download All files are availiable for free and can be used for noncommercial or commercial usage too.
私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな
ピクセルベースパターン素材 for Fireworks WEBCRE8jpPixelPatternALLFw [zip形式 2.1MB] ○インストール方法 ファイルを解凍すると、fw_stlとfw_textureの2つのフォルダができます。fw_stlの中にはスタイルファイル、fw_textureにはテクスチャ用のPNGファイルがあります。使用する状況に応じてお使いください。 詳しいインストール方法は下記をご覧ください。 WEBCRE8で配布しているパターンをFireworks用テクスチャにしてみた | Webデザインのタネ ○利用範囲 制作での使用:用途に関わらず自由 ファイル自体の再配布:WEBCRE8の著作権表記とリンクが必要 ○著作権について Designed By WEBCRE8 ○ 謝辞 元になったPhotoshopのパターンファイルはWEBCRE8の@glatyouさん制作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く