サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2012/09/06追記: 現在 Windows版も対応されています。 fontのプロパティ各種にも対応されています。 詳しくは最新の記事にて確認して下さい。 最近はCSS3によってリッチなUIを作成できるようになりましたが、 Photoshopで作成されたデザインを元に CSSを作成するのはなかなか手間で、 PhotoshopでCSSを書き出せたら楽なのに… と思う方も多いのではないかと思います。 それを実現してくれたPhotoshopプラグインがあったので紹介します。 CSS Hat 先日このページを見つけて、 サイト内に設置してあるフォームにメールを送って そのまま何も無かったので忘れかけていたところ、 『CSS Hat is launching』 というメッセージが届いていて、 購入するためのリンクが届いていました。 30%オフの$19.90(通常は$29.99)で購入出来るとのこ
黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利そうでした。 黄金比を取り入れたグリッドレイアウト用のPSDやFw用テンプレとかアクションがセットになってるやつです。グリッドレイアウトは960グリッドシステムに準じているみたい。 内容物は以下となっています。 PhotoshopアクションPhotoshop用テンプレートFireworks用テンプレートillustrator用テンプレートindesign用テンプレートomnigraffle用テンプレートpixelmator用テンプレートflash用テンプレート上記にそれぞれ12カラム、16カラム、24カラムが用意されています。 ↑ a:bが1.6180:1となって
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない! 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか!」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
Photoshopの画像解像度やカンバスサイズなどを複数のファイルに同一処理をさせる機能としてバッチ処理というものがあります。しかしこのバッチ処理の設定に少しクセがあり、イマイチ上手く行かなかったりするのでポイントを押させてブログにポストしておきます。 今回の設定内容 僕自身のブログ用に作成するので、以下の条件の自動処理をサンプルとして記述します。 画像解像度を幅426pxに統一 元画像を保存するフォルダと、一括処理後の画像を分けて保存する 今回解説で使用している環境はwindowsのphotoshopCS4 今回自動処理を行うに当たり、システム上に「処理用」というフォルダを作り、更にその中に「処理前」と「処理後」というフォルダを作成しました。一括処理する元の画像ファイルを「処理前」に入れておき、一括処理で解像度を変更したものを「処理後」フォルダへ保存するようにします。 自動化させる処理を
Got Wood? UI Design Elements | MediaLoot これは斬新!木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基本的なUIパーツはそろっているので頑張ればページに適用できるはず。 レイヤーに綺麗に分かれているのがいいですね。 見ていてなにか作りたくなりました。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 モックアップ作成用PhotoshopのUIキット「Soft UI Kit」 ブルーが美しいモダンなUIキットPSD 色々と使えそうなフリーのUIエレメントPSD70種
Photoshopのガイドをドラッグして配置するのが面倒だな、という人にぴったり! 数値を指定して1クリックでドキュメントにガイドを配置するPhotoshopのエクステンションを紹介します。 GuideGuide [ad#ad-2] GuideGuideはPhotoshop CS4, 5に対応しており、数値を指定してカラムや溝のガイドを簡単に配置することができます。 GuideGuideのインストール ページ下部の「Download GuideGuide 1.0」からファイルをダウンロードします。 ダウンロードした「guideguide_1.0.zip」を解凍します。 解凍した「GuideGuide」を下記のフォルダ内に移動します。 Win: \Program Files\Adobe Photoshop \Plug-Ins\Panels\ Mac: /Applications/Adobe
Photoshop持ってないんだけど...という方は、ひとまずトライアル版(30日の期限つき)をダウンロードしましょう。Photoshop買うお金なんてないよ! という方でも、ここで紹介する機能は、Photoshop以外の画像編集ソフトでも使えるものが多いので、参考にしてみてください。 ■ツールバー すべてのツールは紹介しませんが、なるべく多くをカバーします。まずは、写真を探して、さっそく編集してみましょう。 移動ツール(キーボード:V) キャンバス上のどこかをクリックし、ドラッグすると、レイヤーを移動できます。 マーキー(キーボード:M) キャンバス上の一部分を特定の形で選択できます。デフォルトでは長方形(シフトを押しながら行うと正方形に)となっていますが、形は円などにも変更可能です。 ラッソ(キーボード:L) 手動で領域を選択できます。点を打っていくことで、その点を角とした図形の形で選
Mockup files and design templates are often necessary to envision what a website is going to look like before turning it into something more functional. The reason you might want this is to look at the design yourself and see if it’s what you were considering beforehand. Alternatively, there are typically several stakeholders involved in the design process, so you may need to show the mockups to y
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く