2010/11/04 by hayachi
ブラウザのアドレスバーやブックマークについてるファビコン
復習もかねて紹介します。
画像を作る
まず正方形に入るくらいのアイコンを作りGIF、JPG、PNGのいずれかの拡張子で保存します。
Favicon Japan!!で先程作った画像をfavicon.icoに変換します。
配置方法
Headに配置するだけ＾＾
終わりです(・ω・´)
その他の方法で
favicon.ccで１からドットを打ったり画像の微調整などできるけどどうなのだろう？
2010/10/31 by hayachi
css3でグラデーションや角丸の他になんかcss上でデザイン出来ちゃうものあいかなと思い探してみました。
ちょっとメモがてらに紹介したいと思います＾＾
css
#shadow {
width:300px;
height:300px;
background-color:#ffffff;
border:1px solid #ccc;
-webkit-box-shadow:3px 10px 3px #666666;
-moz-box-shadow:3p
続きを読む
2010/10/21 by hayachi
フォトショでグラデーション作るのまんどくせ(・8・)
まじまんどくせ(・8・)
切り出すのもまんどくせ(・8・)
と思い試しにcssだけで作ってみました。
上からのグラデーションの場合
html
大丈夫だ、問題ない。
css
#enoch{
color:#fff;
font-size:20px;
height:100px;
padding:10px;
/* For WebKit (Safa
続きを読む
2010/09/21 by hayachi
以前Photoshopのショートカットキーを紹介しましたがIllustratorもまとめてみました。
Tab
ツールパレットの表示
Shift+Tab
パレットだけ表示切り替え
p
ペンツール
t
文字ツール
Ctrl+n
新規
Ctrl+o
開く
F12
復帰
Ctrl+w
閉じる
Ctrl+Shift+g
グループ解除
Ctr+2
ロック
Ctrl+Alt+2
全てをロック解除
Ctrl+3
選択
続きを読む
2010/09/17 by hayachi
入社して５カ月まだまだ仕事の要領がつかめてない感じです。
少しでも作業の効率を上げるため自分が今まで気付かなかったphotoshopのショートカットキーをまとめてみました。
p
ペンツール
m
選択範囲ツール
t
テキストツール
e
消しゴムツール
b
ブラシツール
[
ブラシサイズ縮小
]
ブラシサイズ拡大
v
移動ツール
i
スポイトツール
Ctrl + Delete
描画色で塗りつぶし
Shift
続きを読む
2010/09/14 by hayachi
初めてiPhoneサイトの制作することになりました。
ゴウさんのiPodタッチをいじりながらこちらのサイトを参考にしました。
サイト
iPhoneデザインアーカイブ
iPhone & Web Design Gallery
素材
Designers Toolbox iPhone GUI
iPhone GUI PSD Version 4
デザインしていてますますiphone欲しくなりました。
ウチのsoftbankのケータイまだ１年しかたってないしな
続きを読む
2010/09/12 by hayachi
みなさん好きなものはなんですか？
というわけでアストロデオでリリースしたtwitterサービスのilikeのロゴができるまでを紹介したいと思います。
ラフを書く
いきなり作るのではなく紙でイメージを固めていきます。
Iを人に見立ててｌで二人が繋がり合っているようなイメージになりました。
似ているフォントを探す
pikoフォント
ついってるフォント
この２つのフォントを参考にしました。
あとはがんばる
ｌの部分はオリジナルなのでイラレのパスでがんばって作って組み
続きを読む
2010/09/09 by hayachi
昨日(？) 見出しとメニューでご紹介しましたが、バナーでも結構変わることがわかりました。
Befor
とりあえず適等にこんな感じのバナーに白ラインを入れると
After
こんなにも違う！なにこれ怖い！
1px…もうわかんない怖い；
軽くトラウマです(笑)
2010/09/09 by hayachi
たった1pxでもクオリティが上がる見出しやナビゲーションの作り方をまとめてみました。
上がグラデーションかけただけの見出しで、下は濃い色のラインと薄いラインをつけた見出しです。
ちょっとわかりにくいですが拡大するとこんな感じです。
ナビゲーションだとこんな感じに立体感が出てボタンっぽくなります。
影がかかっているよう見えますがこれもさっきと同じように薄いグレーを引いただけです。
1pxだけでこんなに変わるなんて…もうわかんない1px怖いです っ(・ω・｀)
2010/09/03 by hayachi
人物を切り抜くとき髪の毛が一番面倒くさいですよね。
自分基本面倒くさがりなのでいつも消しゴムでごまかしています(笑)
さすがにこのやり方はまずいので復習のため紹介します。
今日はこの画像
あれ？この人誰でしたっけ？
そんなことはいいとして早速切り抜いていきましょう
フィルターメニューから抽出を選択します。
絵を書くように囲んでバケツで塗り潰します。
そして抽出した画像がこちら…汚いですね；
すこしはパスも使いやすくなったの
続きを読む
