[B! Fireworks] sekaiitiのブックマーク

LINEスタンプづくりにFireworksをおすすめする理由 - デザイナーのイラストノート

2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。「LINE Creators Market」イラストであることが必須、png形式、スタンプだけで40個…これは…なんというFireworks向き案件！ということで今回はその理由を。まずは概要 LINEスタンプのガイドラインによると、必要なものはメイン画像(1個)　240×240px スタンプ画像(40個)　370×320px(最大) トークルームタブ画像(1個)　96×74px 上記の画像計42個で、形式は全てPNGです。スタンプ、トークルームタブ画像は性質上背景透過になると思います。イラストをどのアプリケーションで制作するかというのは個人の好みの問題なのですが、Fireworksで作る場合にはぜひ「ステート」機能を使うことをおすすめします。ステートとは Fireworks CS4以前は「フレーム

sekaiiti 2014/03/01

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にも同様にグリッドを作成する便利な機能拡

sekaiiti 2012/08/31

リンク

初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color

はじめに先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！もくじ定規などの単位はpxで統一「自動選択」で図形からレイヤーを選択する「バウンティングボックス」を表示して選択や変形をしやすくする「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消レイヤーコピー時に「〜のコピー」とつけないようにするスライス書き出し時に「images」フォルダを作成しないようにする【CS6/CCの場合】カラーテーマをグレーにする【CS6/CCの場合】切り抜きツールを「クラシックモード」にする起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.

sekaiiti 2012/05/29

リンク

リッチに見せるデザインテクニック。美しいぼかしで魅せる『MAX 塗り』のすすめ。

こんにちは、イメージ担当の長谷川です。今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。作ったボタンや背景などのグラフィック

sekaiiti 2011/11/12

リンク

Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio

アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。

sekaiiti 2011/01/13