SINAP | スマホアプリ立ち上げ時の機能・操作説明のチュートリアル画面まとめ
こんにちは、シナップの小茅です。 夏ド真ん中、蒸し蒸しした暑い日が続いていますね。 外でアクティブに行動するもよし、家で涼しみながらのんびるするもよし。 どちらにせよ夏は特に様々なシーンでスマホアプリにお世話になる機会が多いのではないでしょうか。 アプリを初めて立ち上げた際、アプリの機能紹介や操作説明などのチュートリアル画面をよく見かけますが、その方法は様々です。 ちょっとしたアプリ紹介とあわせて、ポイントとなる機能や操作説明を押さえたもの、美しいデザインのものなど、いくつかのチュートリアル画面をピックアップしてみました！ お金を扱うアプリだから信頼と安心がないと使えません。 Moneytreeのチュートリアルではその2つをうまくクリアしているなと思いました。 説明が多くなってしまいそうな商材ですが、機能のポイントをうまく抽出して横スライドで見せています。
デザインの勉強にもなる、高品質なウェブページのPSD素材 -Artfan Design | コリス
ウェブデザインに役立つリソースやチュートリアルを掲載している「Artfan Design」から、個人ブログやポートフォリオ、ビジネスサイトですぐに使えるウェブページのPSD素材を紹介します。
Photoshopでカラフルで夢のような風景を作る方法 / ウェブデザインライブラリー
投稿日：2009年01月23日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopでカラフルで夢のような風景を作ってみたいと思います。 Step1 ： はじめに Step2 ： 新規レイヤーを作成しブレンドモード等を調整する Step3 ： テクスチャを挿入し加工する Step4 ： テキストブラシを使って画像を飾る Step5 ： 完成
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 BIGLOBEのサービス一覧
Photoshop/Illustratorでつくるタイポグラフィのチュートリアル -Part20
Photoshop、Illustratorでつくるタイポグラフィのチュートリアルの紹介です。 ※明記の無いものはPhotoshopです。
ディテールの作りこみも丁寧に解説された、ウェブデザインを作成するPhotoshopのチュートリアル集
最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
単調な背景にノイズをのせて繊細なテクスチャにするチュートリアル
Photoshopの標準機能だけを使って3ステップで、単調なベタ塗りの背景にノイズをのせて繊細なテクスチャにするチュートリアルを紹介します。 Noise Texture in Photoshop 左：ベタ塗り、右：ノイズ有り 下記は各ポイントを意訳したものです。 1. ベースのレイヤーを作成 新規ファイルを作成し、新しいレイヤーを作ります。そのレイヤーにベースとなるカラーを塗ってください。下記は暗いグレー「#272727（原文：142e51）」にしています。 2. ノイズのレイヤーを作成 さらに新しいレイヤーを作成し、ホワイト（#ffffff）で塗ります。[フィルタ]-[ノイズ]-[ノイズを加える]を選択し、量を「15%（原文：25%）」にして「OK」ボタンをクリックします。
illustratorでアイコンを作るチュートリアル40 – creamu
98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作るチュートリアル集です。 かなりクオリティーの高いものが揃っていますね。 Create an Aperture Style Camera Lens Icon Apertureライクなカメラレンズのアイコン How to Create a Shiny Bucket Icon 光沢のあるバケツアイコン Create a Stylized GPS Icon iPhoneアプリに使えそうな、GPSアイコン Tutorial: How to Create a Television Icon かわいい旧式のテレビアイコン How t
https://weska.jp/
当社では、お客様の利便性向上のためのカスタマイズのためにCookie（クッキー）を利用しています。 詳細はクッキーポリシーをご覧ください。「同意する」をクリックしますと、クッキーの使用に同意いただいたものといたします。
Illustrator｜きれいな3Dの棒グラフの作り方チュートリアル - Dynamite Design Blog｜海外Webデザインネタ日本語訳＆作成チュートリアル
前回の『Illustrator｜きれいな3Dの円グラフの作り方チュートリアル』に続くグラフシリーズの第2弾です。 今回はIllustrator（イラストレーター）CS3で、きれいな3Dの棒グラフを作るチュートリアルです。 "棒グラフ"と"目盛" それぞれ別々に『3D・押し出しベベル』効果をかけて、3Dの棒グラフを作ってみました。 まずはAIダウンロード（344KB） 【ステップ1】棒グラフを作る 新規ドキュメント作成『基本RGB、サイズ：800px × 600px、方向：横組』 ツールパレット＞グラフツール＞棒グラフツール（J）を選択。 キャンバスをクリック＞グラフ『幅：400px、高さ：300px』を選択。 グラフの数値を入力する欄が出ます。 左上から適当な数値を入力し、下の画像のように右上の完了ボタンをクリックします。 【今回の入力数値】28、92、148、50 初期設定は、モノクロの
オリジナルの紙のテクスチャを短時間で作成するPhotoshopのチュートリアル
8つのステップで、オリジナルの紙のテクスチャを作成するPhotoshopのチュートリアルをPsdtuts+から紹介します。 Quick Tip: Create a Realistic Paper Texture in 5 Minutes 各ステップのテキストはPhotoshop CS4の日本語版に準じたものに変更しています。また各キャプチャは元記事とは異なり、当方で実践したものです。 Step 1 Photoshop上に、1280x1024pxのファイルを新規作成します。中心に長方形の選択エリアを作成し、「クイックマスクモード[Q]」にします。[フィルター]-[ピクセレート]-[水晶]を選択し、「セルの大きさ」を小さく（3px）に指定し「OK」ボタンをクリックします。[Q]を押して、クイックマスクモードを解除します。 「新規レイヤーを作成[Ctrl]+[Shift]+[Alt]+[N]」し
グラデーションを使用しないでウェブデザインをする方法
なんとなくグラデーションを使用したり、困ったらグラデーションを使用したり、トレンドだからグラデーションを使用したりしていませんか？ グラデーションを使用しないでデザインする方法をBuild Internet!から紹介します。また、グラデーションをより効果的に必然として使用するためのエントリーでもあります。 多くのウェブデザインのブログで周期的にページデザインのPhotoshopのチュートリアルを紹介しています。これらは素晴らしいウェブページを作成するためにグラデーションベースのデザインが一般的であるというおかしな印象を与えてしまいました。こういった記事を書く我々は間違って解釈されてしまう記事を書いたという罪があります。 ウェブデザインはデザイントレンドがどれだけ含まれているかのチェックリストではありません。何を使用するにしても、何をやめて何をアレンジするか学ぶ必要があります。 WeFunc
最近のトレンドを踏襲したウェブサイトを作成するチュートリアル集
最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
イラレラボ illustrator-labo – イラレについてのシノゴノ
新着記事
サイトでグラフを使いたい時に使えるまとめ - DesignWalker
Photoshop VIP
http://www.designwalker.com/2009/10/illustration-tutorials.html
