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以前は「フレーム
Fireworks後のツールとワークフロー
Fireworks 以外の選択肢は？ Adobe Creative Suite が終了し、Cloud の一本化が発表されました。今回の新製品ラインナップでニュースになったのが、Fireworksの開発中止 のニュース。最新版の Fireworks CS6 の次期 OS へのサポートをすると宣言しているので、すぐに使えなくなるということはありませんが、視野を広げて別の選択肢を探さなければならなくなるでしょう。 Fireworks が数年後には使えなくなるかもしれないから、Photoshop に移行するべきなのかといえばそうでもありません。写真やグラフィックといったビットマップ画像編集であれば Photoshop は素晴らしいですし、ベクターシェイプやレイヤースタイルを使えばある程度柔軟性を保つことはできます。しかし、Webサイトデザインにふさわしいツールとはいえません。 Fireworks
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
macのfireworksに慣れようとして、入れたツールや知ったこと。 | nayo*days
こんにちは。かよこ（@nayo74）です。 昨日も女子トークで飲んできて、意気揚々と帰ってきました。 さて、普段会社でも家でも作業時はwinでしているのですが、 この夏にでたCS６の月額のに乗り換えまして、無事にmacでも作業できるように なりました（adobeのライセンス、winしかもってなかったため） イベント等で制作してみようとなったときに、 持ち出しのできるMBPで作業が なれないとあかんなーと思い、macのfireworksを昨日の夜中に試してみました。 そのなかで、少し戸惑ってしまった点やfireworksで何気なく入れていたツールなど 便利やんって思った記事まとめてみます。 iPhotoからの写真をPhotoshopやFireworksを起動させたい。 写真の読み込みなど、winではソフトにドラックすることで配置していました。 ですが、macのiPhotoで撮った写真は 管理
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にも同様にグリッドを作成する便利な機能拡
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
【Fireworks】144種類のテクスチャがセットになった拡張機能 「Texture Collection」 | バシャログ。
こんばんは、最近「ももいろクローバーZ」にハマってしまいましたishidaです。 先月発売された1stアルバムを買うか否か迷ってます。 今週末土曜日に、読売ランドでライブもあるんだよなぁ～。 さてさて、今回はちょろっとFireworksの拡張機能のご紹介です。 拡張機能にもいろいろありますが、 汎用的に使えそうな144種類がセットになった拡張機能です。 mxp形式で配布されているので、 インストールするとFireworksプロパティパネルの［テクスチャ］にドーンと表示されるようになり簡単に使えます。 テクスチャ画像を配布しているサイトはよくありますが、拡張機能として配布しているのは珍しいですね。 配布元サイト Texture Collection 144 - Fireworks Zone
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
Fireworksで、画像の上に乗せた文字を読みやすくするための9つの方法 | Fireworksマニア
デザイナー 春山 有由希のポートフォリオサイトです。
Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな
Fireworks使いなら知っておきたい5サイト＋10個のワザ。 « 世田谷区のとあるホームページ制作事務所のブログ
Photoshopと比べると、どうしても知名度が低いものの、その使いやすさに熱烈？な支持者が多いFireworks。 ですが、正直95%（なんとなく）はPsユーザーなため、あまりFwのコンテンツはネット上でも見かけません。 本屋に行ってもあるのはPhotoshopの教本ばかり。。。 そこで、Fwに力を入れてる日本のサイトをまとめてみました。 Fireworks Bros.（白坂 翔さん） Fireworks Bros. 株式会社デザインエージェント、84ism/ハチヨンイズムでご活躍されている白坂 翔さんのブログ。 ・素人っぽく見えないドロップシャドウのつけ方 ドロップシャドウはニガテなので、非常に助かります。 ・普通に拡大すると、矩形がボケてしまう場合の対処法 Fwの弱点としてアンチエイリアスが弱いのがあります。定番のワザかもしれませんが、知らない人は必見！ Fireworksマニア（Y
Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」
TOP > WebDesign > Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」 WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。 Web Site Design Tutorial 画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは
【Fireworks】インスタンスのトゥイーンで罫線を描く | バシャログ。
桜散ってしまいました、横浜シーブレインの toyama です。このあと梅雨と夏と残暑が待ち受けているかと思うとぐぬぬぬ… Fireworks のシンボル化が大好きです。あらゆる修正が一括で行えるなんてステキすぎる機能です。最近はこれシンボル化する必要ないだろ、と思ってもとりあえずシンボル化している有様です。だって何かあるといけないし！ 地味に便利なのが、罫線をシンボル化しておくことです。 テーブルなどをデザインする際に罫線をシンボル化しておくと、太さや色を一発で修正できて楽です。 今日はシンボル化した罫線にしかできない、簡単な表組みを作る方法を紹介！ 1.まずは罫線をシンボル化 矩形ツールの[四角]を使って高さ 1px の線を描きます。線を描くときにもラインツールを使わず矩形を使うのは、矩形の方がいろいろ便利だからです。 2.罫線を複製 シンボル化した罫線をコピペして 2 つにします。こい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworksで覚えておくと便利な文字設定まわりのTips | Webデザインのタネ
YUKI HARUYAMA Portfolio Site | 春山 有由希
IDEA * IDEA
CSS Nite in Ginza, Vol.49「バシャログ LIVE」 の Fireworks 編フォローです | バシャログ。
beplay类似软件-beplay体育飞翔下载