Create This Stylistic Mixed-Media Artwork in Photoshop - Photoshop Tutorials
In this tutorial you will learn to create a beautiful composition stock images and custom build shapes in Illustrator. It demonstrates effective usage of Photoshop’s shape layers, smart objects, and masks. By the end of the tutorial you will know more about these techniques. Parts of this tutorial require Adobe Illustrator. Preview of Final ResultsTutorial ResourcesPaper Texture– BashcorpoMain Mod
CSS3アニメーションをらく～に実装！オンラインツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。 簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。 「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。 今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装！オンラインツール7選 Animate
今度こそSEOを極めたい人へ！SEOマスターになるために参考にすべきブログまとめ | creive【クリーブ】
自社サイトを持っているWeb系の会社にとって、SEOは売り上げを大きく左右するため、日々のメンテナンスが欠かせません。 特に検索エンジン経由での自社サイトへの流入は、コンバージョンを高めることに大きく貢献してくれます。 また、最近は、個人ブログでもお小遣い稼ぎをするため、アドセンスなどを貼っている人も多いでしょう。 そんな人にとっても、検索エンジンの順位は決して無視できないため、日頃から意識をして記事を生産しなければなりません。 しかし、グーグルのパンダアップデートやペンギンアップデートと呼ばれる検索アルゴリズムの変更は、毎回毎回予想ができず、場合によっては大幅に順位が下がることにつながる可能性があります。 今回は、常に新しいSEO情報を発信してくれる、SEOに関わる人なら絶対にチェックしておくことをオススメするブログを紹介します。 バズ部 [browser-shot url=”http:
Shumpei Shiraishi's Weblog: Web開発を革命する（かも知れない）Web Componentsという仕様について
2012年12月25日火曜日 Web開発を革命する（かも知れない）Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome（WebKit）がWeb Components（の一部）を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日本語の情報も充実してくると思われますが、本エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Co
レバレジーズ株式会社
社会的に価値あるサービスを、ともに レバレジーズの環境は整ってるとは言えず、時に泥臭くもありますが、地に足ついた事業を展開し、創業時から利益を出し続けています。 まだまだ世界は満ち足りていません。 社会的に価値あるサービスを、誇りある仕事を目指すなら、ぜひ一度弊社に訪れてください。
スムーズにスクロールするカルーセルJavaScript「Just Another Carousel」
ECサイトを中心にわりと広がりつつあるカルーセル。 これを使用することで、省スペースで広がりのある見せ方が可能になりました。 jQueryプラグインの「Just Another Carousel」では、矢印などをクリックしたときだけではなく、要素へのマウスオーバーでもスクロールでき、さらに動きもスムーズです。 sponsors 使用方法 Just Another Carouselからjquery.jac.css、jquery.jac.jsを、またjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="jquery.jac.css" media="screen" /> <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/jav
株式会社サイゾー（Cyzo inc.）
2024.09.30 サイゾー2024年11月号 発売中です。 サイゾー202411月号は、本日発売です。 全国の書店、コンビニにてお買い求め頂けます。 2024.06.28 サイゾー2024年8月号 発売中です。 サイゾー2024年8月号は、本日発売です。 全国の書店、コンビニにてお買い求め頂けます。 2024.04.10 サイゾー2024年5月号 発売中です。 サイゾー2024年5月号は絶賛発売中です。 全国の書店にてお買い求め頂けます。 次号は【6月28日（金）】発売となります。 2023.12.18 サイゾー2024年2月号 本日発売です。 サイゾー2024年2月号は、本日発売です。 全国の書店にてお買い求め頂けます。 2023.09.18 サイゾー2023年11月号 本日発売です。 サイゾー2023年11月号は、本日発売です。 全国の書店にてお買い求め頂けます。
ベジェ曲線が慣れてきた人の為のillustratorの使い方 - kojika17
ベジェ曲線が慣れてきたけど、「アンカーが多い」「時間がかかる」。 春なので、そんな人の為の記事を書いてみました。 ベジェ曲線の基本 ベジェ曲線の基本は、@WebDesignRecipeさんが分かりやすい記事を書いて下さっています。 おさらいで読んでおいた方がいいかもしれません。 Illustrator（Photoshop） のペンツールできれいなパス、ベジェ曲線を描くためのコツ（私流） ハンドルとアンカーと曲線の関係 一般的に、アンカーをなるべく減らせば、いい曲線ができると言われています。 しかし私は、ハンドルをうまく扱えることで、いい曲線ができると思っています。 不要に思えるところでもアンカーは必要ですし、減らしすぎはよくありません。 円を３つ書いてみました。 次のアンカーとハンドルは以下のようになっています。 アンカーが2点でもハンドルを調整するれば、円を描くことができます。 ただし正
Illustrator（Photoshop） のペンツールできれいなパス、ベジェ曲線を描くためのコツ（私流）
Illustrator や Photoshop のペンツール。 初心者の頃は、きれいな曲線が描けなくて悩んだものでした。そんなペンツール、パスの初心者さんのための、ペンツールできれいなベジェ曲線を描くコツを、一連の操作方法とともにまとめてみました。 ペンツールに挫折しちゃった人も、もう一回チャレンジしてみるきっかけになればうれしいです！ ペンツール初心者さんが対象の記事です。 Photoshop や Illustrator のペンツール … はっきり言って私はへたっぴーです。ペンツールは切り抜きをするときやイラストを書く時など、絶対に使いこなしたいツールですよね。ペンツールで描く曲線をベジェ曲線、アンカーやハンドル（後述）も含めてパスって呼んだりもしますが、この曲線が初心者さんにはとにかく難しい …。初心者さん向けの Illustrator の本や Webサイトを見ても、ペンツールできれい
jQueryで作るボタンでスライドするローテーションバナー
Posted: 2010.12.27 / Category: javascript / Tag: jQuery 以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。 html+cssを制作する まずはhtmlとcssですね。 「id=banner」divにはメインとなるローテーションさせる画像をリストで配置。 その下の「id=btn-prev」「id=btn-next」は次へ進むボタンと戻るボタンです。 「id=pagenation」にはページネーションボタンが配置されています。 divがちょっと余分じゃね？ って感じがしますが、横並びでセンター揃えに
画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのスクリプト | Web Mugen
JavaScriptを使ったロールオーバーって大体imgにクラス名を追加するだけで出来るタイプが多いですよね。同じ感じでアニメーションロールオーバーも出来たらいいよね！って思って作りました。きっと同じ様に思っている人もたくさんいるはずだし。。。まー、ソースも綺麗じゃないし、バグだってあるかもしませんが、きっと誰かが素敵に書き換えてくれるでしょう。既にあるかもですが・・・。 Demo ※プラグイン化したものを公開していますのでよろしければ画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのプラグインをご覧下さい。 必要なファイル jquery.js（ver 1.4.3～） 対応ブラウザ Google Chrome Safari4~ Firefox3~ Internet Explorer6~ Opera11 ※Windowsのみの確認です。 コーディング＆設定 HTM
Web Design Laboratory 【 bxslider control 】
ウェブサイト用や携帯待ち受け、Action Scriptを含め独学で学んだFlash中心の作品ストックサイト Flash作品集「Flash Gallery」 このコンテンツの閲覧にはFlash Playerが必要です。お持ちでない方は下記のバナーより最新版Flash Playerをダウンロードして閲覧ください。 li-scrollerここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。 innerfadeここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。 bxsliderここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。 bxslider controlここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。
クライアントワークでよくお世話になっているjQueryプラグインいろいろ
私が仕事で Web制作をする時に、よく利用させてもらっている jQuery のプラグインをまとめてみました。ライセンスは MIT、GPL のものばかりです。デザイン、レイアウト的に汎用性のあるものになっています。また、IE 特有のバグ（透過PNGの黒ずみなど）対策についても少し触れてみました。 Webサイトを作る時に、何かとお世話になっている jQuery のプラグイン。HTML と CSS だけでは表現できないことも、Javascript を使うことでいろいろできるようになりますよね！インターネットを見ていると、本当にたくさんの jQuery のプラグインが公開されています。feed を読んでいても、1日一個くらいは新しい jQuery のプラグインに出会います。どれを使ったらいいか迷うくらい … 。 今回は、そんな数ある jQuery のプラグインの中から、 私がクライアントワーク（仕
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
映画『四十九日のレシピ』公式サイト || 11月9日（土）新宿バルト9、有楽町スバル座ほか全国公開
Loading...
http://supercolortuts.com/create-a-watercolor-logo-in-photoshop/
NameBright - Coming Soon
YUKI HARUYAMA Portfolio Site | 春山 有由希