[B! webデザイン] peki2のブックマーク

サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材30個まとめ 2016年10月度

Bootstrapなどのフレームワークの登場によって、ウェブサイト制作は以前よりも手軽に、そして身近になってきています。特にデザイントレンドをうまく採用したHTMLテンプレートを利用することで、モバイル端末へのレスポンシブ対応はもちろん、簡単にサイトデザインを作成できるようになっています。今回は、無料ダウンロードできる新作HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。今後のデザイン制作に活用してみてはいかがでしょう。詳細は以下から。サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材まとめ Material Design for Bootstrap Google 公式のデザインガイド「マテリアル・デザイン」をコンセプトに、人気フレームワーク B

peki2 2016/10/18

あとで

リンク

Mobile App Introduction Template·フラットUIが格好良いモバイルアプリ紹介ページ用テンプレート MOONGIFT

Webページのテンプレートと言えば汎用的なものが好まれますが、ちょっと物足りないと感じることも多々あります。そんなときにはいっそのこと、特定の目的に合わせたテンプレートを選ぶのも良いです。 Mobile App Introduction Templateはまさに目的が明確で、モバイルアプリ紹介ページ用のテンプレートになっています。今時の画面デザインで紹介ページを作成する際にはぜひ！ Mobile App Introduction Templateの使い方こちらがメイン画面。フラットなUIで格好良いですね。機能説明ページ。アニメーションもあります。スライド式の説明ページ。もちろんレスポンシブなデザインです。スクロールすると表示されるツールバー。 Mobile App Introduction TemplateはTumblrに似たカラーリングのテンプレートになっています。後はアプリの

peki2 2014/11/10

webデザイン

リンク

Photoshopで手書き風の鉛筆タッチなイラストを描いてみよう！ | SONICMOOV LAB

こんにちは！イラストレーターのあんみです。最近はデジタルで手描き風にイラストを描くことにひっそりはまっています・・・！アナログのような表現ができるブラシを作ることが楽しいです＾＾こちらの鉛筆ラフですが、実はPhotoshopで描いています。今回はこのように鉛筆でスケッチを描いたように見せることができるブラシの作り方をご紹介しようと思います。 PhotoshopのバージョンはCS6です。鉛筆ブラシの作り方メニューの「ウィンドウ」→「ブラシ」を開き「楕円（ハード8）」を選択します。「シェイプ」「滑らかさ」にチェックします。「テクスチャ」にチェック ●パターンピッカーを開く→右上の三角▼をクリック→アーティスト→「麻布」を選択 ●「反転」にチェック ●拡大・縮小「50％」 ●明るさ「-10」 ●コントラスト「42」 ●「描点ごとにテクスチャを適用」にチェック ●描画モード「減算」