タグ

designに関するriba25のブックマーク (25)

  • 12design

    Graphic Designer, Web designer + engineer, Photographer

  • サイト構築 -JavaScript | コリス

  • http://designaholic.cc/2011/03/webweb21.html

    http://designaholic.cc/2011/03/webweb21.html
  • これは覚えておいたほうがいい!というPhotoshopのブラシ50セット:phpspot開発日誌

    50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources これは覚えておいたほうがいい!というPhotoshopのブラシ50セット。 かなり使えそうなものが多かったのでご紹介します。 クラウド時代の雲のブラシ。何ともリアル 自然のいい感じが出せそうなブラシ ペンキなんかをぶちまけたようなブラシ いろんなタイプの草のブラシ なんか地球爆発してるっぽいブラシ 油絵っぽい感じを出せるブラシ 光がかっこいいブラシ 北斗の拳の髪の毛もかけちゃうヘアブラシ フラクタル 他にも色々あるので是非元エントリを参照してみて下さい。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードでき

  • Photoshop初心者さんが写真のレタッチ(色調補正)などをするために覚えたい機能

    私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは

  • 相手にインパクトを与える名刺のユニークなデザイン81種類

    名刺を初対面の相手に渡すとき、普通の名刺だと普通にそのままスルーされかねませんし、やはりちょっと変わったところがあると相手もよく覚えてくれ、場合によっては「変わったデザインですね!」ということで会話のきっかけになったりもします。特に大きな会社に属しているわけではないフリーの人にとってはある意味、死活問題。が、どういうデザインにすればいいのかというと、「?」となることも多く、結局無難なデザインのままというのもよくある話。 そこで実際にユニークなデザインの名刺をいろいろと見てみましょう。 詳細は以下から。 80+ Creative & Unique Business Cards 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3

    相手にインパクトを与える名刺のユニークなデザイン81種類
  • 名刺にパンフレットにWebサイトまで作れちゃう、Adobeの『Project ROME』がすごい! | ライフハッカー・ジャパン

    『Project ROME』は、Adobe製のオールインワンコンテンツ作成ツールです。これがあれば、CDのジャケットやパンフレット、Webサイトなど、18種類ものコンテンツが作れます。ウェブ版とデスクトップ版の2種類が用意されていて、どちらも無料で使えるので、是非お試し下さい。 以下に使ってみた様子を載せておきます。 まず、Project ROMEにアクセスしましょう。 「CREATE」からテンプレートを選べます。コンテンツはこのようにたくさん作れ、名刺、CDジャケット、アニメーションなども作成可能です。 試しに「CD/DVDジャケット」を作ってみます。 プロジェクトはこんな感じです。いかにも高機能って感じが漂っていますね。最下部には、Flashのようなアニメーションバーがあります。 画像や地図を埋め込んだりと、外部ファイルも取り込めるようになっています。 出力は、画像やPDFなど様々。プ

    名刺にパンフレットにWebサイトまで作れちゃう、Adobeの『Project ROME』がすごい! | ライフハッカー・ジャパン
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net

    Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi

  • Photoshopの切り抜き、選択範囲いろいろ:で、結局どれがいいの?

  • 昨日からネットで大騒ぎ "PhotoSketch"が凄い件:In the looop:ITmedia オルタナティブ・ブログ

    Gizmode, CNET, Mashable と立て続けに記事になり,凄すぎると話題のPhotoSketch。 TwitterでもBuzzりまくっています。 【Twitterで旬な話題を調査できる "CrowdEye" より】 (2009年10月7日データ) それでどんなサービスかというと,ラフスケッチの情報をもとに,それに最適な画像をネットが集めてきて,しかも信じられないほど巧妙に合成写真を完成されるというものです。 開発元は Tsinghua University(清華大学)とNational University of Singaporeの共同チーム。 とにかく,まずこの動画を見てください。 PhotoSketch: Internet Image Montage from tao chen on Vimeo. つまり, ごく適当にイメージを書く。 これに名前をつける。 あとはシステ

    昨日からネットで大騒ぎ "PhotoSketch"が凄い件:In the looop:ITmedia オルタナティブ・ブログ
    riba25
    riba25 2010/09/13
    photoshetch サービスの開始が楽しみ
  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

  • 初心者さんのためのWebサイト制作に役立つリンク集

    2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いのですが、日のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください! ↑私が10年以上利用している会計ソフト! Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

    初心者さんのためのWebサイト制作に役立つリンク集
  • 街並みや工事現場がジオラマみたい!“微速度撮影”の美しい動画 - はてなニュース

    植物の発芽や開花、雲が流れていく風景など、長時間にわたってゆっくり変化していく様子を観察するために使用される「微速度撮影」。天体や気象などの映像で目にしたことがある方も多いはず。この撮影方法を使って、大阪・梅田の風景を収めた映像が、まるでかわいらしいミニチュアのように見えると評判になっています。 大阪・北区の梅田スカイビルにある「空中庭園展望台」から微速度撮影(コマ撮り、コマ落とし)で撮影したこの映像には、工事現場での作業の様子、商業施設「HEP FIVE」にある赤い観覧車が回るところなどが、ジオラマや箱庭のように映し出されています。 ▽ http://www.youtube.com/watch?v=Yrs0YncVJno また、2009年11月29日に撮影されたこちらの映像では、大手百貨店やホテル、ビルなどが建ち並ぶ梅田で、梅田歩道橋の上から撮影した午前1時に行き交う人々や街並み、車の往

    街並みや工事現場がジオラマみたい!“微速度撮影”の美しい動画 - はてなニュース
  • 商用でも無料・ハイクオリティ・解像度高め、と3拍子揃った写真素材配布サイト・4freephotos - かちびと.net

    久々に個人的にありがたいフリー写真 素材サイトがあったのでシェア。配布 されている写真がなかなかクオリティ が高く、使いやすそうです。ライセンス はパブリックドメインみたいですので、 安心して使えますね。 4freephotosは個人や商業サイトなどのプロジェクトに使える写真を共有しようと考えた写真家のグループが運営しているそうです。 クオリティも高く、解像度も横幅1000以上は当たり前っぽいので結構オススメです。ライセンスはクリエイティブコモンズのPublic Domain Toolsを使い、public domainにリンクしてありました。4freephotosにも Using the public domain images found on this website does not require a link back to us, but if you found them

    商用でも無料・ハイクオリティ・解像度高め、と3拍子揃った写真素材配布サイト・4freephotos - かちびと.net
    riba25
    riba25 2010/05/18
     フリーフォト
  • ついにウェブでも有名書体が使える!Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ

    フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

    ついにウェブでも有名書体が使える!Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
  • Illustratorで文章を扱うとき(文字組版) - DTP Transit

    Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置(行頭行末揃え/ジャスティファイ) 禁則 文字組み(約物前後や和欧間のスペースの設定) 逆を言えば、Illustratorではポイントテキスト(文字ツールでクリックして入力したテキストオブジェクト)を前提としています。 デフォルトの[行送り]は、文字サイズの175%に設定されています。「(14.4pt)」のように()付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日語では150-190%程度に設定します。 [段落]パネルの[均等配置(最終行左揃

    Illustratorで文章を扱うとき(文字組版) - DTP Transit
  • photoshopの魅力的なカスタムシェイプ60から本当に使えそうなものをチョイス

    60もあれば、いいのはまぁ、それなりに有るだろうなとは思うのですが、見ても何も感じないものもありました。 感性の違いかもしれませんが、その中で『これは使えそうだ』と思えるものが7つ有りましたのでご紹介。 当に使えそうなカスタムシェイプ とりあえず以下のエントリから。 60+ Attractive Photoshop Custom Shapes いろいろ眺めていて、これだと思えるものをチョイス。 案外少なかった。 カスタムシェイプ事態つかわないからそう感じるんだろうか・・・。 最終的にイラレでって人はあれだけど、photoshopラブリーな人にお勧め。 噴出しシェイプ デフォルトのカスタムシェイプに満足できない+イラストレータまで使うのが面倒な人向けのシェイプ追加。 比較的様々なシュチュエーションで使えるため人気のアイテム。 イラストレータなどで自作して引き伸ばしたりっていうのが面倒な人に

    photoshopの魅力的なカスタムシェイプ60から本当に使えそうなものをチョイス
  • Photoshop Vip » 保存版!背景デザインに使える継ぎ目のないPhotoshop無料パターン素材まとめ

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    Photoshop Vip » 保存版!背景デザインに使える継ぎ目のないPhotoshop無料パターン素材まとめ
  • 手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net

    個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄