Photoshopで「オブジェクトを直感的に選択・移動・変形」できる！ これは基本！Photoshopだって簡単な設定で、カンバス上で直感的にオブジェクトを動かしたり変形したりする事ができる！ 「移動ツール」を選んだ状態で、左上の「自動選択」をONに。また選択する対象「レイヤー/グループ」のどちらかを設定する事ができる。 こうすると事で、カンバス上に配置したオブジェクトや写真を、移動ツールで選択したり移動したりする事ができるようになる！ ちなみに「自動選択」をOFFの状態の場合でも「command」を押しならが選択すると自動選択する事ができる。もちろん逆も可能で「自動選択」がONの状態で「command」を押しならがクリックすると、自動選択しない状態になるので使い分けよう！ 自動選択ON・OFFのどちらにするかの正解は無く、自分の好みで選ぼう。 理由は簡単で、自動選択されては困る場合もある
HOMEブログウェブ制作FireworksからPhotoshopへ移行するためにすること。 | ネクストページブログ こんにちは！ デザイナーのiuchiです。 2013年に開発終了が発表されたFireworksですが、大勢のFireworksユーザーは、他ツールへなかなか移行できずにいるのが現実ではないでしょうか。 SketchやIllustratorなど代替ソフトの候補は色々ありますが、やはり業界で一番スタンダードであろうPhotoshopは外せませんよね。 今回はFireworksユーザーが、PhotoshopでWebデザインをする際に知っておくと便利なTipsをまとめてみました。 ★前準備 CS6以前のユーザーはCCに移行する CS6以前と比べ、最近のPhotoshopはWebデザインをする為の機能が少しずつ追加され、以前より使いやすくなってきました。 グループにレイヤー効果を適用
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
This article is the third part of an article series about improving your design workflow in Adobe Fireworks with some of the best extensions currently available. You may want to check out the first and second parts if you’re not already familiar with them. We have already covered over a dozen brilliant extensions to add to your Fireworks arsenal, just the tip of the iceberg. With all-around great
15 Free Adobe Fireworks Extensions & Commands for Web Designers Despite last weeks sad announcement that Adobe would no longer be developing it, Fireworks will remain a firm favorite amongst web designers for many, many years to come. I am convinced of it. Yes, there won’t be any more updates, and as time slowly passes users may dwindle, but the large Fireworks community is dedicated and will not
Fireworksの開発終了がAdobeからアナウンスされました。このタイミングで来るとは思っていなかったのですが、開発終了になるということ自体は、それほど大きな驚きでもありませんでした。 実のところ、AdobeがMacromediaを買収した際に、機能的な重複が多いFireworksはPhotoshopに統合されなくなってしまうのでは？と思っていました。結果的にそうはならなかったですが、その後もCSシリーズとしてバージョンアップされるたびに、大きな機能変更もなく、むしろアプリケーションのベース部分を引きずったアップグレートが悪影響を及ぼしているところもあったため、今回の決断は、Adobeの製品ポートフォリオ戦略を考える上で妥当な選択ではないかな、とすぐに理解できました。 ただ、そういうAdobe側の思惑はさておき、我々制作者が気になるのは、Fireworksを愛用してきたユーザーはこの後
今年の花粉は少なめ、て話を聞いたこと無い気がするhakoishiです。 なんかそういうところボジョレーっぽい。 さて、今回はスライスを偶数にリサイズするFireworks機能拡張を作りました。 以前、ソース内の画像サイズを半分にリサイズするDreamweaverコマンドを作ったのですが、 Dreamweaverで画像サイズをリセットするコマンド＆半分にするコマンド（Retina対応に便利） 画像サイズが奇数の場合は繰り上げる。(小数点が出るので) っちゅう処理が入ってるんですね、これ。 けど、画像の時点で偶数だと嬉しいじゃない。 自動でできたらもっと嬉しいじゃない。 というわけで作りました。 ダウンロード slice_even_v2.jsf ※JSF形式です。 右クリックなどで保存の上、お使いください。 また、ご使用は自己責任にてお願いいたします。 (02/06)マスターページレイヤーを含
横浜はあまり雪が積もらないので、いくつになっても、雪が積れば雪だるまを作らずにはいられない seki です。もう大分溶けてきましたね～。 さてさて。今回は、ひたすらに簡単さを追及しているこのイラストシリーズ。せっかくバレンタイン前なのでサクッとチョコレートなイラストでも描いていこうかと。基本ツール意外使わない、いつも以上に初心者向けな内容なので生暖かい目でお付き合いくださいね。 ものすごく簡単にチョコレートのイラストを描こう！ タイトルバナーにあるようなチョコレート菓子をサクサク描きませう。 1. まずはペラいハートを用意し質感を出す 今回は大きめに作るので、横120px縦94px程度のサイズのハートを描きます。ハートの書き方は自動シェイブツールのハートを使うか、角丸長方形と、パスの型抜き＆合体でさくさくと。 ↑設定は上記の通り。 色は今回ザックリ#8D4D2Eから、#2B1309辺りで斜
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ
どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Fireworks に関する記事を書くにあたり、この歴史雑談録に何とか絡めようと表題のようなテーマに及んだ次第にござりまする。 ということで、この記事は「Fireworks Lover Advent Calendar 2012」の20日目の記事となります。（長いです。すんません） 今現在、Web制作界隈においては「脱ビットマップ」「SVG元年」といったキーワードが脚光を浴びておるわけですから、なんと時勢を読ん
Adobe is changing the world through digital experiences. Our creative, marketing and document solutions empower everyone — from emerging artists to global brands — to bring digital creations to life and deliver them to the right person at the right moment for the best results. Downloads: Updaters Release terminology guidelines Updater, point release, hot fix — find out what type of update you need
3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について２つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFireworksです。 CS6にバージョンアップされてからワイヤーフレーム用の共有シンボルがめちゃくちゃ増えて、デザインツールとしてだけではなくワイヤフレーム作成ツールとしても便利になりました。 ちなみに共有シンボルの「ワイヤフレーム」内にあるパーツはこんな感じです。 また「jQuery Bootstrap」のパーツもあったりします。 これだけでもかなり便利なのですが、コンテンツ内のアタリ画像とダミーテキ
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
The launch center for Adobe Fireworks CS6Adobe® Fireworks® CS6 software helps you create beautiful designs for websites and mobile apps in a snap, without coding. Deliver vector and bitmap images, mockups, 3D graphics, and interactive content for popular tablets and smartphones. - View Adobe Fireworks Product Page Interesting links for Adobe Fireworks CS6 Fireworks CS6 New Features Demo by Jim Ba
やっと涼しくなってきましたね！食欲の秋が目前でわくわくが止まらない seki です。 さてさて今回は久しぶりに、Fireworks簡単イラスト講座の第3段です！ハロウィンも近づいて来たので、ハロウィン用デザインの背景などで使える、Fireworksで描く「蜘蛛の巣」のイラスト講座と、これからキャンペーンページなどを作る方のお役に立てればと、タイトルイラストにあるような、Fireworksで描いたハロウィンで使えるシルエット素材のパスデータを配布したいと思います。 3分もかからない！物凄く簡単な蜘蛛の巣の描き方 センスなんて関係無し！誰でも簡単に描けちゃいます。 1. 星型ツールを使い、下記図の1のような、蜘蛛の巣の軸となる部分を描く 角数が多すぎると、ごちゃごちゃしてしまうので、10角くらいがベスト。深さ座標を限りなく中心へ、線として見える所まで調節していきます。 2. 1を同じ場所に複製
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
