「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆しました 2015年3月25日に株式会社エムディエヌコーポレーションより発売の、「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆させていただきました。
Friends, today's download is a set of iPhone and iPad templates in PSD format. Both the templates come in vertical and horizontal format in fully layered Photoshop files. Along with them comes, transparent PNG icons in sizes 256x256, 128x128 and 64x64 pixels for use in your web projects. Download the iPhone & iPad templates and icons now!!! Preview of iPhone Preview of iPad Author: Rafi File Resol
WEBを制作する際、photoshopを利用して制作しているという方も多いと思います。今日紹介するのはphotoshopで利用できるPSDファイルのWEBインターフェイス素材集「15 Free and Useful Web User Interface PSDs」です。 Transparent UI Kit ある程度ユーザーインターフェイスの基本となるものがセットになっており、同じテイストで様々な素材を利用する事が可能です。全部で15の素材セットがまとめられていますが、今日はその中から気になったものをピックアップして紹介したいと思います。 詳しくは以下 クリアで立体的なインターフェイスセット Transparent Glass UI: Free PSD for User Interface Design クリアな立体感が魅力的なインターフェイスセット Moonify UI Macライクなイ
photoshopのwebで使うエレメンツのファイルや、ブラシ、カスタムシェイプ、パターン、アクションなどの素材を無料で提供しているサイトを紹介します。 個人のブクマを整理してる段階でまとめたものですが、共有します。 photoshopのwebで使うエレメンツのファイルや、ブラシ、カスタムシェイプ、パターン、アクションなどの素材を無料で提供しているサイトを紹介します。 個人のブクマを整理してる段階でまとめたものですが、 共有します。 はじめに photoshopの素材を紹介しているサイトは多いので、 主にphotoshopの素材の提供を主としてるサイト、 またはそのようなカテゴリを持つサイトのみを集めました。 紹介文の後のリストはそのサイトで扱ってる素材の種類となります。 また、ライセンスについては分かる範囲で記載しましたが 間違いがありましたら指摘頂けると助かります。 サイト一覧 dev
こんにちは、小林です。 存在は知っていたのですが特に必要ないかと思っていたphotoshopの注釈ツール。 先日ちょっと使ってみたところ便利ダナーと感じましたので紹介したいと思います。 注釈ツールとはずばり「psdのカンバス内外にメモ（注釈）を付けられるツール」です。 実際どんな感じかやってみるとすぐわかると思います。 たとえば下記のようなリンク先が分かれているデザインがあるとします。 これをコーディングする際に「リンク先のURLなんだっけ？」と、別のメモなりメールなりを見るのはやや面倒だと思います。 そこで注釈ツールの出番！直接psd上にメモしちゃえばいいのです。 注釈ツールの場所 ツールボックスのスポイトツールの中にあります。 使い方 これをクリックするとポインタの先が変わるので、その状態で注釈をつけたいところをクリックします。 するとメモ書きのアイコンが表示されます。 注釈のパレット
フォトショのシェイプをダイアログからサイズを入力して作成するスクリプト ずっと欲しかった念願のスクリプトが完成しました(^^) そもそもなんで標準機能としてないんでしょうか？ 使い方は超簡単。以下からどうぞ。 ※2011.9/1追記 早速ですが少し修正を加えました。レイヤー名に自動で“幅,高さ,角丸”のサイズが入る様にしました。 【使用方法】 ダウンロードした“Shape_Dearps.jsx”ファイルをPhotoshopのスクリプトフォルダに入れて、[ファイル] ／ [スクリプト]より実行。 Windows: C:¥Program Files¥Adobe¥Adobe Photoshop CS2¥プリセット¥スクリプト MacOS X: /アプリケーション/Adobe Photoshop CS3/Presets/Scripts もしくはメニューバー内 [ファイル] → [スクリプト] →
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
