音楽についてはCDレビュー、ライブ報告、ニュース雑感をつらつらと。デザインについては素材配布、覚書、考えなどをつらつらと。 illustration: hirokix - 小町者 komachimono 前に管理していたブログ「wwwusic.net」で好評をいただいていた、Photoshopのパターン素材「パターンシリーズ」です。 内容は変わっていませんが、ブログを統一させるために今後はこのページで配布します。 （wwwusic.netの方のページは頃合いを見て削除します。） --- モノクロ印刷風または漫画などで使用されるスクリーントーンのようなパターン素材です。 【スクリーントーンとは】 スクリーントーンは、イラスト、漫画などの作成に用いる、柄のついた、または白と黒の点がある一定の比率で様々なパターンが印刷されている特殊なシール状の画材。切り抜いて台紙からはがし、絵に張る事で原
Creating a grid is typically one of the very first things you do when starting a design comp. After all, it provides the basic structure on which the rest of your design will lie. In this article, we’ll provide two different methods for efficiently establishing a grid. These methods enable you to quickly and smartly form a grid so that you can spend more time designing. Method 1The first method us
【Photoshop】Photoshop CS5で複雑な髪の毛などをたったの5ステップで切り抜く方法 by tetsu · 2011-11-08 こんにちはテツです。 今回はデザイナーであれば一度は頭を悩ませられたであろう髪の毛の切り抜く方法を紹介します。Photoshop CS5ですさまじく機能強化された「境界線を調整」を使い、たったの5ステップで切り抜いていきます。 この画像を使います。 被写体を選択 STEP1 選択ツールで選択 ツールバーからクイック選択ツールやなげなわツールなどで被写体を選択します。（切り抜きたい被写体よりも大きめに選択するところがポイント！） ケースバイケースですが、個人的には背景色と被写体が近似色でなければクイック選択ツール、近似色であればなげなわツールといったところです。 ※今回はクイック選択ツールで選択しています。 選択した被写体の境界線を調整 オプション
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
I’m not sure about you, but I still favour using Photoshop to create my designs for the web. I agree that this application, even with its never-ending feature set, is not the perfect environment to design websites in. The ideal application doesn’t exist yet, however, so until it does it’s maybe not such a bad idea to investigate ways to optimize our workflow. Why use Photoshop? It will probably no
これはPhotoshopの標準機能として、ぜひ実装してほしいですね。 外部ファイルをリンクさせ、スマートオブジェクトとして配置できるPhotoshopのエクステンションを紹介します。 Linked Smart Objects in Photoshop [ad#ad-2] Linked Smart Objectsのインストール 下記ページの「LinksCS4.zip」をダウンロードします。 対応しているPhotoshopのバージョンはCS4, CS5です。 Smart Object links panel 解凍した「LinksCS4.mxp」をダブルクリックすると、Photoshopへのインストールがはじまります。 インストールが完了すると、メニューの[ウインドウ]-[エクステンション]に「Links」が表示されます。 Linked Smart Objectsの使い方 [ウインドウ]-[エク
Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか？今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです！ また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン（フィルター → 抽出）で代替えしてみてくださいね（注意：Web 用の切り抜きを前
「フライング・ハイ・ワークス」はWeb制作・ホームページ制作会社【東京都 渋谷区】です。企業サイトやスマホサイト、ポータルサイトなど様々なホームページの制作、デザイン制作を行っており、「売上」に繋がる質の高いサービス提供を心がけています。
西田 善彦氏 storage.goodmix 本記事で紹介している「Flash Helper Scripts」は、Flash/ActionScript開発のためのオープンソースコミュニティ「Spark project」にて共有・提供されています。Spark projectでは、その他にもさまざまな用途のライブラリやソースコードが公開されています。ぜひ、チェックしてみてください。 Flashサイトを構築する際に、サイトデザインやデザインパーツをPhotoshopで作成し、それをFlashに読み込んでオーサリングしている人も多いでしょう。バージョンアップとともに、FlashとPhotoshopの連携は強化されてはいるものの、現状の機能だと物足りなさを感じている人はいませんか？ 本記事では、FlashとPhotoshopの連携をもっとスムーズに、もっと便利にするスクリプト集を紹介します。
スライスチップ（スライスレイヤー）を生成するスクリプト＆ツールパネルをつくりました。 先日「ちょっと変わったスライス作成テクニック」でご紹介したテクニックをスクリプト化させ、Adobe Configuratorを使用しツールパレット化したので公開します。CS4専用となります。 【使用方法】 (1) 上のリンクから『スライスチップ生成ツールパレット』ダウンロードする。zipファイルを解凍し、フォルダを［アプリケーション］／［Adobe Photoshop CS4］／［Plug-ins］／［Panels］にまるごと入れる（マックの場合） (2) Photoshop CS4を立ち上げ［ウインドウ］／［エクステンション］メニューから”slice_tip”パネルを読み込む。 (3) 上図のようにパネルが読み込まれます。 （4）パネルから拡大ツールを選択しスライスをきりたいパーツを拡大する。 (4)
大量の画像を書き出す場面に遭遇して( ꒪⌓꒪)ってなるのはWEB屋の宿命のようなものですが そんな書き出しを一瞬でもはやくやっつけたい。 むしろやりたくない。なにもかも機械に任せたい。 機械がやってくれてる間にはとサブレ食いながら優雅にFaceBookをたしなみたい。 そんなめんどくさ効率を追求するために調べたまとめです。 なにかお役に立つものがみつかればうれしいです。 書き出しをとにかく速くしたい スライスチップ作成パレット スライスチップ作成パネル-CS4用 | Dearps スライスがFireworksみたいになるエクステンション。ほんとうに助かってます。 ワンクリックでスライスができるのでガイドつくってちまちまやるより数倍速いです。 Flash Helper Scripts Flash Helper Scripts：JavaScriptで「Flash＋Photoshop」連携をパワ
December 10, 2008 2エントリー連続でPhotoshop関連になります。今回は左のような見出し画像を書き出すリソースファイルを変数を使って管理します。 このような見出し画像を作成する場合、通常だと背景画像レイヤーを複数枚と見出し名テキストレイヤーを大量に作らなければなりません。私も今まではテキストレイヤーだらけになっていました。このような余分なレイヤーを作らないでリソースを管理出来る方法が変数を使ったリソース管理法になります。 簡単に変数を使った管理法の説明をすると、背景画像レイヤーを数種類用意し、日本語名の見出しと英語名の見出しはCSVファイルで管理すると言う方法になります。 それでは詳しく説明をしていきます。 今回作るファイルのレイヤー構成は左のようになっています。 背景画像フォルダには背景画像が4種類。そして見出し名を設定するテキストレイヤーが日本語用と英語用の2種類
December 9, 2008 わが制作チームのデザイナーLovwar君が中々ナイスなテクニックを開発してブログに掲載していました。あまりにもナイスで自分向けにカスタマイズして自分用アクションを作成してみました（パクリ）。 Lovwar君のアクションは選択範囲を指定してアクションを実行するタイプですが、私のは最初にアクションを実行して途中で中止を入れるタイプです。 ステップは左の通りでレイヤー名とスライス名を入力するために途中でダイアログを出します。まず最初にレイヤー名を入れるのですが、入れたあとにレイヤー名をコピーし、スライス名入力の時にペーストしてレイヤー名＝スライス名にします。 このアクションでスライス作成を繰り返します。最後（最初でも可能）ですがスライスフォルダを作ってまとめてしまいます。例えば左の図のような感じです。これでレイヤーを見ればどのスライスかが一目瞭然になります。 け
以前に、Photoshop CS3のショートカット50のリストとIllustrator CS3のショートカット50のリストをご紹介いたしましたが、中・上級者には50程度では足らないことも考えられます。 私は、アプリケーションを使い込む際に、A4サイズの全キーボードショートカットの一覧表を見ながら作業をしています。 今回は両アプリケーションソフトのキーボードショートカット全リストをご紹介いたします。 Illustrator 8.0 ～ CS3差分 + 上級機能解説講座の一覧表の使用 先日、『Illustrator 8.0 ～ CS3差分 + 上級機能解説講座』の講義を紹介させて頂きましたが、その際の講義風景からも、A7サイズのキーボードショートカット50のリストと、A4サイズの全キーボードショートカットリストを使用していることがわかります。 いつもリストを見ながら作業するわけではないのですが
概要 Flashデベロッパー向けPhotoshopスクリプト集です。 FlashデベロッパーがPSDファイルをつかってオーサリングする際に便利そうな機能を用意しました。 特定レイヤー/レイヤーセットのみの表示 PSDファイルからのパーツの切り出し PNG24形式での保存 など 更新 FlashPlayer?6用に変換.jsx（FlashPlayer?6用に、上下左右に1pxの隙間をあける）を修正（2009/8/18 追加） 指定したレイヤーを切り出し.jsx（2009/6/12 追加） 選択範囲を切り出し.jsx（2009/6/12 追加） 指定したレイヤーセットを切り出し.jsx で、PNG24の書き出し時にPNG8になってしまうバグを修正（武田さん、ご指摘ありがとうございました。） 他のツリーのレイヤーを削除.jsx を追加 取得 http://www.libspark.org/svn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
