Photoshop：カメラアイコンの作り方 | Web Creator Clip
今日は、カメラアイコンの作り方をご紹介します。一見、つくることが、とても難しく見えるこのアイコン、実は、たった二枚のレイヤーで出来ています。コツさえ掴めば、十分程で完成させてしまえるので、皆様も、ぜひ、挑戦してみてください！ Step1：白いボックスをつくる ファイル＞新規から、幅：650px、高さ：450pxの新規ファイルを作成します。次に、角丸長方形ツールを選択。幅：144px、高さ：144px、丸み：31px、塗り：グラデーション（設定は、以下画像参照）、の角丸長方形を作成し、レイヤー名をボックスに変更します。 Step2：白いボックスに効果を加える まずは、パターンの定義を行ないます。ダウンロードファイル内にある、pattern.pngをPhotoshopで開き、編集＞パターンの定義、を実行。角丸長方形レイヤーをダブルクリックして、以下効果を加えます。 Step3：レンズをつくる
HTML5やCSS3を使った次世代表現を学ぶのに役立つコードサンプル
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
[Android アプリの UI デザイン] Layer List の作りかたのまとめと Tips | DevelopersIO
Layer List について Layer List とは画像などをレイヤー構成で重ねることができるリソースです。複数の画像をひとつのリソースとして取り扱うことができます。 うまく使うととっても便利ですし、リソースの削減にもなるのでぜひとも使いこなしたいところです。 そんな便利な Layer List の作りかたと Tips をまとめてみました！ Layer List の作りかたの基本 ということで早速 Layer List の作りかたを学んでいきましょう。ご存知のかたは復習がてらにさらりと目を通していただければ幸いです。 お試しとして以下のような2つの画像から構成される Layer List を作ってみたいと思います！角丸の付きの黒いグラデーションの背景に Droid くんが乗っかってるような構成です。 XML で作る XML で作る場合は layer-list タグを使います。そのタグ
![[Android アプリの UI デザイン] Layer List の作りかたのまとめと Tips | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2398c3157fe0985ca54950c69d2a36b2ac7f003/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F04%2Fcatch.png)
開発者がアプリのアイデアをヒラメクための22箇条まとめ
「アプリやサービスを開発する技術はあるが、アイデアが出ない」という開発者たちのために、＠ITで掲載したアイデアの発想につながる記事から抽出して22箇条としてまとめた。 ヒラメキを、すぐ形にできる開発者だからこそ これまで、＠ITでは多くのアプリコンテストを行ってきた。そこで、いつも課題となるのは、「アプリやサービスを開発する技術はあるが、アイデアが出ない」という開発者たちの悩みだ。しかし、本当にそうなのだろうか。 開発者の方がより良いアイデアを思い付くことがあるのでは、ないだろうか。なぜなら、何気ないヒラメキを、すぐに形にできることは重要なことだからだ。 例えば、ライフレシピ共有サイト｢nanapi｣のロケットスタート 代表取締役 古川健介氏へのインタビュー記事「伝えることを考え抜く『nanapi』のUIデザイン」（2011年6月29日、聞き手ホシナ カズキ氏）を引用しよう。 デザインに限
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事