Bootstrapで作られたとは思えないほど洗練されたデザインのWebサイトのまとめ
Bootstrapで作ると似たデザインになってしまうのでは？ と、使用するのを躊躇している人は間違い。使い方はあなた次第です。 Bootstrapを使用して制作され、さまざまなアイデアが盛り込まれた洗練されたデザインのWebサイトを紹介します。
Bootstrapで作ると似たデザインになってしまうのでは？ と、使用するのを躊躇している人は間違い。使い方はあなた次第です。 Bootstrapを使用して制作され、さまざまなアイデアが盛り込まれた洗練されたデザインのWebサイトを紹介します。
Webページによく使用される、アイテムを並べるリスト、ギャラリー、タブ、ナビゲーションといったさまざまなコンポーネントをはじめ、打ち出しコンテンツのレイアウト、サンプルの表示方法、AdWordsの配置、データがない状態のレイアウトなど、Webデザインのアイデアをまとめているサイトを紹介します。
1：以下、名無しにかわりましてVIPがお送りします：2010/07/31(土) 17:08:18.36 ID:yGSBwgtW0 元画像はこれを使用。 今回は自分のコスプレ画像なんかを綺麗に補正するための参考になればということで 基本の簡単な補正を紹介します。 3：以下、名無しにかわりましてVIPがお送りします：2010/07/31(土) 17:08:58.79 ID:yGSBwgtW0 まずは顔色を健康的にします。 画像をフォトショで開いたら、上のメニューから 「イメージ→色調補正→明るさ・コントラスト」 を選び、顔色を心持ち明るくします。 4：以下、名無しにかわりましてVIPがお送りします：2010/07/31(土) 17:10:01.01 ID:yGSBwgtW0 次に「イメージ→色調補正→カラーバランス」を選択。 バーを適当にいじくって顔に赤みと黄色みをプラスし
50 Great Photoshop Tutorials for Clever Beginners - PSDTUTS プロレベルのPhotoshopチュートリアル集。 アーティスティックな作品を作るのに参考になりそうなチュートリアルばかりがまとまっています。 Manipulating a WW2 Fighter Aircraft 6 Quick 'n Dirty Text Effects From Scratch Make a Turn of the Century Vaudeville Poster Miodern Art Idiots Guide to Small Planets 10 Step Lighting Effect 3D Transform a Colorful Cube Design Silhouettes and Gradients Pencil It In Craf
Photoshop actions: 124 Free Photoshop Actions to Boost Your Designs An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. デザインを高速に行える技巧的なPhotoShopアクション集。 複数の処理を一括してまとめて行えるPhotoShopのアクション機能。 高度な画像処理を行うアクションがまとまっていましたので紹介。 フィルタではなく、アクションなので、それぞれの細かな動きも見ることができてPhotoShop自体の学習用にもよさそう。 （アクションの読み込み方は本エントリの最後を参照） 画
チュートリアル(本当に初めての方のために作成したBlenderチュートリアル) - WBS+(Web/Blender Studio+)
This domain may be for sale!
00:06 | いろんなサイトをみているとそこかしこで見かけるいわゆるフォトショップでのAQUA風ボタンの作り方が紹介されているページを（主にはてブから）集めてみました。http://quarter.vis.ne.jp/books/log/eid329.htmlhttp://www.0range.cc/icon/tips/TIPS3/index.shtmlhttp://www.allef.com/gpx/aqua/index.phphttp://www.tutorialoutpost.com/count/2272http://www.tutorialoutpost.com/count/182http://home.zonnet.nl/epragt/tutorials/photoshop/shapesandobjects/aquabuttonprop6/index.jsp.htmhttp:/
Photoshopで線画抽出する方法 〜手書きイラストをスキャンした場合〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近Photoshopをゲットしたライターのしゅーへいです。 LIGデザイナー陣のデザイン技術をチラチラ見ながら、Photoshopの勉強をしております。ちなみに打倒、王さんです。 今回の記事は、手描きのイラストをデジタルデータ化する方法です。 必要な物は「スキャナ」と「Photoshop」です。今から紹介する方法は、線画でも利用可能なので覚えておいて損はないです。 ストーリー 家にあった中二病ノートに2012年4月に書いたイラストというか文字がありました。なんか「イイナ・・・。」とか思ったので、このイラストをデジタル化しようと思います。 スキャンする まずはスキャナを使ってスキャンします。 320dpiのTIF形式でスキャンしました。綺麗にスキャンできるならJPEGでも良いと思います。 Photoshopでの作業 次に、Photoshopでの作業に移ります。 余計な部分の除去 そのままス
ShadyMedusaでは、羽・花・蝶・葉・光・紙・フラクタル・フォトフレームなどたくさんのPhotoshop用のブラシを配布しています。 Brushes -ShadyMedusa http://www.shadymedusa.org/ 2008年10月19日 サイトにアクセスできなくなっていました。 一部のブラシは、ShadyMedusa-stockからダウンロードが可能です。 2007年11月22日 「set001-039」のダウンロードは出来なくなりました。 [フィフィさん：情報提供ありがとう]
光が超カッコいいPhotoshopのブラシを色々とまとめてみました。 次のような、サイトに入れると迫力満点の光のブラシ集です。 Abstract Brushset X - Free Photoshop Brushes at Brusheezy! Abstract Brushset XI | Qbrushes - Photoshop Brushes ABSTRACT BUTTERFLY BRUSHES Abstract Brushes Vol 2 - Free Photoshop Brushes at Brusheezy! Abstract ps brushes for Photoshop | Qbrushes - Photoshop Brushes BRUSHES PACK 3 CS4 BRUSHES ECOL BRUSHES Exclusive - Galactic Brushes -
シンプルでくっきりしたデザインのアイコンのベクター素材を紹介します。 カスタムシェイプやRetinaディスプレイ用も完備です。 アイコン全108種類 ダウンロードできる素材のフォーマットは、ウェブ制作者に嬉しいさまざまなものが揃っています。 .psd -プレビュー・シェイプ・Retinaディスプレイ用の3種 .png -そのまますぐにアイコンとして使う用 .csh -Photoshop用のカスタムシェイプ .psd, .pngは、16x16, 32x32, 48x48の3サイズが完備。 PSDはアイコンごとにレイヤーが保持されています。
ウェブデザインのタブーをあえて破ってみるための10のTips
ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。 10 Web Design Rules That You Can Break 下記、各ポイントをピックアップしてお届けします。 はじめに 1. 水平方向のスクロールバーを表示しない 2. フォントの書体は必要最小限の数だけ使用する 3. やたらと多くのカラーを使用しない 4. サイトのゴールを明白にする 5. ナビゲーションは理解しやすいものにする 6. テキストと背景には異なるカラーを使用する 7. コンテンツにはアニメーションを配置しない 8. ウェブ セーフ フォントを使用する 9. スプラッシュ（ランディング）ページを使用しない 10. tableは使用しない はじめに ウェブデザインの進化は、一貫した有用なデザインの保証とともに確立されてきました。そして、あ
多種多様なPhotoshopのカスタムシェイプのコレクション
Smashing Magazineのエントリーから、人物、動物、植物、アロー、シンボル、おもちゃ、スワール、サークル、サンバースト、レトロなど多種多様なPhotoshopのカスタムシェイプのアルティメットコレクションを紹介します。 The Ultimate Collection Of Photoshop Custom Shapes 各画像をクリックすると、カスタムシェイプの形状が表示されます。 People Animals Planes and Boats Guns and Weapons Halloween Shapes Trees Circles Random Shapes Combination Packs People
Photoshop Vip » ウェブデザイン制作で使える、ダウンロードしておきたいPhotoshop用PSD素材50個まとめ
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit
Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit
簡単な作業でWordPressのセキュリティをアップするチップス
ブログツール「WordPress」のインストール時に、簡単な作業でセキュリティをアップするチップスをWP Engineerから紹介します。 Small Security Tipps for your WordPress Install 以下、そのポイントを意訳したものです。 はじめに WordPressの標準のインストールは非常に簡単で、WordPressの人気の要因の一つともいえます。しかしながら、インストールを行う際に少し手を加えることで、不正なアクセスをより難しいものにすることができます。 テーブルのプレフィックス DBで使用するテーブルのプレフィックスを標準の「wp_」から異なる文字列に変更します。 設定方法 「wp-config.php」の「$table_prefix = 'wp_';」の「wp_」を変更します。 認証用ユニークキー WordPressの安全性をアップするために、
Photoshopレタッチビジュアル / 制作動画 こんにちは。 札幌を拠点とし活動中のレタッチャーの大谷キミトです。 またまた久しぶりのnoteです。 １月に書いて以来。 さて今回は文字で説明というよりはこんな感じで作っているよというPhotoshop画面を動画で撮っているので是非参考にしてみてください。 いつも光やエフェクトに意味を持たせたりするのですが、今回はそこまで深く考えずにエフェクトを入れてみました。 なんとなくかっこよくなるように勢いってやつですね。 たまにはそんな勢いで作る絵も良き。 前回の記事はこ
デザイン効率大幅アップ！Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』
世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！ 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！ 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト：Skala Preview, a Mac a
テキストエフェクトのチュートリアル100選 -2008年総集編
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2008年の総まとめです。
Responsive web design tool, CMS, and hosting platform | Webflow
Webflow acquires Intellimize, a website personalization and conversion rate optimization platform.
PhotoShopで最適な画像保存をする為に。ニアレストネイバー法やバイキュービック法でのリサイズやJPEG圧縮などを検証したよ。 / Maka-Veli .com
どうも。某サイトのクオリティにがっかりしてる松本です。 これからは自分らしく普段通り書いていこうと思いますので宜しくお願い致します。 さて、今回はPhotoShopの画質変換・圧縮についてです。 ニアレストネイバー法、バイリニア法、バイキュービック法でのリサイズと、保存時の圧縮率パーセンテージ別、更に写真の特徴なんかとを比較すると何か新しい発見があるかなぁとふと思いましたので検証してみます。そもそも、それ何？という方も、簡単な説目を書いておきますので合わせてご覧ください。 それと「プログレッシブ、プロファイル、カラーマネージメント」なんかが複合的に絡むとややこしいので割愛。 一番シンプルなアルゴリズムなんじゃないでしょうか？ 変更前の座標と、変更後の座標を、ピクセル単位で計算し移動させ、そのピクセルに対して変更前の色を割り当てる。 ドットをそのまま拡大、縮小する ような感覚で
Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 3D Typography Add Fantastic Color to 3D Text – Part I Add Fanta
Upload your creations for people to see, favourite, and share.
落ち着いたデザインにもあうシックなグラデーション、繊細な幾何学柄を使ったパターン、コピーやロゴを鮮やかに見せる背景など、アイデア満載ときめくようなデザインテクニックを使って作成されたものから定番ものまで、無料の背景素材を紹介します。
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
TOP > Design , Photoshop > フリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」 特定の絵柄を敷き詰めていくことができるphotoshopパターン。絵を作りこんでいく上で、自分の構想に近いものがあればかなり便利なツールです。今日紹介するのはフリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」というエントリーです。 650+ Free Photoshop Patterns 様々な種類のphotoshopパターンが集められていて、全部で650種類のパターンがまとめられています。今日はその中からいくつか気になったphotoshopパターンを紹介したいと思います。 詳しくは以下 ■Tileable Starfield Patterns 幻想的な宇宙空間を
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法
ブラウザのウインドウサイズに合わせて、スタイルシートを変更し、レイアウトを最適化する方法をCSS-Tricksから紹介します。 Different Stylesheets for Differently Sized Browser Windows デモではブラウザのサイズを変更すると、それに応じてレイアウトが変わります。
個人ブログでも企業サイトでも新しいサービスを立ち上げる時に重要なのは、ロゴのデザインです。ロゴの作成は、デザインセンスがある人には簡単な作業でも、デザインが苦手な人にとっては悪夢かもしれません。 ロゴのデザインやカラーやフォントを難しいと感じる人は、ぜひこの記事を参考にしてください。ロゴのデザインにとても役立つ23のサイトをご紹介します。 ロゴ・ジェネレーター（ロゴ作成ツール） カラーを選ぶためのツール ロゴ用の無料アイコンがダウンロードできるサイト ロゴ用の無料フォントがダウンロードできるサイト ロゴのアイデアがもらえる情報源 ロゴ・ジェネレーター（ロゴ作成ツール） ロゴ・ジェネレーターはロゴ作成のための一番簡単な手段です。以下のサイトを使えば手早くロゴが作成できます。無料や低価格で利用できるので費用の節約にもなります。 それでは、一つずつご紹介します！ Logaster 会社名と業種を
スタンダードなデザインのアイコンからTwitterアプリ用、Photoshopのオリジナルアイコン、アドビシステムの各ソフトの丸形アイコンまで、カラフルで高品質なアイコンをダウンロードできるのが「Iconsutra」です。 Iconsutra - Icon and UI Design, India http://view.iconsutra.com/ ◆Mobile Me Icons アドレス帳、カレンダー、GPS、アルバム、iDisk、メールなどデスクトップに使えそうな6つのアイコン。ファイルにはMac用のICNS形式、Windows用のICO形式、PNG形式、iContainer形式、PSD形式があります。なお、このアイコンは個人での使用のみが許可され商用、あるいは素材の再配布や販売は許可されていません。 ◆Boolean Icons v1.1 16×16の全110種類のアイコンはエレ
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Mac, Win, Linux対応、Illustratorのようにベクターでイラスト・デザインができる無料のドロー系ソフト、期待上げ！ -Gravit
Mac, Win, Linux対応、しかもブラウザでも動作してしまうベクターベースのデザインアプリケーションを紹介します。 GPLライセンスのオープンソースで、無料で利用できるのも嬉しいポイントです。 Gravit Gravit -GitHub Gravitは優雅なUI、気持ちの良い操作で、複雑なデザインタスクを快適に行えるよう設計されたベクターベースの最先端のデザインアプリケーションです。 現在利用できるのはベータ版ですが、その機能の一端は十分体験できます。
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 6です。 Retro Colors Turning a Picture Vintage Photo manipu
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator.
Nowadays, real estate professionals are increasingly turning to social media marketing as a powerful tool to connect with potential buyers, sellers, and renters. Using platforms like Facebook, Instagram, and LinkedIn, realtors can expand their reach, build brand awareness, and ultimately drive sales. In this article, we’ll explore effective strategies and creative post ideas for successful real es
商用でも無料で利用できる、ライト系ダーク系が揃ったキャンバス地のざらっとしたテクスチャ素材を紹介します。 同サイトでダウンロードできるざらっとした布地、かわいいリネン地、ごわっとしたデニム地なども一緒にご紹介。 Subtle Grunge Canvas Backgrounds 素材の利用にあたっては個人でも商用でも無料で、ウェブページやアプリ、紙などにも利用できます。詳しくは下記のライセンスページをご覧ください。 ライセンス ダウンロードできる素材のフォーマットはjpegで、サイズは2500x1500で高解像度です。 アイテムは全部で10種類。
Silverback Giveaway 一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。 テキストやリストが画像に重ならないように、marginを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h3>Contest Details</h3> <div class="imagery""> <img src="imagery.png" width="205" height="400" alt="Imagery" /> </div> <p>...the introductory paragraph...</p> <ol> <li>...various bullet points went here...</li> </ol> </textar
Photoshop brushes are a great way to add that extra little embellishment to your next project. Browse thousands of unique Photoshop brushes free to download here on Brusheezy. Use the filter options below to browse by version type, popularity and more.
mix-blend-modeというCSSのプロパティ。これはDOM要素を重ねた時の見え方を指定するCSSプロパティです。デザイナー視点だとブレンドモードはごく当たり前に使う機能のひとつ。mix-blend-modeはウェブの表現手法が広がり、デザインの自由度が広がる注目すべきCSSプロパティです。本記事はmix-blend-modeの魅力と使い方をデモを交えて紹介します。 そもそもブレンドモードとは？ ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、XDや、Figmaで搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCS
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのアイデアに困ったら！参考になるさまざまなコンポーネントやレイアウトをまとめた -Call to Idea
妹はVIPPER みんな大好き 谷亮子議員をフォトショマジックで可愛くしてみた
プロレベルのPhotoshopチュートリアル集:phpspot開発日誌
デザインを高速に行える技巧的なPhotoShopアクション集:phpspot開発日誌
AQUA風ボタンの作り方リンク集 - チープカ
羽・花・蝶・葉・光など14種2000以上のPhotoshopのブラシ&画像 -ShadyMedusa | コリス
光が超カッコいいPhotoshopのブラシ色々まとめ:phpspot開発日誌
商用利用無料、小さいながらも細部まで丁寧に作りこまれたアイコン素材 -Crisp Icon Set
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
広告レタッチャーによるPHOTOSHOPテクニック集｜レタッチャー / 大谷キミト｜note
Photoshopでの作業のパフォーマンスを向上させる最適な環境設定のまとめ
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 14
Browsing Photoshop Custom Shapes
背景のデザインに迷った時に！これから使ってみたい背景素材のまとめ
フリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」
ロゴをデザインする時に役立つ！便利なオンラインサービス・無料素材のまとめ23選
無料でダウンロードできる高品質なアイコン集「Iconsutra」
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 6
背景の質感をアップさせる、キャンバス地のざらっとしたテクスチャ素材
一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集
Photoshop Brushes - Free Photoshop Brushes at Brusheezy!
CSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこなそう – ICS MEDIA