Bootcomp｜Bootstrap × Photoshop CC 2015 エクステンション
�10倍ラクするデザインカンプ制作 Photoshop CC 2019に「Bootcomp」を導入すればWebサイトやアプリのデザインカンプ制作にかける時間を大幅に短縮することが可能です。 ダウンロードする フォーマット作成 Webサイトやアプリのデザインをスタートする際にまずはレイアウトのガイドを作成するなど事前準備に時間がかかっていました。 Bootcompを使えば１クリックでフォーマットが瞬時に作成されるのですぐにデザイン作業をスタートさせることができます。 画像挿入もワンストップ シェイプを作成してクリックするだけで画像挿入〜リサイズをワンストップで行うことができます。画像がまだ未定の場合は画像挿入をキャンセルすれば自動でダミー画像が挿入されます。ぶっこみ機能を使用すれば大量の画像もあっという間に配置することができます。
スライス作成スクリプト
Photoshopでスライスを作成するには[スライスツール]もしくは[レイヤーに基づく新規スライス]で作成する方法の２種類があります。 しかしそれぞれ不満がありました。 ・[レイヤーに基づく新規スライス]はレイヤーグループに対してはNG ・スライスに名前を付け忘れる。 (書き出した画像をみて‘ユーザー_01.jpg’とかになっていてはじめて気がつく…) ・スライス名を確認するのにスライスオプションダイアログを開く必要があるので面倒 ・スライスをレイヤーとして管理できない 等など… 特に[レイヤーに基づく新規スライス]はレイヤーグループに対してはNGが致命的ですね。 Photoshopってバージョンアップするごとに素晴らしい機能が追加されているのに、「スライス」に関してはけっこうノータッチなんですよね。 CCから機能追加された「画像アセット機能」を使えってことなんだろうけどいまいち馴染めない
FireworksのスライスレイヤーをPhotoshopで実現【決定版】
Dearpsでは今までにPhotoshopでのスライスを楽にする裏テクニックを数々公開してきました。 【WEBデザ向け】スライスチップ作成パネルver2-CS4.CS5用 スライスチップ作成パネル-CS4用 【裏技】「ちょっと変わったスライス作成テクニック」 スライス作成テクニック 今回はこれらの決定版ともいえるスクリプトを作成する事が出来たので公開します。 【今回公開するスクリプトの特徴】 ・選択範囲をスライスに変換する。 ・スライスをFireworksのようにレイヤーで管理できる。 ・スライスはWEBレイヤーフォルダに自動格納される。 ・画像名称をスライス作成時入力できてレイヤー名にも反映される。 他にもメリットたくさん！まずはだまされたと思って使ってみて下さい=3 利用方法はこんな感じ。 【1】ファイルメニューから［スクリプト］＞［参照］を選択し、ダウンロードしたスクリプトファイル”
【WEBデザ向け】ぶっこ抜きスクリプト | Dearps ～Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです～
デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプト ずいぶんと更新をさぼっていましたが年末駆け込みで投稿します。 今回紹介するのはWEBデザイナー向けのPhotoshopスクリプトです。 デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプトを作成しました。 WEBのデザインフローはデザイナーさんによってさまざまだと思いますが私の場合は１ファイルで最終形までつくりこんでから最後に必要に応じてヘッダーやナビゲーション等を別ファイルにして保存します。 その切り分け作業がなかなか面倒だったので自動化してみたところ思いのほか、これが便利だったので共有したいと思い今回公開致します。 皆さんも良かったら一度試してみていただけると嬉しいです。 それでは皆様良いお年を！！ 【使用方法】 ダウンロードした“ぶっこ抜き.jsx”ファイルをPhotoshopのスクリプトフォルダに
黄金比&白銀比トリミングアクション
WEB用写真を黄金比&白銀比でトリミングするアクション 美しいデザイン・レイアウトを生み出すのに必要不可欠な黄金比と白銀比。 この比率を取り入れることでバランスのいい綺麗なデザインになるといわれています。 コリスさんのサイト黄金比をサイトのデザインに取り入れる簡単な３つの方法でも紹介されているようにWEBデザインにおいても多く取り入れられています。 今回はこの黄金比と白銀比でWEB用画像を簡単にトリミングできるようにアクションを作成したので配布します。WEBの画像で使いやすいように160px〜500px(長辺)までの各種サイズ用意しました。 黄金比 (GoldenRatio) 白銀比 (SilverRatio)
スライスチップ作成パネル-CS4用
スライスチップ（スライスレイヤー）を生成するスクリプト＆ツールパネルをつくりました。 先日「ちょっと変わったスライス作成テクニック」でご紹介したテクニックをスクリプト化させ、Adobe Configuratorを使用しツールパレット化したので公開します。CS4専用となります。 【使用方法】 (1) 上のリンクから『スライスチップ生成ツールパレット』ダウンロードする。zipファイルを解凍し、フォルダを［アプリケーション］／［Adobe Photoshop CS4］／［Plug-ins］／［Panels］にまるごと入れる（マックの場合） (2) Photoshop CS4を立ち上げ［ウインドウ］／［エクステンション］メニューから”slice_tip”パネルを読み込む。 (3) 上図のようにパネルが読み込まれます。 （4）パネルから拡大ツールを選択しスライスをきりたいパーツを拡大する。 (4)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
