How To Create a Trendy Flat Style Nav Menu in CSS
I’ve heard from a bunch of people who found my CSS drop down menu tutorial really useful, so today’s we’re going to build another menu with some fancy hover effects. With the Flat design trend being so popular we’ll use adopt this style for today’s menu by using bright solid colours and clean icons. We’ll be using various must-know CSS techniques so this is a great tutorial for any web designers l
初心者向け、Illustratorで簡単な図形やイラストを描くチュートリアル
イラストレーター（ベジェとかパスとか）って、慣れるとすっごく使いやすいんですけど、なかなか描きたいものをカタチに出来るようになるまでの敷居が高いですよね。イラレを使えるようになりたい方むけに、具体的な例を画像満載で細かく解説してみました。 目次 おさらい 正三角形を描く 吹き出しを描く ハートを描く ウサギのイラストを描く おさらい 私がIllustratorで絵を描けるようになるのに有効だった練習方法 イラレの操作が全然わからない！という方は、まずはこちらの記事からお読み頂けると良いかと思います。今回はこの続きみたいな感じで書いてみます。 基本ツールとショートカット 「コレだけ覚えておけばとりあえずなんとかなる」ツールです。頻繁にツールの切り替えが必要になるので、ショートカットは是非覚えておきましょう。 正三角形を描く ただの三角形なら、ペンツールで適当にぽちぽちぽちっと3点打って、4点
Weekly Design News – Resources, Tutorials and Freebies (N.123)
Every week we publish our Weekly News for Designers – a collection of the latest web design resources, learning guides, opinionated views, and free UI tools that have all been either released or published the previous week. The design community and web technologies move very quickly, and our weekly news is the best way to be kept in the loop.
みんな大好き水着美女で「影」と「光」を描いてみよう - デザイナーのイラストノート
今回は「影」と「光」のお話です。私たちが目にしている立体物には「奥行き」がありますが、平面のイラストでそれを表現するとき「影」と「光」の表現は必要不可欠です。イラストだけでなく、デザインに取り入れることで奥行きのある世界観などを表現できるようになります。 影を描く練習 まずは基本の球体を描いてみましょう。円形を描いてみてください。 …え？描かない？ 球体なんてつまらないから描かない？ わかりました。それではみなさんが大好きな球体でご説明することにしましょう。 え？全然球体じゃないじゃないかって？そうです、今はまだ貧乳…いや、スレンダーな女性ですね。これから影と光を追加して、グラマラスな女性にしていきたいと思います。 影のつき方について、ざっくり説明すると球体にはこのような形で影ができます。手前にせり出してくる部分を避けて丸く影がついていき、光が下に反射する場合は「照り返し」の光があると球体
Create a Magma Hot Text Effect in Photoshop | Envato Tuts+
In this tutorial, we will explain how to create a magma hot text effect in Photoshop using layer styles and textures. Let's get started! Interested in getting your hands on a Photoshop layer style to let you apply this magma texture effect (and several others) straight away? Take a look at the 100 Photoshop Layer Styles Bundle. Tutorial Assets The following assets were used during the production o
Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator | Envato Tuts+
With this tutorial I'll show you how to create a Bazinga text effect made famous by Sheldon from the sitcom The Big Bang Theory in Adobe Illustrator. We'll be using some techniques to add multiple effects to a single shape, also duplicating and copying objects quickly, as well as creating a pattern and even rotating that pattern without disrupting the shape it's applied too. 1. Create a New Docume
Sticky Position (Bar) with CSS or jQuery
The idea of ‘sticky position’ is to make elements on a website stick and remain visible. Those elements will initially be in their position, and then in the event of scrolling down the webpage, their position will be following the scroll. In Facebook, this technique has been applied to their sidebar; when we scroll down the page, you will find that it follows the scroll and thus remains visible. O
イラレで内側ドロップシャドウをアピアランスで作る＆アピアランスこねこね魔女っ子パスファインダー
IllustratorにはPhotoshopのレイヤースタイルのように内側のドロップシャドウがありません。CS6からは効果＞パス＞パスの変形に「オブジェクトの変形」「パターンの変形」があり、これを使うことで光彩（内側）の位置をずらすことで表現しています。CS5以前ではこのオプションがありませんが、「パスの自由変形」で似たような表現が作れます。ただ数値指定ができません。
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Fireworksの共有ライブラリに登録できるソーシャル系ボタン一式にボタン追加してみた。 | Fireworks | サエない日々にさよならを。
ここ最近、Fireworksの本が立て続けに発売されているのを見て、一応Fireworks Loverを名乗っているんだから、この流れに乗って、Fireworksネタできんやろかなーとか思っていました。 そんなところ、ソーシャル系のボタンが変更されたり、増えたりしていることに気づいたので『バージョンUP』という形で改めてFireworksの共有ファイル登録用mxpファイル配布をします。 一応、上画像のものを登録できるようにしております。個人的に主要＆使用頻度が高いだろうなーと思っているものです。 数字はシンボルをキャンバス上に出してダブルクリック、もしくはシンボル解除したら変更できるようにしておりますので、変えたい方はご自由に変えてください（今の数字は超適当に入れてます）。 以前のバージョンは、今後はGitHubで管理していこうかと考えてます。ひとまず、今のところは、前回UPしたファイルは
WordPressで複数のクリエイターが存在するポートフォリオを作る考え方 | バニデザノート
今回の場合は、ポートフォリオの詳細ページと、クリエイターの詳細ページが必要なので投稿タイプに「team」「portfolio」を（以下カスタム投稿＝「post_type」カスタムタクソノミー＝「taxonomy」として表記します。） また、「post_type:team」はカテゴリー分けしておきたいので「taxonomy:creator_type」を ポートフォリオでは「post_type:project」と、「post_type:team」との紐付けがしたいので「post_type:project」→「taxonomy:creator_name」というタクソノミーを連結させてみます。 また、「post_type:team」から「post_type:project」を呼び出すフラグとしてタクソノミー「taxonomy:creator_name」→「post_type:team」にも連動させ
確実に進化してる！レトロ風スタイルのPhotoshopのチュートリアルのまとめ
レトロ・ヴィンテージなかっこいいアートワークを作成するPhotoshopのチュートリアルを紹介します。
How to Create an Andy Warhol Inspired Pop Art Portrait in Illustrator | Envato Tuts+
Andy Warhol's screen print series of Marilyn Monroe portraits were probably the main reason I was interested in creating vector art. He's one of my all time favorite artists so creating a set of portraits inspired by his mass produced art was bound to happen at some point! In today's tutorial I'm going to show you how to create a set of colorful portraits from a stock image base, in a similar styl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
about:blank
Design & Illustration | Envato Tuts+
45 Creative Buttons And Badges Tutorials
新着記事
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
Tutoriallounge-Video Editing Tutorials