Photoshopの便利なスクリプトや拡張機能のまとめ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
今こそ安心できるWordPressバックアップを！復旧作業まで実際にやってみたWordPress丸ごとバックアップ法
※BackWPup3が公開されました。BackWPup3でのバックアップ＆復旧手順についてはこちらをご覧ください データのバックアップは大切ですよね！疑う余地はないと思います。 WordPressのブログも例外ではありません。バックアップしている人も多いですよね？ でも、 「WordPress全体をバックアップできていますか？」 そして、 「実際にリストア（復元）作業を試してみたことはありますか？」 GoogleでWordPressのバックアップ方法を調べてみると、データベースだけバックアップして安心していたり、復元方法の解説がない場合がとても多いです。 しかし、私はこう思います。 実際にリストア作業をやってみなきゃ、安心はできない！ リストアできないバックアップは役に立ちません。やはり、一度リストア作業を試してみて、初めて安心できるのではないでしょうか。 そこで今回は、「プラグインを使っ
SEOを発注する前に必ず知っておくべきこと など11+4記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
グーグルのウェブマスター向け公式ブログが「サイトの制作や集客を外注しているサイトオーナーのみなさまへ」と題して、SEOの施策を社外に委託するときの注意点を説明した。 制作会社やSEO会社がガイドラインに反した施策をしてしまったことで検索トラフィックを失うような自体にならないためには、どうすればいいのか。 記事では、たとえば次のようなことに対して念を押している。 ウェブマスター向けガイドラインの品質に関するガイドライン に目を通しておくSEO 業者は慎重に選ぶウェブマスター ツールを常にチェックするこのコーナーの読者の大半はSEO専門職ではなく一般のウェブ担当者のはずだ。外部のSEO会社やSEOコンサルタントにSEOを依頼する人も少なからずいると思う。 そうした場合でも、この記事で書かれていることを怠ったがために、意図せずグーグルのガイドラインに反し、ペナルティを受けてしまうことがある。 取
jQueryの基礎知識(2/3):初心者のためのjQueryプログラミング入門 - libro
では、jQueryのライブラリはどのように利用すればよいのでしょうか。――JavaScriptのライブラリは、どんなものであれ、基本的な使い方は共通です。すなわち、「ライブラリファイルをダウンロードし、使用したいWebサイトにアップロードし、<script>タグでそれをロードする」というものです。 ライブラリというとなんだか特殊な感じがしますが、要は「ただのスクリプトファイル」なのです。特にjQueryは、本体がたった１つのスクリプトファイルでしかありません。 http://jquery.com/ まずは、上のアドレスにアクセスをしましょう。ここが、jQueryのサイトです。そして、ページの右側にある「Download(jQuery)」というボタンをクリックしてください。ぶわ～～！！っと画面にJavaScriptのスクリプトが表示されます。これが、jQueryのライブラリです。後は、それを
わりと面倒な後光を超簡単に10秒で描く方法 for Illustrator – poyosi.com
後光のぽよしアイコンで話題の@poyosiです、こんにちは。（そんな話題見たこと聞いたことない） 後光をイラストレーターで描くのってわりと面倒で、三角形を作ってくるくる回してる人もいるかと思いますが、そんな面倒な後光をサクっと作ってしまうテクニックをご紹介します。 ちなみに「後光」と言うとちょっとださい感じがするので合コンでは「バックフラッシュッ！」とか「サンバーストッ！」とまるで必殺技のように言うときっとモテると思いますよ。 イラレで超簡単に後光を描いてみましょう。 円を描く ここでは背景なしの線のみで、例として「200px」×「200px」の正円を描きます。 線幅を設定する 線幅を、円と同じピクセル数にします。ここでは「200px」ですね。 破線を設定する そして、破線をお好みのサイズで追加すると…もうそれっぽいのができます！やばい超簡単ですね！ パスに変更する このままでは扱いづらい
すぐに現場で役立ったPhotoshopの機能を紹介！CSS Nite LP, Disk 22参加レポート - Design Color
今さら知りました…！便利すぎる「コンテンツに応じる」機能 皆さま、Photoshopの「コンテンツに応じる」機能をご存知でしょうか？巷では略して「コンじる」機能とも言われているようですw（以下、そう呼びます） PhotoshopはCS4以降、「コンテンツに応じて?」という言葉を使った自動処理機能を強化してきたようです。 では、その「コンじる」機能とは何でしょう。講師として登壇して下さった結城 しおりさんと鷹野さんが、「コンじる」機能を教えてくださいました！ 人肌は守ります！「コンテンツに応じて拡大縮小」 こちらは講師の結城 しおりさんに教えていただきました。 みなさん、バナーなどを作る時、 「あー！素材の幅がちょっと足りない」ということはありませんか？ こういう時、足りない部分を補完してあげてもいいいのですが、 時間がないのー！という時にはこれです！ イヤイヤイヤイヤ！！と思いますよね？で
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Photoshop使い必見！Fireworks風のスライス機能をPhotoshopで効率的に使いこなす | サイブリッジラボブログ
TOP > WebDesign > Photoshop > Photoshop使い必見！Fireworks風のスライス機能をPhotoshopで効率的に使いこなす こんにちは、Roadyです。 最近あまり自転車に乗れていませんが、季節も春！ 仕事も自転車もガンガンこなしていきたいと思います。 さて今回は「Fireworks風のスライス機能をPhotoshopで効率的に使いこなす」をテーマにお話ししたいと思います。 スクリプトのダウンロード 下記リンクからダウンロードができます。 fw_slice.jsx アクションへの登録(ついでにショートカットも登録！) デフォルトですとスライスを切るごとにスクリプトを読み込まないといけないので、アクションへ登録しつつ、そのアクションをショートカットで実行できるように設定することでさらに効率化を図れます。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
即戦力となるアナログ表現の技を押さえる - MdN Design Interactive
腕のいいデザイン事務所で修業しないと ふつうは身につかない知識と技と心得 10 即戦力となるアナログ表現の技を押さえる 解説： 高橋としゆき［Graphic Arts Unit］ url： www.graphicartsunit.com/ 使用ソフト: Photoshop CS3 かすれや汚れなどといった、アナログの演出がデザインで必要になる機会は多いはずだ。そうしたアナログ感の演出にはさまざまな方法があるが、基本的な手法はしっかり身につけておきたい。ここでは、デジタルだけでアナログ感を表現する方法を紹介しよう。 実際にプリントアウトして作業する時間や環境がない場合や、画材などを使ったアナログの作業を経ずに、もっと手軽にアナログ感を表現したいということもあるだろう。アナログ風の質感はPhotoshopのフィルタなどを駆使して表現することもできるので、そうした技を使った多彩なアナログ表現を覚
塗りに特化したPhotoshopのブラシ設定などを解説した、ToLOVEる塗り職人のブログが凄い！ ｜ お絵かき速報！萌え絵上達法
今回は、ToLOVEるの美しい塗りコラで有名な、山岩珠胚氏（通称塗りあき）のブログを紹介します。 山岩氏のブログでは、Photoshopで塗りを行うためのブラシ設定を解説されたり、 パフォーマンスを向上させるための環境設定、効率よく作業するためのレイアウトなどが公開されています。 Photoshopを使っている方は見て絶対に損のない、素晴らしいサイトです。 以下、サイトの見所を大まかに紹介します。 とらから◇ToLOVEるCoLORINぐBlog http://toloverucoloring.blog.fc2.com/ 【Photoshopのブラシ設定】 山岩氏が実際に使っているPhotoshopのブラシ設定を紹介 設定方法だけでなく、ブラシファイルまで公開する親切さ エロゲ塗りに最適の、きめ細やかな塗りのできるブラシ http://toloverucoloring.blog.fc2.c
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
ちょっとぼんやりした画像をくっきりさせるPhotoshopのチュートリアル | コリス
元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-destructively Sharpen Your Image In Photoshop [ad#ad-2] チュートリアルは4ステップで、慣れれば数分でできる思います。 下記は各ポイントを意訳したものです。 Step 1:画像の準備 Step 2:ディテールの抽出 Step 3:ディテールの調整準備 Step 4:ディテールの調整 完成 Step 1:画像の準備 まずは、元となる画像をダウンロードします。 Autumn Stock IV [ad#ad-2] ダウンロードした画像をPhotoshopで開いてください。 画像を加工するときは、元画像はそのまま残し、コピーした画像を
[CSS]ol要素を美しくスタイルし、アニメーションをちょっとだけ加えるテクニック
擬似要素を使って、ol要素を美しくスタイルし、CSS3アニメーションをちょっとだけ加えたスタイルシートのテクニックを紹介します。 CSS3 ordered list styles [ad#ad-2] デモ 実装 対応ブラウザ デモ デモはIE9, Firefox, Chrome, Safariでご覧ください。 擬似要素のアニメーションは、Firefoxのみサポートしています。 デモページ：Demo 1 数字を矩形にスタイルし、ホバーで数字からアローが伸びます。 ※アニメーションはFirefoxのみです。 実装 HTML HTMLは非常にシンプルで、ol要素を入れ子にして実装するだけです。 <ol class="rounded-list"> <li><a href="">List item</a></li> <li><a href="">List item</a></li> <li><a h
納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 Cross-Browser CSS Development Workflow [ad#ad-2] 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段：IEのみスタイル 5. 問題に取り組み続ける 6. おわりに 1. リセットかノーマライズか IE, Firefox, Chrome, Safari, Operaなどのブラウザには各要素ごとのデフォルトのスタイルが用意されており、制作する際にはこれらの相違を見出し、各要素を整える必要があります。 CSSリセットとは CSSリセッ
プロが教える本当にシャープな写真の撮り方 第1回 | デジタルフォト達人への道 | Shuffle by COMMERCIAL PHOTO
アメリカで大ベストセラーとなった書籍「The Digital Photography」が日本語に翻訳されて発売された。この「デジタルフォト達人への道」（発行：ピアソン桐原）、著者は全米Photoshopプロフェッショナル協会（NAPP）会長のスコット・ケルビー氏、日本語版の監修は日本におけるデジタルフォトの第一人者・早川廣行氏だ。Shuffle読者のために、第1巻から第3巻まで各巻のハイライトを特別公開する。 ピントのしっかり合った鮮明でシャープな写真を撮ることが、プロの写真家にとっては何より重要です。「デジタルフォト達人への道」第1巻からは、「第1章 プロが教える本当にシャープな写真の撮り方」を公開します。 SHUTTER SPEED: 1/60SEC F-STOP: F/11 ISO: 100 FOCAL LENGTH: 32MM PHOTOGRAPHER: SCOTT KELBY “
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm（プラズム）
WordPressにプラグインを入れたら画面が真っ白になる場合の対処法 – creamu