Asial Blog

Recruit! Asialで一緒に働きませんか?

デザイン・UIの一覧

簡単に作るiBooks風の壁紙

カテゴリ :
デザイン・UI
タグ :
Tech
Fireworks
iBooks
iPhone
テュートリアル
テクスチャ(縦目)
こんにちは。和田です。

今回はiBooks風の壁紙を作成しようと思います。

今回も難しいことは一切していません。(僕がやっているので…(汗))
また木目のテクスチャも1枚しか使っていないので、簡単に出来ます。
どうか皆様もやってみてください。

↓出来上がりはこんなイメージです。

Photoshopのカラーハーフトーンフィルタの使い方

カテゴリ :
デザイン・UI
タグ :
Tech
Photohshop
カラーハーフトーン
ハーフトーンパターン
フィルタ
1.gif
こんにちは、鴨田です。

前々回、Photoshopで壁紙を作りながら、基本的な使い方を覚えるという記事を書き、その続きをまだ書いていなかったので、今回はそのお話をしたいと思います。

いくつかのフィルタの使い方について、ご説明出来ればと思いますが、メインはカラーハーフトーンフィルタです。

Appleのサイトで見たiPhone4をFireworksで描いてみました-2/2

カテゴリ :
デザイン・UI
タグ :
Tech
Fireworks
チュートリアル
iPhone4
iPhone4出来上がりイメージ
「FireworksでiPhone4を作成」の第3弾。
前回までに描いたiPhoneに、ちゃんとボタン類を付け加えました。

どのボタンも、たった4個程度の矩形(オブジェクト)で作れますので、皆さまも作ってみてください。簡単ですよ☆
↓仕上がりイメージはこんな感じです。

Photoshopのバッチ処理を使って、大量のaiファイルをpngに変換する

カテゴリ :
デザイン・UI
タグ :
Tech
Photoshop
バッチ
拡張子
変換
001
こんにちは、鴨田です。

前回はPhotoshopで壁紙を作りながら、基本的な使い方を覚えるという記事を書きました。

今日は、前回の続きをやりますと言いたいところですが、
ちょっと予定を変更してお届けしたいと思います。

最近、大量のaiファイルを指定の大きさのPNGに変換する、
というとても地味な作業をしたので、
俗に言うPhotoshopによるバッチ処理の解説をしたいと思います。

Photoshopで壁紙を作りながら、基本的な使い方を覚える

カテゴリ :
デザイン・UI
タグ :
Tech
Photoshop
壁紙
p01
こんにちは、鴨田です。

もう9月だというのに、相変わらずうだるような暑さが続いていますね。
席が窓際にあるので、陽が傾くと、微妙に太陽が当たって、灼熱地獄です。

さて、今日はPhotoshopを使って、写真を元に壁紙を作りながら、
基本的なPhothshopの使い方の説明をしたいと思います。

デザイナーの方々には、特になんのTIPSにもなりませんが、
業務でちょっとしたことをデザイナーにオペレートしてもらうのも、
ちょっと気が引けるというような方や、
会社でPhotoshopが使えるけど、持て余してるという方には、
まずここから覚えるといいかもしれません。

Appleのサイトで見たiPhone4をFireworksで描いてみました-1/2

カテゴリ :
デザイン・UI
タグ :
Fireworks
iPhone4
チュートリアル
デザイン
Tech
iPhone4をトレース
前々回に引き続き、FireworksでiPhone4を作成してみました。
今回はAppleのサイトで見たiPhone4(斜めから見た)をお手本にしています。

ただ、今回はちょっと長くなりそうなので、ボタン部分は次回に作りたいと思います。
なので、今日はボタンなしのiPhone4の斜め版です。
(ちょっと変ですかね!?)

↓出来上がりはこんな感じです。

WEBデザイナーに必要な3つの基礎と持っていると役立つ5つの能力

カテゴリ :
デザイン・UI
タグ :
Photoshop
Illustrator
デザイン
Tech
1-1
こんにちは。
アシアルWEBデザイナーの鴨田です。

最近はディレクターとしても頑張っていたりするのですが、
やはり根本はデザイナーなので、デザイナーが持ってると、
役に立つんじゃないかと個人的に思う能力について、語ってみようかと思います。

iPhone4をFireworksで作ってみました

カテゴリ :
デザイン・UI
タグ :
Tech
Fireworks
iPhone
チュートリアル
ステップ-3:ステンレススチールバンドの継ぎ目を作る
先日、iPhone4が発売になりました。

そこで、これからのiPhoneアプリの提案にも使えると思い、FireworksでiPhone4を作ってみました。
ステップ-1~10にまとめたので、皆さんも作ってみてくださいね。
簡単ですよ。
↓出来上がりはこんな感じです。

AndroidにおけるLauncherアイコン、背景画像の作り方

カテゴリ :
デザイン・UI
タグ :
Android
デザイン
アイコン
Tech
図1
はじめまして。鴨田と申します。
年初からアシアルにてデザイナーとして働いており、
今日からブログも書くようになりました。
どうぞよろしくお願いいたします。

さて、今日はAndroidにおけるLancherアイコン制作を中心に、
お話をさせていただきたいと思います。

テキストから図を作成 - Graphviz

カテゴリ :
デザイン・UI
タグ :
Tech
Graphviz
Wiki
PEAR
sample1.png
皆さんは、ちょっとした図が必要になったとき、どうされてますか?
エクセルを使って作成したり、文字を駆使してテキストで作成したりでしょうか。ただ、エクセルだとちょっと大仰だったり、テキストだとちょっと面倒だったりといった場合もあるかと思います。
今回はそんな時に便利な Graphviz をご紹介します。