どうもこんにちは。最近本格的にPhotoshop修行を始めましたがツンデレPhotoshopさんにツンツンされっぱなしで一向に仲良くなれないかわさきです。そろそろ少しはデレてほしい(´・ω・｀) さて、マグネッツでは普段、WEBページのデザインはFireworksをメインに使用して行っております。 （2013年5月にFireworks開発終了のニュースが流れまして、ゆくゆくは段階的に他のソフトに移行しないとなぁ…という感じです。しかしFireworksはWEB制作に特化した非常に使い勝手のいいソフトでなので、とても残念です…） たまにFireworksで作成したデザインデータ（.png）をPhotoshop形式（.psd）にてクライアント様にお渡しする必要がありまして、そのまま変換してみたら当たり前だけど結構変わってしまうなぁ…となって四苦八苦… で、今後同様の作業が必要になった時やりやす
Web制作の現場では、日々新しいデザインのインスピレーションを得るためにギャラリーサイトを活用しています。しかし、数多くあるギャラリーサイトの中から、自分の目的に合った適切なサイトを見つけ出すのは意外と難しいものです。 この記事では、複数の...
mega ball hollywoodbets Nam Minh Húc cũng có chút linh niệm mở ra nhẫn trữ vật trên ngón tay. Hội đồng tuyển sinh netbet live roulette ⚽ kortspel baccarat 🎖️ coral online betting offers - fb-research.net ameristar blackhawk phone Chẳng lẽ Bệ hạ đã quên hàng ngàn linh hồn đã chết trên chiến trường! Lễ hội đèn lồng Trung thu betway mobile apk Hai mẹ con Nan Mingxu và Nan Mingyu nhìn nhau, crypto ea
来年のテーマを早くも「断捨離」に決めた sakai です。 今回は Fireworks でワイヤーフレームを作成する際に活用したい機能についてです。 この記事は Fireworks Lover Advent Calendar 2012 の 10日目です。良記事ばかりなので、ぜひチェックしてみてください！ Fireworks でワイヤーフレームを作成することのメリット そもそも、なぜ Fireworks でワイヤーフレームを作るの？ ピクセルベースで作業ができる。 ピクセルベースでオブジェクトを作成・配置できるので、グリッドでレイアウトすることも簡単です。 ページ機能・共有レイヤー・共有ライブラリ・ステート機能が強力すぎる。 Web サイトの制作に特化したツールだけに、他のツールにはない強力な機能があります。 ワイヤーフレームの作成からコーディング直前までの工程を Fireworks オンリ
こんにちは。かよこ（@nayo74）です。 昨日も女子トークで飲んできて、意気揚々と帰ってきました。 さて、普段会社でも家でも作業時はwinでしているのですが、 この夏にでたCS６の月額のに乗り換えまして、無事にmacでも作業できるように なりました（adobeのライセンス、winしかもってなかったため） イベント等で制作してみようとなったときに、 持ち出しのできるMBPで作業が なれないとあかんなーと思い、macのfireworksを昨日の夜中に試してみました。 そのなかで、少し戸惑ってしまった点やfireworksで何気なく入れていたツールなど 便利やんって思った記事まとめてみます。 iPhotoからの写真をPhotoshopやFireworksを起動させたい。 写真の読み込みなど、winではソフトにドラックすることで配置していました。 ですが、macのiPhotoで撮った写真は 管理
やっと涼しくなってきましたね！食欲の秋が目前でわくわくが止まらない seki です。 さてさて今回は久しぶりに、Fireworks簡単イラスト講座の第3段です！ハロウィンも近づいて来たので、ハロウィン用デザインの背景などで使える、Fireworksで描く「蜘蛛の巣」のイラスト講座と、これからキャンペーンページなどを作る方のお役に立てればと、タイトルイラストにあるような、Fireworksで描いたハロウィンで使えるシルエット素材のパスデータを配布したいと思います。 3分もかからない！物凄く簡単な蜘蛛の巣の描き方 センスなんて関係無し！誰でも簡単に描けちゃいます。 1. 星型ツールを使い、下記図の1のような、蜘蛛の巣の軸となる部分を描く 角数が多すぎると、ごちゃごちゃしてしまうので、10角くらいがベスト。深さ座標を限りなく中心へ、線として見える所まで調節していきます。 2. 1を同じ場所に複製
まずは公式サイトをご紹介しておきます。こちらでは最初にムービーにて分かりやすく、また魅力的にFireworksで出来る事を紹介してくれています。 また、こちらにはFireworks maniaの山口さんが連載されたコラムなども揃っております。読んでみると、ひと通りのFireworksの楽しさが伺えますね。
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
をご紹介します。 グローバルメニューはwebデザインでは必須のアイテムですね。今回はとてもシンプルなグローバルメニューを作ります。 作り方はさほど難しくはないですが、プロっぽく見せる（素人っぽくみせない）細かなポイントがいくつかあります。今回はそうした細かいポイントに注意してみて下さい。
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 今回は、Fireworksを使って実際にコンテンツの一部をデザインする際、どのような過程で制作を行なうのか、その流れをまとめてみました。「まず何から手を付けて、最終的にどう完成させればよいのかわからない…」という方の参考になれば幸いです。 それでは2つの例を元に、ご紹介していきたいと思います。 1-1 「休日におすすめな施設の紹介」の作成 とりあえず見出し、小見出し、本文、リンク文を配置しました。家族で出掛けようというような内容が書いてありますが、このままでは、イマイチ楽しい雰囲気が伝わってきませんし、どんなものなのかイメージも湧きにくいですね。 1-2 要素内のレイアウトを決めていく では、もう少し楽しい雰囲気が出
現在開講している、社会人のためのWebデザインスクール で私と一緒に講師をされているユミソラさん（ @YumiSora ）は、以前のスクールでも Fireworks 特別講座を担当して頂きました。 その際、「桜の作り方」というレッスンは Fireworks 特有の操作が上手くまとまっていたので、ユミソラさんに許可を頂いて記事にしました。 Illustrator でも同じものは作れそうですが、普段 Fireworks を使わない私には新鮮でした。 Fireworksで桜を作る 今回作る桜はこんな感じです。 桜の形はパスの型抜きでサクッと作れそうですが、5等分に回転して並べる部分はどう作るのか気になりました。 まず新規作成し、楕円ツールをクリックし、塗のカラーでピンクを選択し、Shift キーを押しながらドラッグして正円を描きます。 このあたりは Photoshop や Illustrator
See related links to what you are looking for.
春生まれのせいなのか目は痒いけど調子は上がってきたminamiです。 新しいfacebookページの仕様により、定形のカバー画像やアイコンのの画像を作る機会が増えそうですね・・・ 定形のサイズの画像を作る際にあそこのサイズなんだったっけ・・・といちいち調べなくても済むように、ひな形を作ってくれるFireworksのコマンドを作りました。 タイムラインのサイズはこれで完璧！新Facebookページの写真サイズまとめ 取り急ぎ、新しいFacebookページを作る際には最低下記のサイズの画像が必要になりそうです。 カバー写真 851px×315px プロフィール写真 180px×180px アプリイメージ写真 111px×74px 毎回851px...とかやるのも面倒なのでコマンドを作ってみました。 createBanner.jsf ※右クリックなどで保存してください。 使い方 Firework
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
