photoshopの最近のブログ記事

Apple iPhoneモックをフォトショップ(photoshop)での作成方法の紹介です。知っておくといい使えるテクニックについても書いてみました。今回もデータを用意していますので、実際にダウンロードし、開いて確認してみてください。

画像はクリックで拡大縮小できます。拡大した状態でドラッグで移動したりもできます。

iphone_007_image_jpg

フォトショップで作るiPhoneモックのTipsです。画像をクリックすると詳細の説明テキストもみることができます。

以前からエントリーする予定でいたのに、大分と時間を空け遅くなってしまいました。

Tipsも要点のみの説明です(いろんなパターンでTipsを紹介しています。ベストは、画像+2,3行のテキストでシンプルに説明をするといいかも)。

フォトショップ(photoshop)ユーザーの方に、PCの買い替え、再インストールした際に、WEBデザインで使えそうな素材ファイル(グラデーション・ブラシ・レイヤースタイル・パターン)を提供しているサイトなどをリストアップてみました(個人的嗜好によるもの)。

PCがクラッシュ(ハード面)していまい、今現在メインマシンを修理に出している状態。たまたま見つけた特価もの(ノートパソコン)を使ってphotoshop作業を続行しようとしましたが、今まで集めたフリーで使えるphotoshop素材ツール(グラデーション・ブラシ・レイヤースタイル)のバックアップを取っていなかったので、再び設定し直し。また、こんなことがあるのではないかと思い。配布先サイトリストをブログにアップすることにしました。

私の個人的嗜好で正直、そんなに多くはないです。

自分の好きなサイトMicrosoft Windows ホーム ページのメニューを真似して作ってみました。CSS難しいですね。スマートじゃないですが、形になっていると思うのでデータ共に公開します。

microsoftWEBサイトみたいなメニュー

CSSでWindowsVista風のナビゲーションバーを作成するサンプル:phpspot開発日誌『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳のエントリーにつられてエントリーアップすることにしました。

こんな感じのメニューです。マイクロソフトのWEBサイトみないなMENU(別窓表示)

以下XHTMLとCSSとサンプルページと同じファイルとメニュー元画像Photoshopデータおいておきます。よろしかったら使ってみてください。
※尚、データを別々に作成したため、hoverのマージンが異なりますので、若干CSSのマージンが違います。

写真を簡単に秋に模様替えする方法を考えてみました。WEBくらいの解像度と扱われるイメージの大きさを考えれば使えるのではないかと思って紹介しておきます。

photoshop(フォトショップ)-Tips 写真を簡単に秋に模様替え

caption

つい最近Jaiku(Jaiku | YU M)のFriendsでJR東海のそうだ京都、行こうの今年のポスターをクリップしている人がいた。

おーこれはインスピレーションにいいな。季節モノを考えるには持ってコイだ。と思っていろいろ見ているうちに写真を秋に模様替えするテクニックなんかでいい方法がないかと考えた結果。こんな方法もありかもっていうネタです。

今年の夏に京都嵐山に写真を撮りに行きました。そのときの写真を使って簡単に秋に模様替えしてみます。

前回のエントリーphotoshop(フォトショップ) Tips-選択範囲の境界線をぼかすテクニックで最後に取り上げた合成画像の作り方と選択範囲の境界線をぼかすことでの馴染ませ方などを書いてみます。

photoshop(フォトショップ) Tips-合成画像を作る。今回はハンモックとサンセットの写真を合成します。

stock.xchng - Hammock (photo by veralu)_http://www.sxc.hu/photo/320841
stock.xchng - Po^r do sol em Mambo Beach (photo by lauffer)_http://www.sxc.hu/photo/863510

上記のphoto素材(小2枚)を合成して、トップのように仕上げます。大体20分程度の作業です。素材となるphoto素材を探すのに時間がかかります。

日頃からStockphotoなどに目を通しておくと思い浮かんだものをすぐに表現できるようになります。(国内では素材辞典が手頃かと思いますが、同じ素材を使っているサイトを多く見かけます。特に人の素材については、新しい素材集から選んだ方がいいと思われます。)

ウェブページ

   
  

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このアーカイブについて

このページには、過去に書かれたブログ記事のうちphotoshopカテゴリに属しているものが含まれています。

前のカテゴリはMTです。

次のカテゴリはplaggerです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。