Web用に保存でラクするために使ったPhotoshopのスクリプト | 金沢Webテクニカルの集い
暫く更新を滞っていましたが、また再開しようと思います。 休んでいる間にいろんな事があったので思い出しながら、書いていきたいと思います。 まず昨年、某ECサイトのフルリニューアルを行ないました。 ワイヤーフレームの書いた数は 120枚程度、書き直しを含めたら想像したくない枚数のワイヤーフレームを書きました。 今どきワイヤーフレームも流行らない気もしますがw 昨年秋から行なった ECサイトリニューアル案件で さて、某ECサイトのリニューアルのプロデュース及びディレクションを任されてワーヤーフレームの次に手間のかかった作業というのが商品画像の作り直しです。 ページレイアウトが代わり、写真のスケールサイズを大きくするため全ての商品画像を作り直しました。 商品の再撮影をするとコストがかかりすぎるので、あくまで撮影済みの素材写真を掘り起こしてきて加工し直すわけですが数が多いし、元データがなかったりして
Retinize It - Photoshop actions for slicing retina assets @2x @3x
What it includes? There are 3 actions in the package: – 1x is for for slicing selected layer(s)/group only, great for a quick export of the element in the original size. - 1x, 2x is for slicing selected element + it’s scaled by 200% version. Perfect for Retina-ready websites. - 1x, 2x, 3x for the selected element + scaled 200% + scaled 300%. Perfect for iOS assets. What should I keep in mind? Work
Slicyで面倒なPSDのスライス作業を効率化 !
こんにちは、最近コード書く時間がなくなってPhotoshopいじっている時間の方が主になってきました、久保田です。 Photoshopを使った画像書出しの時には、面倒なスライス作業をやらなければいけません。この記事では、Photoshopで面倒なスライス作業を劇的に効率化してくれるSlicyというアプリの紹介をします。 スライス作業をやっているうちに日が暮れる Photoshopで作成した画像を書き出す場合には、たいていスライス機能を用いて画像を書きだしていくことになると思います。スライス機能がないと一枚のキャンバスから複数の画像を書き出すことができないのでこれを使わざるを得ませんが、大変面倒くさい。ちょっと書き出すと以下みたいにめんどくさい部分がぼろぼろ出てきます。 ・ 書き出す画像のひとつひとつにスライスの領域を設定しなければならない ・ レイヤの位置を調整すると、スライスの位置も同じ
Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ
最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず！ ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -12 Pro Photoshop Time Savers 複数の画像で雑誌風のレイアウトを作成 -Tych Panel よく使うパーツを格納できる -Pixel Dropr ガイド引きの効率アップ -GuideGuide レイアウト用のグリッドを設計したり、エレメントの中心をだしたり、余白を確保するのに便利なエクステンション。 GuideGuide（無料） 対応バージョン Photoshop 2.0.3(f
Webデザイナーの僕が使ってみて嬉しかったPhotoshopCS6の新機能
こんにちは。 やっとPhotoshopCS6を購入しましたPhtoshop Loverの井畑です。 今回はPhotoshopCS6使ってみて「うぉーむっちゃ便利になったなー！」と思った点をまとめてみました。 PhotoshopCS6は、かゆいところに手が届く、こういう機能を待っていた！という点がいっぱいでございます。 既に発売されて結構たっていることなので、今更感はあると思いますが、よかったらご覧ください！ それではどうぞ! PhotoshopCS6の嬉しい新機能目次 オブジェクト、選択範囲を変更する時にサイズを親切に教えてくれる! レイヤーフォルダに効果を適用できる! 複数のレイヤーにまとめて「ロック、色、描画モード」を適用できる! レイヤーに色を付けるのが簡単になった! レイヤーの検索できる! 切り抜きツールで切り抜いた画像が再度編集できる! 急なシャットダウンも怖くない!自動保存機能
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事