All posts tagged: psd
Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn
Silver and gray smartphone template screenshot

Silver and gray smartphone cover page template for PowerPoint or Keynote

I don’t know what it is, but somehow I always gravitate to metal textures in all my design work. It’s funny how it works that way, and I swear that I’m not doing it on purpose! But I’ve come to accept that this is my style and I really enjoy experimenting with it and trying to integrate those kinds of textures into whatever it is that I’m doing. With that said, I present to you another presentation cover template with mobile devices over a metallic silver and gray background. It’s actually a variant of this one that I uploaded a few days ago, and it’s interesting to see how that even though the mobile devices are the same, the mood is completely different with just a background swap.

The good thing about this cover page template is that the screen on the forward facing smartphone is blank – so inserting your own screenshots or any other kind of graphic should be really easy. Plus, it will make this template uniquely yours! Just add your elements in Photoshop, save to JPG, and import into PowerPoint or Keynote.

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn
Transparent tubes presentation cover page template

Click to download this fully editable PSD presentation cover slide

Every now and then I go on a huge binge creating abstract background elements and textures to use in my projects, and the transparent tubes that are the main feature of this presentation cover page template are the result of my latest one. I’ve spent about 20 hours this week creating these abstract backgrounds, and I believe it to be well worth my time considering how much mileage I’m going to get from these renderings over the coming months.

This cover page template is definitely one of my favorites so far. The top section is visually rich with loads of transparency and gloss, while the lower portion was intentionally left plain and simple to allow space for a corporate logo or other information. And actually, even though I put the presentation title in the upper section, it would work just as well to leave that area blank and put all the text in the gray section below. I mocked up a version of that and it didn’t look so bad.

All of the text on this presentation cover page template is fully editable, and you can extract the background and import it into PowerPoint or Keynote . Of course you can use it as it is without changes, but I’d encourage you to change it to your heart’s content to make it something that is truly unique and specific to your needs. I always get a kick seeing how people use my work, no matter how extensive the modifications are!

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn
Smartphone presentation cover screenshot

A fully editable presentation cover template in Photoshop format

I recently finished a huge batch of white and black smartphone illustrations, and now I’m starting to find all kinds of uses for them. Case in point: presentation templates! I recently created this cover page template  for some colleagues who were giving a talk on mobile devices and UX design, and it features three large white touch screen mobile phones arranged in a nice composition on a green and gray background. The screen is completely blank on the phone that is facing forward, so you’ll be able to put anything on there that you want (like corporate logos, screenshots, app names, etc). The rest of this slide template is spacious and open as well, so you shouldn’t have any problems fitting in the name of your presentation titles and other information.

I’ve got a lot of different versions of this template in my archives that feature phones of a different color, tablets, and different background colors and textures. I’m still using a bunch of those for some other project related things, but I’ll upload them here once I no longer have a need for them.

By the way, this cover page template is in Photoshop (PSD) format. The text is fully editable and you can change it and move it around however you want. Enjoy!

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn
Presentation cover screenshot

Blue and gray presentation cover template. Click on the image to download it.

I recently created a TON of concepts for a UX-themed PowerPoint template, and there are a lot of leftover designs that I have no idea what to do with. One reason why I have so many is that my client was looking for several templates to use on a rotating basis – which seems to be a smart idea for anyone who gives presentations frequently. It keeps your content looking fresh and your audience interested (especially if it’s the same audience over and over again). The other reason is that I really enjoy creating presentation templates. Variations of these things are very easy for me to produce, and I find myself tweaking forever and telling myself to stop and move on…

This blue and gray cover page template is in a fully editable layered format (PSD), so you’ll be able to move things around and adjust the design however you wish before you import everything into PowerPoint or any other presentation software such as Keynote. It’s very simple, and the premise of the design is that the X from “UX” becomes sort of an abstract graphic element and part of the visual structure of the slide. The good thing is that it’s abstract enough that you can even use this template even if you don’t need to have a User Experience theme.

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn
Website template preview

Fully editable gallery website template in Photoshop (PSD) format

When it comes to visual design, I often try a lot of different things before settling on one clear direction. This photo gallery website template is one such example. I created it back in 2009 just as I was starting to plan the Norebbo online presence, and as you can see, I was actually thinking about building my own custom image gallery site. I was pretty excited about doing everything myself and created three page templates in Photoshop before I realized how much of a nightmare it was going to be without a CMS (content management system) behind it to manage everything. I’m not code guy at all, so while I wouldn’t have any problems building the structure in HTML and CSS, I would have a ton of issues managing it over the long term. That’s when I discovered the power of WordPress, and the rest is history.

This website template includes a homepage, gallery page, and text page. It was designed to showcase a large collection of images in a very clean and simple way, making them the primary focus of the design. It’s built around a simple grid system, with rectangular modules that can be inserted and removed however you want to do it. There’s even blank modules for advertising images and banners.

Now that I have no need for it, I thought I’d offer it here to anyone who would like to use it. And sorry, HTML and CSS is not included. That’s probably just as well because I’d imagine you’d want to do a lot of personal customization to it anyway.

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn

One of the advantages of working with a picky client is that I usually end up with a lot of cool “extra” graphics and parts that don’t make it into final design layouts. Such is the case with these progress bar designs. It’s actually just one design – the top version is the active state, and the bottom is the inactive state. My thought was that when the progress bar became active (per my client’s specs), it would be visually enhanced to show an outer glow, glossy reflection, and status text beneath. An added bonus would be a tag-style callout to show critical points or information.

You could probably do anything you want with the colors – as a matter of fact, I tried this in a multitude of vibrant tones and it held together pretty well. But it just so happened that my client’s UI is dark gray.

Even though I designed these to be download progress bars, they would also work well to be loading indicators too.

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn

Designing parts and pieces for touch screen mobile devices is a lot of fun. As a matter of fact, it’s pretty much all I’m doing these days – not really by choice, but mostly because it’s a hot sector right now that everyone its trying to get in on. Seems like most of my incoming work requests are from folks designing a mobile app.

Anyway, here are three different styles of a simple on and off toggle switch that I was recently working on. The goal was to design a list item that could be turned on or off (think of a settings menu). It’s difficult to think of new ways of doing such common every day buttons and switches, but I really like my horizontal light switch concept (at the bottom of the page).  It fit really well with my clients UI, but we both felt that it was a bit too over the top and not as simple as a simple slider element. So I tried two versions of sliders: a small one that fit directly within the list item, as well as a version that made the entire list item the slider. I also made one more concept, but I can’t show you that because that’s the one they picked…

Anyway, click on the image above to download the fully editable Photoshop PSD file.

Digital Book
Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn

A few months ago I built a 3d illustration of a generic tablet computer, and I used it as the basis for a large collection of royalty-free stock images. I often receive requests for a version of just the tablet by itself, so I thought it was time to do something about that. For all of you who have requested it, here you go!

I left the screen completely blank, so you can do whatever you want with that. And don’t worry – the reflection is on a separate layer so it won’t interfere with whatever you’d like to put on the screen.   Note: you will need Adobe Photoshop to view and edit this file.

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on LinkedIn

Most people probably don’t know this, but my bread and butter is website design. That’s what I spend the most of my time doing, and I have a full list of great clients who keep me very busy. And like any other busy web designer, I’ve got my fair share of web templates and website elements that never made it to final production. Case in point: these five website banners. They were part of a large collection of concepts I made for a client a while back, and these are the rejects. Shame to let them go to waste, right?

Feel free to download and use however you wish. They are all fully editable (requires Adobe Photoshop).