<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>My Name is Jay &#187; Design</title>
	<atom:link href="http://www.mynameisjay.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mynameisjay.com</link>
	<description>The Personal Site of Developer/Designer Jay Scullin</description>
	<lastBuildDate>Fri, 25 Mar 2011 21:19:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Matte is the New Shine</title>
		<link>http://www.mynameisjay.com/design/matte-is-the-new-shine/</link>
		<comments>http://www.mynameisjay.com/design/matte-is-the-new-shine/#comments</comments>
		<pubDate>Tue, 05 Aug 2008 16:34:48 +0000</pubDate>
		<dc:creator>JayS</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.mynameisjay.com/?p=150</guid>
		<description><![CDATA[<a href="http://www.mynameisjay.com/design/matte-is-the-new-shine/"><img align="right" hspace="5" width="150" src="http://mynameisjay.com/wp-content/uploads/2008/08/example.gif" class="alignright wp-post-image tfe" alt="" title="example" /></a>I’m always keeping an eye out for trends especially when it comes to web design. Lately I’ve been noticing something very interesting. There is something that almost all of the really “new age” sites have in common nowadays stylistically. Go to sites like Flickr, Twitter, Digg, Vimeo, or Facebook and and you’ll see what I’m [...]]]></description>
			<content:encoded><![CDATA[<p>I’m always keeping an eye out for trends especially when it comes to web design. Lately I’ve been noticing something very interesting. There is something that almost all of the really “new age” sites have in common nowadays stylistically. Go to sites like <a href="http://flickr.com" target="blank">Flickr</a>, <a href="http://twitter.com" target="blank">Twitter</a>, <a href="http://digg.com" target="blank">Digg</a>, <a href="http://vimeo.com" target="blank">Vimeo</a>, or <a href="http://facebook.com" target="blank">Facebook</a> and and you’ll see what I’m talking about. Evidently web designers are starting to move on past their love affair with shadows and gradients.</p>
<p>I noticed this way back when Digg redesigned their site. The site that took great part in that “Web 2.0” look with it’s shiny buttons, soft gradiants and shadowy badges was now stripped of all that stuff, replaced now with something that I thought at the time to look sort of retro.  Now that I see it everywhere, it’s starting to grow on me.</p>
<p><img src="http://mynameisjay.com/wp-content/uploads/2008/08/example.gif" alt="" title="example" width="465" height="100" class="alignnone size-full wp-image-121" /></p>
<p>I can totally understand why this is happening.  I’m sure a lot of it has to do with the fact it’s “in” right now, but that’s not all. One of the main aspects of web design has always been optimising how quickly your page loads. The simpler your graphics are, the quicker they’ll load.  It is kind of ironic, though because while this is happening, bandwidths are increasing to the point where we can watch streaming hi definition movies without any hiccups or loss in quality.</p>
<div id="bh"></div>
<blockquote class="b"><p>Evidently <span class="keyword">web designers</span> are starting to <span class="keyword">move</span> on <span class="keyword">past</span> their love affair with <span class="keyword">shadows and gradients.</span></p></blockquote>
<div id="bf"></div>
<p>What’s the point then? Well it seems while on the surface, websites don’t look all that different than the way they looked back in the day, you have to remember that there is much more going on under the hood.  Along with very large, complex databases and other systems such as scriptaculous or sproutcore, there are many more people surfing the net which means much more demand on your server. </p>
<p>Really, we’re in the same boat we were in back in the late 90’s, just on a much larger scale. As a web designer the challenge will always be to create a site that is light on size, but rich on style. I don’t see this trend going away any time soon.  Have you seen the <a href="http://www.new.facebook.com" target="blank">new Facebook</a>?  Their website was lightweight to begin with. Now it’s just anorexic.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mynameisjay.com/design/matte-is-the-new-shine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>If you want a design job, you may want to read this</title>
		<link>http://www.mynameisjay.com/design/if-you-want-a-design-job-you-may-want-to-read-this/</link>
		<comments>http://www.mynameisjay.com/design/if-you-want-a-design-job-you-may-want-to-read-this/#comments</comments>
		<pubDate>Wed, 09 Jul 2008 19:03:19 +0000</pubDate>
		<dc:creator>JayS</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.mynameisjay.com/?p=144</guid>
		<description><![CDATA[<a href="http://www.mynameisjay.com/design/if-you-want-a-design-job-you-may-want-to-read-this/"><img align="right" hspace="5" width="150" src="http://mynameisjay.com/wp-content/uploads/2008/07/lancomefix-300x206.jpg" class="alignright wp-post-image tfe" alt="" title="lancomefix" /></a>Back in the day I used to think about what interviewing and working for a design job would be like. I would always picture a real laid back agency with bean bag chairs (I don’t know why I always pictured bean bag chairs&#8230;), a wide open studio with lots of Macs and expensive equipment. As [...]]]></description>
			<content:encoded><![CDATA[<p>Back in the day I used to think about what interviewing and working for a design job would be like. I would always picture a real laid back agency with bean bag chairs (I don’t know why I always pictured bean bag chairs&#8230;), a wide open studio with lots of Macs and expensive equipment.  As I found out though, this is definitely not the case.  Yes, there are jeans and expensive things, but there are also four-hour interviews and tests you have to complete before even being considered.</p>
<div id="bh"></div>
<blockquote class="b"><p>I would always <span class= "keyword">picture</span> a <span class= "keyword">laid back agency</span> with bean bag chairs, a <span class= "keyword"> wide open studio</span> with <span class= "keyword">Macs and expensive equipment.</span> get to <span class= "keyword">meet</span> with some of the top <span class= "keyword">agencies</span> around the area.</p></blockquote>
<div id="bf"></div>
<p>I started my job search with this lovely image still in mind, thinking that all I needed was a good portfolio and a resume and all would be well.  I put my site out there, applied to a lot of different places, and sure enough landed a few interviews.</p>
<p>My first interview was about a half hour, then to my surprise had an interview with a second person right afterwards.  By the end of the day I had long chats with about seven employees total.  I was there for nearly four hours before all was said and done. The last person I spoke with gave me what she called a “design test”. I was given the task to create several online advertising campaigns and one online survey.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/07/lancomefix.jpg'><img src="http://mynameisjay.com/wp-content/uploads/2008/07/lancomefix-300x206.jpg" alt="" title="lancomefix" width="300" height="206" class="aligncenter size-medium wp-image-115" /></a></p>
<p>After submitting my work, it was critiqued in a conference call.  After that, I had another day of interviews with the company owners. As it turned out, after all that I did not get a job offer. This didn’t really get me down though.  It was only the first place I applied to.</p>
<p>My most recent interview was even more intense than that first place. Like last time, I had a long interview with many different people.  At the end I was given a test again, but here it was a bit different.</p>
<p>The company is planning on designing applications for the iPhone (awesome!), so they were looking for someone who could work in 3d or 2d. I have experience with both and I am learning to develop for the iPhone, so I offered to work on both tests. I spent about thirty or so hours on them total.</p>
<p>Things went extremely well when I presented my work and had it critiqued. I got along very well with these guys. It was like I was made for this place.  They liked my 2d design so much they said they wanted to use it for the final product. My recruiter told me the job was “in the bag” on the phone as I was leaving. I was psyched. </p>
<div id="bh"></div>
<blockquote class="b"><p>Things went extremely well when I <span class="keyword">presented my work</span> and had it <span class="keyword">critiqued.</span> I got along <span class="keyword">very well</span> with these guys. It was like I was <span class="keyword">made for this place.</span></p>
</blockquote>
<div id="bf"></div>
<p>A week went by and my recruiter reluctantly told me I was not offered this position. Apparently this was because they thought it would take too long to get me up to speed with what they were doing. I&#8217;m still not sure what that meant</p>
<p>At any rate, I’m a pretty optimistic guy.  I don’t look at this as anything to dwell on. The more you work for something, the more you&#8217;ll appreciate it when you get it.</p>
<p>My advice to anyone going through this, or who will be going through this is simple. First of all I am not exaggerating at all. If you want to work as a designer chances are you will have to do everything I talked about here if not more. I find that the best way to go about doing it is to look at these “tests” as a way to polish up your portfolio and improve your interviewing skills because chances are you will go through dozens of these things before you actually land that job. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mynameisjay.com/design/if-you-want-a-design-job-you-may-want-to-read-this/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Upcoming Project: What About Hubert?</title>
		<link>http://www.mynameisjay.com/design/upcoming-project-what-about-hubert/</link>
		<comments>http://www.mynameisjay.com/design/upcoming-project-what-about-hubert/#comments</comments>
		<pubDate>Wed, 14 May 2008 19:08:28 +0000</pubDate>
		<dc:creator>JayS</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.mynameisjay.com/?p=142</guid>
		<description><![CDATA[<a href="http://www.mynameisjay.com/design/upcoming-project-what-about-hubert/"><img align="right" hspace="5" width="150" src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-12-300x116.png" class="alignright wp-post-image tfe" alt="" title="picture-12" /></a>Years ago, I came up with a short story about a turtle who likes to take photos. I’ve been experimenting with several different mediums to try and illustrate this story, but overall it’s never been completed. I really haven’t had the free time to work on it while in school. I tried to use it [...]]]></description>
			<content:encoded><![CDATA[<p>Years ago, I came up with a short story about a turtle who likes to take photos.  I’ve been experimenting with several different mediums to try and illustrate this story, but overall it’s never been completed. I really haven’t had the free time to work on it while in school.  I tried to use it as a basis for several school assignments but I always scrap it for the sake of time.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-12.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-12-300x116.png" alt="" title="picture-12" width="300" height="116" class="alignleft size-medium wp-image-109" /></a></p>
<p>Now that I’m (just about) out of college I think I will finally have the time to realize it to the its full potential.  A while ago I decided to use Maya as my platform because until this point I haven’t been able to spend a substantial amount of time on a project.  Typically in 3d we’d have assignments that are meant to exercise a specific aspect of the program.  The resulting movies end up somewhat bland.  This story will allow me to really push the limits of what I can do.</p>
<p>Right now, all I have are a final sketch of “Hubert”, the main character with the front and side view to use as a template in Maya, as well as a few very rough storyboards and a rough title. I guess the first step would be to develop these story lines a lot more and create concept sketches with color to set the overall look and feel. </p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-22.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-22-300x144.png" alt="" title="picture-22" width="300" height="144" class="alignleft size-medium wp-image-110" /></a></p>
<p>I would expect the final movie to be about five or six minutes long. The nice thing about doing this 3d project on my own is there are no deadlines so I can really pack in the detail.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/hubert.jpg'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/hubert-196x300.jpg" alt="" title="hubert" width="196" height="300" class="alignnone size-medium wp-image-73" /></a></p>
<p>Im psyched to finally be working on this, I’ll keep you posted!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mynameisjay.com/design/upcoming-project-what-about-hubert/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: A clean, reusable Web 2.0 shine</title>
		<link>http://www.mynameisjay.com/design/tutorial-a-clean-reusable-web-2-0-shine/</link>
		<comments>http://www.mynameisjay.com/design/tutorial-a-clean-reusable-web-2-0-shine/#comments</comments>
		<pubDate>Tue, 13 May 2008 20:30:15 +0000</pubDate>
		<dc:creator>JayS</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.mynameisjay.com/?p=140</guid>
		<description><![CDATA[<a href="http://www.mynameisjay.com/design/tutorial-a-clean-reusable-web-2-0-shine/"><img align="right" hspace="5" width="150" src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-11-300x100.png" class="alignright wp-post-image tfe" alt="" title="picture-11" /></a>I came up with this technique when I was creating Photoshop templates at work which called for all sorts of different colored buttons. Typically before this, I created buttons the usual way, combining transparencies with gradients and other elements, and that worked out fine for a few different buttons, but what if you had to [...]]]></description>
			<content:encoded><![CDATA[<p>I came up with this technique when I was creating Photoshop templates at work which called for all sorts of different colored buttons. Typically before this, I created buttons the usual way, combining transparencies with gradients and other elements, and that worked out fine for a few different buttons, but what if you had to do a whole series of different colors and shapes? As it turns out, it’s pretty easy when you utilize Photoshop Styles.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-11.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-11-300x100.png" alt="" title="picture-11" width="300" height="100" class="alignleft size-medium wp-image-101" /></a></p>
<p>Here’s what I did.  Create a new file in Photoshop (File/New) with these dimensions and hit enter or click OK:</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-2.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-2-300x168.png" alt="" title="picture-2" width="300" height="168" class="alignleft size-medium wp-image-93" /></a></p>
<p>Next, using the Type Tool, click somewhere in the white space and type anything.  The font I’m using is Cooper Std, 72pt, color #1b69eb. Position it somewhere near the center.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-3.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-3-300x243.png" alt="" title="picture-3" width="300" height="243" class="alignnone size-medium wp-image-94" /></a></p>
<p>To the bottom right, you should see a list of layers.  Click on the layer with the type on it, then click the “fx” icon on the very bottom.  On the drop-down list, click “Gradient Overlay&#8230;”</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-4.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-4.png" alt="" title="picture-4" width="205" height="175" class="alignleft size-medium wp-image-95" /></a></p>
<p>This brings up the styles palette. By default it will fill your text with a simple black to white gradient.  This is actually what we want to work with. Click on the gradient bar to bring up the Gradient editor.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-6.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-6-285x300.png" alt="" title="picture-6" width="285" height="300" class="alignnone size-medium wp-image-97" /></a></p>
<p>Next, to emulate that shine effect, click and drag the black box or “stop” at the bottom left to the center, or type in 50% click the spot where you dragged the black box to create another stop at 0%.  After that just click once around the middle to create another stop. Set it&#8217;s location to 55%.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-31.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-31-285x300.png" alt="" title="picture-31" width="285" height="300" class="alignnone size-medium wp-image-103" /></a></p>
<p>Click on the stop at 55% and change its color to #999999 by clicking the color box. Click on the stop at 0% and change its color to #7f7f7f. Then click on the diamond shape between the two stops and drag it to 75%. For a sharper shine, I changed the location of both middle stops to 50%. Click OK.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-41.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-41-285x300.png" alt="" title="picture-41" width="285" height="300" class="alignleft size-medium wp-image-104" /></a></p>
<p>This is where the magic happens! Click the Blend Mode drop down menu and change it to “Overlay”.  Take a look at the image.  While the gradient is grayscale, the text stays  blue. You can lower the intensity of this effect by changing the opacity. </p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-8.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-8-300x228.png" alt="" title="picture-8" width="300" height="228" class="alignleft size-medium wp-image-99" /></a></p>
<p>As a final touch, click on “Inner Glow” and copy the settings I have here:</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-9.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-9-300x228.png" alt="" title="picture-9" width="300" height="228" class="alignleft size-medium wp-image-100" /></a></p>
<p>Click on “New Style&#8230;” and save it as whatever you’d like.  Now you can apply the style to just about anything by clicking the icon under the “Styles” tab.  I find it useful when I&#8217;m laying out sites.  It doesn&#8217;t really alter the color scheme, and makes it very easy to create consistant on and off states for buttons.  One downside, however is that it does not work when you use a really saturated color, especially full red.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-81.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-81.png" alt="" title="picture-81" width="194" height="219" class="alignleft size-medium wp-image-107" /></a></p>
<p>You don’t have to stop here. Try playing around with different things such as a subtle bevel and emboss, or outer glow.  I’ve even had some good results using a subtle inner stroke.  Just make sure to save the style.</p>
<p><a href='http://mynameisjay.com/wp-content/uploads/2008/05/picture-71.png'><img src="http://mynameisjay.com/wp-content/uploads/2008/05/picture-71-300x86.png" alt="" title="picture-71" width="300" height="86" class="alignnone size-medium wp-image-106" /></a></p>
<p>Got any suggestions or comments about this tutorial? Leave a comment below or send me a <a href="http://mynameisjay.com/contact">message</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mynameisjay.com/design/tutorial-a-clean-reusable-web-2-0-shine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio Night</title>
		<link>http://www.mynameisjay.com/miscellaneous/portfolio-night/</link>
		<comments>http://www.mynameisjay.com/miscellaneous/portfolio-night/#comments</comments>
		<pubDate>Tue, 13 May 2008 00:59:32 +0000</pubDate>
		<dc:creator>JayS</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Miscellaneous]]></category>

		<guid isPermaLink="false">http://www.mynameisjay.com/?p=138</guid>
		<description><![CDATA[So this past Thursday was Portfolio Night in Boston. It was basically a seminar that takes place simultaneously all over the world where designers get to meet with some of the top agencies around the area. The creative directors from roughly twenty or so of these companies critiques your portfolio. My friend convinced me to [...]]]></description>
			<content:encoded><![CDATA[<p>So this past Thursday was <a href="http://portfolionight.com/aroundtheworld/">Portfolio Night</a> in Boston.  It was basically a seminar that takes place simultaneously all over the world where designers get to meet with some of the top agencies around the area.  The creative directors from roughly twenty or so of these companies critiques your portfolio.  My friend convinced me to go months ago, so I got my tickets then sort of forgot about it up until last week.  I managed to get everything online here and uploaded to their site the day before the event.</p>
<p>I wasn’t sure what I was in for.  I made it there early because I didn’t want to miss anything.  I was a bit worried because most everyone there had a portfolio, like the ones they used back in the day before the internet. Being the geek I am this printed portfolio thing never crossed my mind. Instead I borrowed my girlfriends laptop and was planning to simply show this website to the creative directors.</p>
<div id="bh"></div>
<blockquote class="b"><p>So this past Thursday was <span class= "keyword">Portfolio Night</span> in Boston.  It was<span class= "keyword"> basically</span> a <span class= "keyword">seminar</span> that takes place simultaneously all over the world <span class= "keyword">where designers</span> get to <span class= "keyword">meet</span> with some of the top <span class= "keyword">agencies</span> around the area.</p></blockquote>
<div id="bf"></div>
<p>The event itself was much more laid back than I would have ever expected.  No khakis to be seen, and free drinks all around. In the beginning everyone kind of stood around.  I met up with my friend and a couple other people from our college.  After a few minutes they let everyone know how it was going to go.  At the time on the back of our name badges, we’d have fifteen minutes to talk with each of the three creative directors listed below our designated time.</p>
<p>My time was 8:00p.m., and the event was running late.  That meant I had about three and a half hours to kill.  Then I realized that maybe the place did not have a wifi hotspot set up.  I spent the next hour trying to track down the owner of the place to get a straight answer.  There was wifi, but I had to stand in one small area to use it.  About an hour before my time, I decided to download a local version of my site because I wasn’t trusting the spotty connection. I very carefully held up my girlfriends laptop in that one spot and luckily was able to download my work.  </p>
<p>As it turned out, the internet at the side of the place with the creative directors was perfectly fine. My three interviewers were <a href="http://www.mullen.com/">Mullen</a>, <a href="http://www.onetooneinteractive.com/services/otoi/">One to One Interactive</a>, and I forget what the third one was. Evidently the creative director there didn’t like me or my work too much either, so maybe that’s why I can’t remember where he was from.</p>
<div id="bh"></div>
<blockquote class="b"><p><span class= "keyword">My</span> three <span class= "keyword">interviewers</span> were <span class= "keyword">Mullen, One to One Interactive, and I forget</span> what the third one was. Evidently the <span class= "keyword">creative director</span> there <span class= "keyword">didn’t like me</span> or my work too much either, so maybe <span class= "keyword">that’s why I can’t remember</span> where he was from.</p></blockquote>
<div id="bf"></div>
<p>Internet issues and waiting aside, I’m glad I went.  To me it served as kind of practice for going on design interviews.  I also met some very interesting people who were obviously passionate about what they do. Portfolio night reassured me that I’m going into the right field.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mynameisjay.com/miscellaneous/portfolio-night/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

