ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。 リンク、使用報告、クレジット記載不要/商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.
ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。 リンク、使用報告、クレジット記載不要/商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.
世の中にあるチュートリアル見まくって、沢山の技術や表現力を得て自分自身のオリジナルへと昇華させようぜ!的な記事を以前書かせて頂いたのですが、この記事を友人にもみてもらい、感想もらったりした結果、中々具体的な作る目的が無いと、チュートリアルとか出さないのが正直な所なのかもしれませんね。「これ、作るぞ!」みたいなやる気というかそういうの。 しかし、色々な人の話しを聞いている中で、以前のチュートリアル記事の中で、アイコンを作るチュートリアルに関して多くの人からコメントを頂きました。「おぉ、アイコンつくるチュートリアルすかー」みたいな。んで、もしかしたら、アイコンという誰しも一度は作ってみようと思う物を通したチュートリアルであれば、結構楽しくスキルアップできるんじゃないかと思った訳です! アイコンであれば色々なところで必要になるし、ミニマルだろうが、ポータルだろうが、コーポレートだろうが、ECだろ
Photoshopの基本的な機能を使うだけで、ミニサイズのアイコンを作成するチュートリアルを紹介します。 How to Design Mini Icons [ad#ad-2] 下記は各ポイントを意訳したものです。 Step 1:新規ドキュメントの作成 Photoshopで新規ドキュメントを作成[Ctrl+N]します。 ここでは、幅:14px、高さ:14px、背景(カンバスカラー):透明、にします。 Step 2:アウトラインを描く 鉛筆ツール[B]を選択し、ブラシのサイズを1pxにします。描画色を暗いグレーにし、ページアイコンのアウトラインを描きます。 直線は、始点で[Shift]を押しながらクリックし、終点でクリックすると描けます。 描いたピクセルを消す時は、消しゴムツール[E]で1px単位でできます。 Step 3:ベースのグラデーション 自動選択ツール[W]で、グラデーションを適用す
ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
Radar Icon in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials カッコいいレーダーのアイコンを作成するPhotoshopチュートリアル 次のようなアイコンを作成するチュートリアルです。リアルでなかなかカッコイイですね。 グラデーションツールを応用して描画していくところは応用してボタンデザイン等にも活用できそうです。 光で立体感を出しているところも使えそうです。 関連エントリ ボタン作成のPhotoshopチュートリアル集 超カッコいい写真加工のPhotoshopチュートリアル集
98125356/ iStockphoto/ Thinkstock かっこいいアイコンを自分で作りたい。 そんなときに参考になるのが、『35 icon design tutorials in Photoshop and Illustrator』。クオリティーの高いアイコンデザインチュートリアル集です。 Photoshopと、illustratorのチュートリアルがたくさん紹介されていますね。かなり細かく解説されているのでわかりやすいのと、psd、ai(eps) ファイルがダウンロードできるものもあります。 How to Make a Professional Buddy Icon in Photoshop Photoshopでスーツ姿の男性のアイコンを作るチュートリアル Icon design tutorial:How to make a Calendar icon iCalのような、カレ
30 articles & tutorials to improve your icon design skills 綺麗なアイコン作成のチュートリアル集がまとまっています。 デザイナーとして1つのスキルとしてあると武器になるかも、なアイコン作成のスキルをこうしたもので磨いておくとよいのかも。 素敵なアイコンを作れる人を見たときは種すごいな〜、と感じてしまいますね。 なかなか難しいところですが、技法を盗みたいところですね。 関連エントリ 綺麗なアイコン作成のチュートリアル集 クリアーなフォルダアイコンを簡単に作成するチュートリアル 立体感がいい感じのブリーフケースのアイコン作成チュートリアル
素敵な質感のあるボタンギャラリー。 あぁ・・・世の中素敵なデザイナーさんっていっぱいいるもんだなぁ等と思いながら、いつか使いそうなのでご紹介。 思わず押したくなるボタン 光沢があって、なにやらツルツルしてると思わず押したくなりそうになります。 全体的なデザインを考えて、「ボタンだけ浮かないように」注意して使う必要があるかもしれませんね。 中でもネタ帳お勧めのアイコンをピックアップ。 ちょっとでも気になった方は以下でいろいろ堪能するといいかも! Ultimate Collection of Free Buttons in PSD Format 1)多数のボタンデザイン 各種多数のボタンデザインが入っているお勧めの一品。 もう色々揃ってるので、これだけあればまぁあとはいんじゃないか的な流れになりそうだけどその辺は個人のお好みで。Adobe風のタグが一押し。 2)Windows7ボタン Wind
光沢のある、かっこいいアイコンを作りたい。 そんなときに参考になるのが、『Create a Shiny Psdtuts+ Folder Icon in Photoshop』。光沢のあるフォルダアイコンを作るPhotoshopチュートリアルです。 600x600pxの新規ドキュメントを作って、角丸長方形ツールでアイコンのベースを描画。上下の中央にガイドを引いて、アンカーポイントの追加ツールでアンカーポイントを追加。パス選択ツールでそれぞれのポイントを選択し、10px程度外に広げる。 グラーデーションを適用して選択範囲を作って、、と細かく解説されています。 選択範囲の扱い方や、消しゴムツールの使い方、透明度の設定等、参考になるところがあるかと思うので、一度見てみてはいかがでしょうか。 Create a Shiny Psdtuts+ Folder Icon in Photoshop 金曜日は斉藤
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Icons are essential in any graphical u
TwitterやFlickrなど、ソーシャルメディアのアイコンを探している。 そんなときにおすすめなのが、『Mega Collection of The Best Free Social Media Icons for Bloggers and Designers』。ブロガー&デザイナーのための、ソーシャルメディアアイコン集です。 ブログ等に便利なアイコンがすごくたくさん紹介されていますね。 Vector Social Media Icons ベクターのアイコン集。制限なく使えますが、リンクバックは必要 Handy Icons 手書き風のアイコン集 Cute Tweeters Icon Set 有名サイトでも使われている、Twitterアイコン集 Web 2 Badges 商用無料でとてもかわいい円形のアイコン集 Function Free Social Media Icon Bonus
TOP > Design , Photoshop > psdでダウンロードできるロゴ素材集「80+ Professional PSD Logos (Fully Customizable)」 ブランドや企業、団体のアイデンティティを確立するために必要不可欠なロゴ。デザインの中でもシンプルですが非常に難しいものですが、今回紹介するのはpsdでダウンロードできるロゴ素材集「80+ Professional PSD Logos (Fully Customizable)」です。全部で80種類ものロゴが集められています。 Audio Guru Sample ロゴデザインを突き詰めている方は、邪道だと感じるかもしれませんが、行良いアイデア、制作スキルが得られそうな、そんなエントリーだと思います。いくつか公開されていましたが、今回はその中から気になったものをいくつか紹介したいと思います。 詳しくは
Web制作において写真やアイコン、 フォントなどの素材があるとかなり 制作が楽になるのは言うまでも ありませんが、そんな素材を配布 しているリソースサイトを大量に ストックしているサイトをご紹介。 BLUE VERTIGO。ここを覚えておけばリソースサイトを探す手間も結構省けるのでは無いかと思います。 有料無料が混在してはいますが、フリーが多い印象です。フォントは有料無料を分けていました。 リソースサイトのストックは多いに越した事ありません。BLUE VERTIGOでは有料無料含めて実に800サイト以上をストックしていますのでこの中からお気に入りを見つけるのも良いかもしれません。 横スクロールで探しますカテゴリは横スクロールで探します。大まかに「Photo(写真)」「ベクター/クリップアート」「フォント」「ロゴ」「サウンド(音源)」「Photoshopブラシ」「POSER(3DCGソフト)
TOP > Design , Photoshop , WebDesign > 商用可!定番シンプルなアイコンセット「108 Mono Icons: Huge Set of Minimal Icons」 WEBサイトのユーザーインターフェイスには欠かせないアイコン。グラフィカルに表現されたアイコンはそれ一つで様々な意味をユーザー与えてくれます。今日紹介するのはどんなWEBサイトでも利用できそうな汎用性のある定番シンプルなアイコンセット「108 Mono Icons: Huge Set of Minimal Icons」です。 全部で108個のアイコンが収録されており、メールアイコン、ユーザーアイコン、ダウンロードアイコンなどなど、WEBで必要なものは一式揃っているといった感じです。収録アイコンの一覧は以下の通りです。 詳しくは以下 配布形式は32×32pxの透過pngとなっています。
制作時間や手間を圧縮してくれる様々なデザインリソースがWEB上で公開されていますが、今日紹介する「 50 Best-Of Designer’s (NEW) Download Picks and Resources」はベクターデータからテクスチャまでデザイナーの為のリソースを集めたエントリーです。 14 Exclusive Floral Stamps Vectors 全部で50もの制作に役立つリソースが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Retro Pattern レトロなパターンのベクターデータ。色使いも雰囲気が出ています。 ■Skeletons スケルトンのベクターデータ。使いどころが難しいですが、なかなか珍しいベクターです。 ■10 Grunge Book Texture 古い本のテクスチャを集めたテクスチ
ウェブサイトでよく使用されるホームや検索やショッピングカートなどのアイコンを描くPhotoshopのブラシとシェイプを紹介します。 Web Icons Brushes(Photoshop用のブラシ) Web Icons Shapes(Photoshop用のシェイプ) 素材はブラシとシェイプなので、サイズやカラーなど好みのものに変更して使用することができます。 アイコンの種類は、下記のようになっています。
アイコンを作ろう。そんな時はこちらのエントリ。 以前紹介した事がある45個のハイクオリティアイコン作成方法も合わせてどうぞ。 わかりやすいチュートリアル抜粋 ボックスアイコンの作成 Vistaボタンアイコン ディスクアイコンの作成 この3点は難易度低め。チャレンジするならこの辺からでしょうか。 とりあえず基本はバッチリだという人は以下の2つ。 バッテリーアイコンの作成 本のアイコンの作成 この二つは覚える事がいっぱいありますね・・・。 他にも多数のアイコンチュートリアルが掲載されています。興味のある方は是非。 22 Extremely Well Written Icon Design Tutorials この他、過去に紹介しているphotoshopで作る45のベストアイコンチュートリアルも合わせてどうぞ。 45+ Best Icon Design Tutorials 被ってるのがあるのはご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く