spice-space WEBサイトや携帯コンテンツに関する便利な記事など紹介するブログ

photoshopチュートリアル

photoshopチュートリアル

ミュージックプレイヤーのインターフェイスチュートリアルです。

見るだけでも色々な技法があり、勉強になります。

Create a Futuristic Music Player Interface in Photoshop

▲

WEB DESIGN データ

WEBサイトを色分けし、さまざまなカテゴリから参考にするWEBサイトを探せます。

サムネイルで一覧表示するので、探しやすさを重点に置き、作成しています。

今後も機能追加予定です。

WEB DESIGN

▲

サクラサーバーからxserverに移転(サクラからバリュードメイン)

つい先日このWEBサイトはサクラのレンタルサーバーからxserverに引っ越しをしました。

その際にやった作業等をメモ代わりに残しておこうと思います。
引っ越し前の状態としてサクラのレンタルサーバーでは、ムーバルタイプ(MT)での運営をしていました。
記事の増加に伴い、再構築に時間がかかるようになったことと、phpで作成されているwordpressに興味があったことから
引っ越しと同時にwordpressでの運営に切り替える。

作業内容

ムーバブルタイプからエクスポートで記事を抽出する

mysqlサーバからMTが入っているデータベースをフルバックアップし、ダウンロードしておく

ドメインの管理をサクラからバリュードメインに移管する

xserverにドメインを反映させ、wordpressを構築する

画像の保存先パスや構造が違うため、ムーバブルタイプでエクスポートしたデータを少し変更する

wordpressにインポートして終了

続き »

▲

動くナビゲーション(メニュー)

cssとjavascriptで実装されている動くナビゲーションです。

動きはとても軽快でとてもシンプルになっています。デモをクリックして実際に見てみて下さい。

デモ

Slide Down Box Menu with jQuery and CSS3

▲

時計をモチーフにしたphotoshopデザイン

Amazing Clock-Stopping Photoshop Manipulations

時計をモチーフにした色々なデザインを紹介します。

続き »

▲

一から作る、photoshopデザイン(幻想的な扉)

素材は一部にしか使わずに大本からphotoshopで作成しています。

光の方向を最後に調整し、幻想的な扉に仕上げています。

Create a Medieval Fantasy Castle Gate in Photoshop

▲

デザインチュートリアル（ボード）

ハイクオリティなボード作成のチュートリアルです。

デザインにつまったときや、素材の作成などに参考になりそうです。

PhotoShopチュートリアル

Create a Bulletin Board With Realistic Shadows, Part 1

Create a Bulletin Board With Realistic Shadows, Part II

▲

写真を素材をうまく使った、デザイン

写真素材をうまく使った素材のデザイン

たんに配置するだけでなく遠近感をつけています。

Quick Tip: Create a Set of Scattered Polaroids

▲

photoshop 写真から人物を消す　チュートリアル

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

簡単な作業で写真から男性を消しています。最後に色調補正でバランスを整えています

photoshop 写真から人物を消す　チュートリアル

▲

photoshopチュートリアル　オーディオプレイヤー

画像付きで順を追って詳しく説明されています。

Create a Sleek and Stylish MP3 Player in Photoshop

▲