タグ

関連タグで絞り込む (5)

タグの絞り込みを解除

WEBデザインとphotoshopに関するtakesukeのブックマーク (15)

  • Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

    takesuke
    takesuke 2007/01/29
    うーん、子供の相手はマジで疲れる。
    リンク

  • 「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP

    たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ

    「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
    takesuke
    takesuke 2007/01/23
    こりゃーインパクト絶大やー
    リンク

  • 【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル


    Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、﹁なんかIT﹂な香りがして、さまざまな企業の﹁ホームページ﹂に採用されていたものです。 時は流れて﹁IT﹂という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに﹁Web2.0﹂があります。これも多少の﹁今更﹂感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
    takesuke
    takesuke 2006/12/07
    すんげぇ～
    リンク

  • http://free-ten.com/

  • ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト


    こんにちは　satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
    takesuke
    takesuke 2006/11/28
    見るのではなく、理解する事が大事だって最近になって思い始めた
    リンク

  • 自由に改造できるPSDファイル同梱の「I Love」Faviconセット

    非常に高品質で商用利用可能なアイコンやベクターアートを配布していることで有名な「N.Design Studio」が今月からおもしろいFaviconのセットを配布し始めました。元素材となったPSDファイルも入っているので、自分好みのFaviconを作ることも可能です。 ダウンロードは以下から。 I Love Favorite Icon 中にはGIFファイルとICO形式のファイルが入っており、名前を変更するだけですぐに利用可能です。中に入っているPSDファイルは「I」とハートマークがそれぞれレイヤーになっており、背景画像の上に乗っている形式です。なので、配布されているミニアイコンをレイヤーに貼って追加することで、好きなデザインのFaviconが仕上がるというわけ。 同じサイトから商用利用可能なアイコンセット「Mini Pixel Icons」がダウンロードできるので、これと組み合わせても面白い

    自由に改造できるPSDファイル同梱の「I Love」Faviconセット
    takesuke
    takesuke 2006/11/16
    Favarite Iconの訳がＦａｖｉｋｏｎかぁ
    リンク

  • フリーのWeb2.0風の16x16アイコンを配布しているサイト集:phpspot開発日誌

    DHTML Site - Free 16x16 Icons 22 Free Essential Icon Sets フリーのWeb2.0風の16x16アイコンを配布しているサイト集。 サイトの彩りやユーザビリティに欠かせないアイコンがフリーということでアイコンが書けない開発者にはうれしい限り。 Silk Icons Mini Icons Sweetie Tango Icon Gallery Web Control Icons IceCons Mini Pixel Icons Gallery 2 Web Icon Set →他にも見る これだけ沢山のフリーアイコンがあるとサイト作りがますます楽しくなりそうです。 フリーですが、ライセンスについては各サイト上の明記を確認の上で使いましょう。

    takesuke
    takesuke 2006/11/15
    課題に活用できるぞ、アイコンアイコン
    リンク

  • 無料で写真プリント Priea

    当サイトは人気漫画の最新話のネタバレや、無料で漫画を読む方法、電子書籍の選び方など素敵な漫画タイムを過ごせる情報をご紹介しています！ 記事は随時拡充していきますので、ぜひブックマークをして簡単にご覧になれるようにしていただけると嬉しいです♪

    takesuke
    takesuke 2006/11/13
    写真が無料でプリントだって
    リンク

  • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE


    Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
    Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
    takesuke
    takesuke 2006/11/13
    どんどん活用しなきゃね
    リンク

  • Photoshop講座・メモ集

    2001年の夏、フォトショップ講座を受講しました。開始と同時にあっという間に、あれこれ小技やらテクニックやらをメモっていたノートがビッチリになってきて、せっかくなので、フォトショップに挑戦を挑んでいる方のために、受講した講座のメモ集を作ってみることにしました。自分のいいマトメにもなるし、一石二鳥！自分でもやり方を忘れて、自らココにアクセスし「ほうほう」と関心するという情けない管理人なのでございます。基本中の基本は省いてありますので、「今日フォトショップを初めて触った」という人にはちと難しいかもしれませんが、ちょっと加工できるようになっている人には、よいメモになると思いますです。 わたしの大好きなフォトショップの先生は「左手を使え」と口をすっぱくして言っていました。一週間とか、一ヶ月単位でもヨイです。便利なショートカットを覚えて、最初は面倒でもちょっと意識して使っていくと、そのうち左手が勝手

    takesuke
    takesuke 2006/11/10
    けっこう便利なページがあるね
    リンク

  • Photoshop使い方サイト:www.fmod.jp

    アドビシステムズ(日本法人) アドビ製品別サポートセンター アドビデザインセンター Adobe Photoshop Exchange* PhotoshopUserTV* COLOURlovers.com* | API* （カラーパレットトップ40で利用） Flickr* | API* （Flickr各コーナーで利用） Google AJAX API（各所に利用） *は英語サイトです。

    takesuke
    takesuke 2006/11/10
    やっと出会えたよ、こんなページに
    リンク

  • Photoshop Tips （Photoshop講座）電光掲示板の文字

    404 Error - Page Not Found. 指定されたページ(URL)は見つかりません GMOインターネットのページへ戻る Copyright (c) 2020 GMO Internet, Inc. All Rights Reserved.

  • Photoshop でつややかな表現をわりと簡単に実現する


    2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー

  • Photoshop Tips - 風景写真をミニチュア写真に加工するには　- by StudioGraphics

    ●ポイント１　－　 [ 調整レイヤー ] 風景写真独特の霞を取り除くために、 [ 調整レイヤー ] の [ トーンカーブ ] と [ 色相・彩度 ] を使って、写真のコントラストを上げて、彩度を強くし、色鮮やかな写真に仕上げます。いつものレタッチよりも、ちょっと大げさに調整してもよいと思います。このレタッチの目的からして、不自然な感じにするくらいの方が、かえってリアルになるわけです。 [ 調整レイヤー ] を使うことで、何度でもやり直すことができます。 ●ポイント２　－　 [ ダスト&スクラッチ ] 玩具っぽい雰囲気を表現するために、背景レイヤーをコピーした [ レイヤー ] に、[ フィルタ ] の [ ダスト&スクラッチ ] をかけて、写真のディテールを潰します。 ●ポイント３　－　 [ 比較(明） ] [ ダスト&スクラッチ ] をかけただけの状態では、あまりにもディテールが潰れ過ぎ

  • [N] Photoshopで写真を○○するテクニック

    ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。 ▼写真をアンディ・ウォーホールのポップアート風に加工する方法 ▼写真からパターン化されたシルエットを作成する方法 ▼Photoshopで写真をポップアート風にする方法 ▼Photoshopで写真をスケッチ風に加工する方法 ▼Photoshopで写真を石像風にするテクニック ▼ホンモノの自動車をアニメ風にするPhotoshopテクニック

    [N] Photoshopで写真を○○するテクニック
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.