『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
Photoshopのキャプチャ ブラシの利用は無料ですが、ライセンスの明記がないため商用利用の際は問い合わせをした方がよいと思います。 同作者は、他にも写真の「ぼけ」をモチーフにした面白いPhotoshopのブラシを配付しています。 [ad#ad-2]
Photoshop、Illustratorでつくるタイポグラフィのチュートリアルの紹介です。 ※明記の無いものはPhotoshopです。
Swirls & Flourishes Photoshop Brushes A set of brushes made up of various swirls, ornamental designs, and flourishes. Most of these will work great as corner brushes. 渦巻いた花の形をしたデザインのオシャレなPhotoShopブラシが23個セットで配布されています。 ブラシツールを選択し、ブラシ形状の選択ボックスを開いて、 ボタンを押した後、「ブラシファイルの読み込み」でダウンロードした .abr ファイルを読み込むと次のようなPhotoShopブラシスタイルがインストールされます(PhotoShop7の場合)。 上のキャプチャ画像で見るとデザイン的に微妙な感じですが、実際に使うと次のような凄くオシャレな画像が一瞬で作成できて
153種類のフォント、100種類以上のブラシ、14種類のカスタムシェイプ、17種類のスタイル、30種類のテクスチャ、アイコン形式のフォーマット、プラグイン1つ、さらに7000種類ぐらいの各種プリセットが無料で一気にインストールされます。 22Pixels Flock - Reviews and free downloads at Download.com http://www.download.com/22Pixels-Flock/3000-2192_4-10504543.html ファイルサイズは88.4MB、フルインストールするには153MB必要。これひとつでかなりいろいろできるようになりますね……。 Macintoshの方は中身だけを抽出したこちらをダウンロードすればいいかも。 http://rapidshare.de/files/19238330/22Pixels_Flock_ju
WordPressの記事やページごとに、それぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインを紹介します。 Custom CSS and JS [ad#ad-2] Custom CSS and JSのインストール WordPressの記事ごとに個別のCSSを追加 WordPressの記事ごとに個別のJavaScriptを追加 Custom CSS and JSのインストール プラグインのインストールは、WordPressの管理画面「プラグイン」の「新規追加」から行えます。キーワードに「Custom CSS and JS」を入力して、「プラグインの検索」ボタンをクリックしてください。 プラグインの新規追加画面のキャプチャ 検索結果に表示された「Custom CSS and JS」の「プラグインのインストール」でインストールが始まります。 また、下記ページか
言語処理学会第20回年次大会(2014/3)のチュートリアル講義資料です。 - 要旨 - 文法圧縮とは,入力テキストをよりコンパクトな文脈自由文法(CFG)に変換する圧縮法の総称である. 文法圧縮の強みは圧縮テキストを展開すること無く,検索等のテキスト処理を効率よく行える点にある. 驚くべきことにその処理速度は,元テキスト上での同じ処理を理論的に,時には実際にも凌駕する. また近年,ウェブアーカイブやログ,ゲノム配列等の大規模実データを高効率に圧縮できることで注目を集めている. しかしながら,文法圧縮についての初学者向けの解説資料はまだまだ少ない. そこで本チュートリアルでは,文法圧縮の歴史的背景から最新動向までを幅広く紹介する. 具体的には文法変換アルゴリズム,圧縮テキスト上での文字列パターン検索,文法圧縮に基づく省メモリデータ構造等の解説を行う.Read less
FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCS Media Library [ad#ad-2] jCSMLの対応ブラウザ jCSMLのデモ jCSMLのダウンロード jCSMLの対応ブラウザ jCSMLの対応環境は下記の通りです。 HTML5非対応のIE7でも、Flash非対応のiPhoneでも動作します。 IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLのデモ jCSMLの多彩で美しいデモをいくつか紹介します。 各デモはチュートリアルも兼ねており、コードも一緒に掲載されています。
WordPressのテーマを構成するファイルの種類、優先順位と条件タグ・インクルードタグのまとめです。 ファイル自体は2.3から変更は無いですが、2.7では詳細や階層が若干変更されています。 テーマを構成するファイルの種類 テーマを構成するファイルの優先順位 条件タグ・インクルードタグ 参考 テーマを構成するファイルの種類 テーマに必要なファイルは「index.php」「style.css」の2つです。 2ファイルで対応できない場合は、デフォルトのテーマファイルのものが使用されます。 「style.css」では、下記のコメントを使用して、管理画面にテーマの情報が表示されます。 テーマの情報:style.cssのコメント /* Theme Name:[テーマの名称] Theme URI:[テーマのURI] Description:[テーマの説明] Author:[テーマの制作者] Autho
Photoshopを使ってイラストを作成するというのはかなりチャレンジングな行いであり、高度なテクニックを要するものですが、マスターすればかなりの戦力になり得ます。また、あるイラストの作り方を知っていれば、それを応用して別のイラストに応用することも可能なので、知っておいて損はありません。 というわけで、Photoshopをマスターする上で知っておけばいつかきっと役立つハイクオリティなイラストレーションチュートリアルベスト30は以下から。 30 Super-Juicy Photoshop Illustration Tutorials - PSDTUTS リアルなスピーカー iPod Touch クレジットカード グリーンアップル リアルなサッカーボール Google Chromeのロゴ スマートフォン クリスマスのカラーボール テープ クリスタルっぽいテントウムシ Mac OS Xっぽいスタ
100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 2007年08月20日- Photoshop Brushes, Adobe Photoshop Brushes Free Download 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」。 例えば、雷のブラシを使って次のようなクールな画像を作ることが可能です。 他にも髪の毛のブラシなんてのもあります。とてもリアル。 以下のようなカテゴリにそれぞれ分かれていて、ブラシを探すのも便利です。 Abstract (10) Fractals (6) Grunge (19) Misc (18) Nature (19) Objects (10) Ornaments and decorative (17) Signs and symbols (8) Spa
40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows Vista Aurora Effect Abstract Walkthrough Luminescent Lines Space Lighting effects Calculations And Colorization Abstract Light Rays Signature tutorial Movement Light Rays Abstract art wallpaper Signat
2009年の凄いPhotoshopチュートリアルが100種類まとまったエントリのご紹介です。 次のようなすごいチュートリアルが満載です。年末年始に暇な方はこなしてみるのもよいかもしれませんね。かなり力がつきそうです。 以下のエントリを参照してください。 The 100 Most Popular Photoshop Tutorials 2009 関連エントリ プロレベルのPhotoshopチュートリアル集 ボタン作成のPhotoshopチュートリアル集 輝く綺麗なクリスマスツリーを描画するPhotoshopチュートリアル
Photoshopでの作業がもたついたり、もっときびきび動作させたい、とパフォーマンスを向上させたい時に、見直したいPhotoshopの環境設定の項目を紹介します。 How To Optimize Photoshop For Better Performance 下記は、以前紹介した記事をCC2015対応に編集したものです。 ※翻訳・編集にあたり、元サイト様に許可を頂いています。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパネル フォントプレビュー UIのアニメーション動作 作業時にパフォーマンスをさげない方法 ヒストリーとキャッシュ Photoshopで作業する際に最初にチェックしておきたい項目は、キャッシュです。キャッシュを必要最小限にすることで、パフォーマンスが向上します。 設定方法 [環境設定] - [パフォーマ
テクスチャのキャプチャ テクスチャ素材の利用は個人でも商用でも無料、とのことです。 また高解像度なため、そのまま背景として使用してもよし、写真などの画像にエフェクトとしても面白い効果が得られます。
Andwerelive.comのエントリー「あなたの写真にスパイスを利かせる8つのPhotoshopチュートリアル」から写真画像を加工する8つのPhotoshopのチュートリアルの紹介です。 Top 8 photoshop tutorials to spice up your photo!
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Create a Realistic 3D Blueprint Design a Realistic Chalkboard A
Free Hi-Res Watercolor Photoshop Brushes | BittBox I write mostly about Illustrator in this blog, but the truth is, Illustrator is only the beggining. フリーで使える超絶クールなPhotoShopブラシ 次のようなクールなPhotoShopのブラシをダウンロードしてすぐ使うことができます。 ブラシを使って次のような素敵な画像が作れます。 PhotoShop CS1,CS2 用がダウンロードできるようです。 これは素晴らしいですね。 関連エントリ フリーで大量のPhotoShopブラシを入手できる「Brusheezy」
Photoshopのブラシやパターン素材、テクスチャ素材がダウンロードでき、Photoshopのチュートリアルも掲載しているサイトを紹介します。 MF Creative [ad#ad-2] MF Creativeは開設されたばかりで、まだ登録数は少ないですが、センスの良い素材が揃っています。その中から、いくつかご紹介。 今後も、どんどん増えるのが楽しみですね。
シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。 Jagged Border HTML まずは、デモのHTMLから。 デモは3つのギザギザがあるので、3つのdivを使用します。 <div class="jagged-wrap-inner"> <div class="offset"></div> <div class="lightgray-bg jagged-border"></div> <div class="white-bg jagged-border"></div> <div class="darkgray-bg jagged-border"></div> </div> ギザギザを一つにした最小限のセットは、こんな感じです。 <div class="jagged-wrap-inner"> <div class="offse
『Pixelmator』は、信じられないほど安い(英語版29.99ドル)うえに、比較にならないほど高価な『Adobe Photoshop』にも引けをとらない強力な機能を備えていることから、今やMac向け画像編集アプリの定番となっています。ただ、Photoshop使いの人にとっては、ちょっとした違いが気になるところです。そんな人にもすぐ使えるように、Photoshopのごく一般的な操作をPixelmatorではどのように行うのか、比較しながら説明していきます。 PixelmatorとPhotoshopの見た目が異なるのは、ご想像のとおりです。ですが、画像の編集に関しては、Photoshopでできるほとんどすべての作業はPixelmatorでもできます。特に、標準的なユーザーが必要とする機能なら、ほとんど違いはありません。しかも、Photoshopよりずっと簡単に使えるものも多いので、画像編集
Source Sans Pro: Adobe's first open source type family フォントはRomanとItalic各6書体、計12書体で、Extra Light、Light、Regular、Semibold、Bold、Blackが揃っています。
ロイヤリティフリーの写真画像が、Flickrやstock.xchngなど複数のサイトから簡単に探すことができる「Cyclo.ps.」を紹介します。 Cyclo.ps. 画像検索の対象となっているサイトは現在8つで、チェックボックスを使用して好みのサイトのみを対象にすることもできます。 検索に使用するキーワードの言語は英語ベースとなっています。
ロイヤリティフリーの人物や動物・植物をはじめ、食べ物、ファッション、キッチン、小物など多種多様なシルエット素材や数々の手描き風フォントが無料でダウンロードできるサイトを紹介します。
使用するサイトのデザインにあわせて、カラーの変更が可能なフリーのアイコンがダウンロードできる「Iconza」を紹介します。 Iconza アイコンは、上記キャプチャのようにアイコンのカラーや背景のカラーを変更でき、サイズは32x32, 24x24, 16x16のものがあります。 アイコンは現在のところ90種類あり、ホーム、メール、RSS、検索、アローなど利用頻度の高いものがたくさん揃っています。 アイコンのキャプチャ(クリックで拡大) アイコンのダウンロードは、各アイコンをクリックすると個別にダウンロードでき、まとめてダウンロードする際は下部の「Download all icons」をクリックします。 アイコンは、PNG形式でした。 ライセンスは「Totally free.」となっているので、商用サイトでも利用可です。
Photoshopと違って拡大縮小しても画像が荒くならないベクター形式をIllustratorは採用しているわけですが、そんなIllustratorを使って写真のようにリアルなイメージを作り出すという驚愕のテクニック。 上記サンプル画像を見れば分かるように、写真っぽく見えますが中身はベクター形式のものになってます。 その他のサンプル画像や作り方は以下の通り。 The World's Most Photorealistic Vector Art 上記ページからたどることのできる画像はどれもコレもものすごい 作り方はこんな感じ。手間がかかってる。 Gradient Mesh Tutorial その他のベクター形式のイラストはここにいっぱいあります。 deviantART: Browse deviantART こういうフォトリアリスティックなものを通常通り、Photoshopで作る場合はこんな手
最近まとまった時間ができたので、Web開発手法の勉強をしていました。 Ruby on Railsチュートリアルが体系的に学べて良いという話を聞いていたので、これを軸にしながら自分のWeb知識の穴を埋めていくことにしました。 Ruby on Rails チュートリアル:実例を使って Rails を学ぼう 一区切りついたのでまとめておきたいと思います。 前提知識 以下は勉強を始める前の私の知識です。 Webフレームワークを使ったことがない 生PHPなどで開発をしたことはある MVCモデルは一応理解している 昔Java Servletを使った講義を受けたことがある DB Migrationなどの言葉は聞いたことがある Rubyを一行も書いたことがない 普段はPythonとC++を書いている 趣味でJSも少し書く CS的なインフラの基本技術は知っているが、IaaSやPaaSなどにはあまり明るくない
スマートフォンやタブレットの普及によって、いつでもどこでもインターネットにつながるようになり、さまざまなWebサービスをたくさんの人に提供できる環境が整ってきました。それに伴い、中小企業や個人のスタートアップが活発になり、新しいWebサービスが次々と生まれています。 そこでエンジニアの間で関心が高まっているのが、「いかに効率よく開発・制作」し、「アイデアをいかに早く形にして世の中にローンチする」か、ということです。 この連載では、特にスタートアップで注目を浴びているフロントエンドツール「Twitter Bootstrap」について、基本的な使い方から実際のWebアプリ開発での導入方法までを紹介します。まずはTwitter Bootstrapが何なのか、どのような場面で使われているのか、確認しましょう。 Twitter Bootstrapの特徴 Twitter Bootstrapは、米ツイッ
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryのスライダーで、イメージスライダー、コンテンツスライダー、バナー広告、プレゼンテーションなどさまざまな用途で利用できます。 IE6/7/8/9, Firefox, Chrome, Safari, Operaなど、主要ブラウザを全てサポート。 iOS, Androidのスマートフォンもサポート。 サイズは変更可能で、レスポンシブレイアウトに対応。 フレ
角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。 色によっては、蛍光ペンや絵筆みたいにもできますね。 デモページ ※リンク切れ 実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。 スラッシュで区切ることにより、水平
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く