タグ

チュートリアルとアイコンに関するdrunkmottyのブックマーク (2)

  • ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのうぇぶ屋

    WEB制作のチュートリアルって当に多いですよね。 でも、当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見

    ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのうぇぶ屋
  • Photoshopの基本機能だけでミニサイズのアイコンを作成するチュートリアル

    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]で、グラデーションを適用す

  • 1