アシアルブログ

アシアルの中の人が技術と想いのたけをつづるブログです

デザイン・UI

iCloud風のアイコンを作成する(Fireworks)

こんにちは。和田です。 今回はiCloud風のアイコンをFireworksで作成したいと思います。 オブジェクトは3つだけで作成できるのでとても簡単です。 いくつかバリエーションを作ってみました。 ↓仕上がりイメージはこんな感じです。

非エンジニア出身の新米Webディレクターが覚えておくべき10の用語

こんにちは、鴨田です。 元々WEBデザイナーをやっていたのですが、 最近は何かとディレクションみたいなことをする機会が多く、 その度に色々と分からない用語があるので、少しですがまとめてみました。 自分の説明でよく分からない単語があった場合、各自で…

ウィンドウを捨て、フルスクリーンUIに切り替えたWindows 8

お久しぶりです、田中@LAです。現在、マイクロソフトが開催中のBuild Windowsカンファレンスに参加しています。 Windowsタブレットが登場する近い将来、そのWindows 8が提供するタッチ操作を中心とした新しいUI(Metro UI)に非常に興味があったため、今回B…

2つのオブジェクトで古い紙の質感を作る(Fireworks)

今回は、2つのオブジェクトで古い紙の質感を簡単に作ってみようと思います。

Windows 7 快適化計画

Windows 7を少しでも使いやすくするポイントについて書いていきます。

スマートフォン(iPhone/Android)アプリ制作時に役立つ画像サイズのまとめ

こんにちは、鴨田です。 最近、スマートフォン関連の仕事が多いのですが、 スマートフォン絡みのデザインをするときに、 この画像はどんなサイズだったっけ、 っていうことが多いので、まとめておきたいと思います。

Photoshopを使用した簡単な画像加工を3つご紹介

こんにちは、大橋です。 最近はデザインの仕事を行うことが少なくなってきました。 本日は私自身のリハビリも兼ねて、Photoshopでの簡単な画像加工を3つ ご紹介させていただきます。

3ステップで写真を水彩画風にする方法(Fireworks)

今回は、3ステップ(30秒以内)で写真を水彩画風にする方法をお伝えいたします。 とてもとでも簡単です。 ただ簡単な分、全体的に青みや緑みのある明るい画面で、背景がぼけている(被写界深度が浅い)写真限定です。

PhotoshopCS5新機能「パペットワープ」を使った画像加工

はじめまして。大橋と申します。 昨年の11月からアシアルで、ディレクター/デザイナーとして働かせていただいております。 本日よりブログを書かせていただくことになりました。 今後ともよろしくお願いいたします。 今回はPhotoshopCS5の新機能「パペットワ…

Photoshopで画像加工をするための基本的な使い方

こんにちは、鴨田です。 デザイナーとしては、細々とした仕事でも、 依頼してもらえたら、特に面倒だとか思わずにやるのですが、 依頼する側からしたら、いちいちお願いするのも申し訳ない、 と思っていらっしゃる方もいます。 Photoshopが使用できる環境が…

Fireworksでハ○ーポッター風の”Happy New Year”を描いてみました(ザラザラした質感の鈍く光った鉄)

あけましておめでとうございます。 本年もFireworksネタを出していこうと思いますので、どうかよろしくお願いいたします。 今回は、HP(ハ○ーポッター)風の”Happy New Year”を描いてみようと思います。

簡単に作るiBooks風の壁紙

こんにちは。和田です。 今回はiBooks風の壁紙を作成しようと思います。 今回も難しいことは一切していません。(僕がやっているので…(汗)) また木目のテクスチャも1枚しか使っていないので、簡単に出来ます。 どうか皆様もやってみてください。 ↓出来上…

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

こんにちは、鴨田です。 前々回、Photoshopで壁紙を作りながら、基本的な使い方を覚えるという記事を書き、その続きをまだ書いていなかったので、今回はそのお話をしたいと思います。 いくつかのフィルタの使い方について、ご説明出来ればと思いますが、メイ…

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

「FireworksでiPhone4を作成」の第3弾。 前回までに描いたiPhoneに、ちゃんとボタン類を付け加えました。 どのボタンも、たった4個程度の矩形(オブジェクト)で作れますので、皆さまも作ってみてください。簡単ですよ☆ ↓仕上がりイメージはこんな感じです…

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

こんにちは、鴨田です。 前回はPhotoshopで壁紙を作りながら、基本的な使い方を覚えるという記事を書きました。 今日は、前回の続きをやりますと言いたいところですが、 ちょっと予定を変更してお届けしたいと思います。 最近、大量のaiファイルを指定の大き…

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

こんにちは、鴨田です。 もう9月だというのに、相変わらずうだるような暑さが続いていますね。 席が窓際にあるので、陽が傾くと、微妙に太陽が当たって、灼熱地獄です。 さて、今日はPhotoshopを使って、写真を元に壁紙を作りながら、 基本的なPhothshopの…

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

前々回に引き続き、FireworksでiPhone4を作成してみました。 今回はAppleのサイトで見たiPhone4(斜めから見た)をお手本にしています。 ただ、今回はちょっと長くなりそうなので、ボタン部分は次回に作りたいと思います。 なので、今日はボタンなしのiPhone…

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

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

iPhone4をFireworksで作ってみました

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

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

はじめまして。鴨田と申します。 年初からアシアルにてデザイナーとして働いており、 今日からブログも書くようになりました。 どうぞよろしくお願いいたします。 さて、今日はAndroidにおけるLancherアイコン制作を中心に、 お話をさせていただきたいと思い…

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

皆さんは、ちょっとした図が必要になったとき、どうされてますか? エクセルを使って作成したり、文字を駆使してテキストで作成したりでしょうか。ただ、エクセルだとちょっと大仰だったり、テキストだとちょっと面倒だったりといった場合もあるかと思います…

symfonyの携帯絵文字プラグインを作りました。

symfonyで携帯の絵文字を操作するプラグインを作成してみましたので、今回はそちらをご紹介します。 絵文字の入力を簡易にしつつ、絵文字の相互変換を行えるようになっています。

色が与えるイメージ

お久しぶりです。阿部です。 夏といえば真夏の太陽!「オレンジ」とか「赤」というイメージ、ありませんか? 暑~い感じがしますよね。という事で、今回は「色が与えるイメージ」について書きたいと思います。

CSSでブラウザごとに自動改行を試してみました

こんばんは、笹亀です。 GWはあっというまに終わってしまい、 今日から仕事が始まっている方も多いとおもいます。 さて、本日はCSSでテーブルなどのサイズに合わせて、 自動改行を行わせるものをパターンで比べてみました。 今回、使用したブラウザはIE6.0と…

Fireworks 始めました

はじめまして。4月よりアシアルの一員となりました阿部です。 人生初blogです!ドキドキです!! 私はプログラマーではないので、今回はグラフィックの方で 「スゴイ!」と思ったことを書かせて頂きますね。