Gurus Unleashed » Search Results » mockup

Freebie: Folder Mockup Templates

Tom Ross — Fri, 17 May 2013 17:02:56 +0000

Today we have another great freebie addition for our Designer Toolkit area. The Toolkit is an area where we’ve compiled an ever growing collection of freebies to reward our loyal subscribers and readers. It’s one of the largest freebie areas…

(Read more...)

Flat iPhone 4/5 Mockups (PSD)

Orman — Wed, 08 May 2013 12:00:49 +0000

Categories: Photoshop

Tags: extNewsletterCB

Today's freebie, a set of flat style iPhone mockups, is a sweet contribution from designer Josh Laincz. The pack includes both the iPhone 4 and 5 in a fully layered and scalable format. Nice.RSS Subscribers: Check out the full post…

(Read more...)

Brochure Mockup Free Download

Photoshop Roadmap Tutorials feed — Mon, 22 Apr 2013 14:49:00 +0000

Categories: Photoshop

Tags: extNewsletterCB

Download for free this tri fold brochure template and use it in your designs. The PSD File includes one brochure PSD template that you can see in the preview image. Easy to customize, with the use of smart objects.…

(Read more...)

Wireframes: A Beginner’s Guide

Jay Adrianna — Mon, 18 Feb 2013 15:24:09 +0000

Categories: Photoshop

Tags: extNewsletterCB

Wireframes: A Beginner’s Guide Today we’re going to take a look at an essential piece of any serious web designer’s skill-set: wireframes…. You’ll learn why wireframes are so important, how to use them correctly, and the differences between wireframes

(Read more...)

Free PSD Template: Presentation Folder Mockup

Vladimir Gendelman — Sat, 05 Jan 2013 11:00:32 +0000

Categories: Photoshop

Tags: extNewsletterCB

Convert your print-ready artwork for a standard 9"x12" presentation folder into a visually stunning mockup using this free template from CompanyFolders.com. The template allows you to turn your own custom artwork into a polished representation of your finished product.…

(Read more...)

Resources for creating mockups

Tips & Techniques — Wed, 02 Jan 2013 22:29:52 +0000

Categories: Photoshop

Tags: extNewsletterCB

Here are four tools that I've found useful for creating design mockups and comps: 1. LiveSurface files make it easy to create photo-realistic mockups in Photoshop. See my previous blog post about this valuable resource here. 2. A similar resource…

(Read more...)

WebZap Review: Create 960 Grid Layouts in a Zap

Photoshop Tutorials Editor — Fri, 02 Nov 2012 23:06:27 +0000

Categories: Photoshop

Tags: extNewsletterCB

What is WebZap? WebZap is a Photoshop addon that lets you create web layouts fast. In fact, we were able to create a wireframe/mockup of our layout in minutes! This is one of our favorite Photoshop plugins for web designers…

(Read more...)

Smart Object Logo Design

Diego Sanchez — Tue, 23 Oct 2012 18:48:52 +0000

Categories: Photoshop

Tags: extNewsletterCB

Before starting the tutorial, please download this free Rain Water Drops image by clicking here. Notice that almost any similar image will work, but to follow this tutorial exactly as showed you will need the mentioned resource. If you use…

(Read more...)

Design Mockup Template Pack for Premium Members

Chris Spooner — Fri, 28 Sep 2012 06:00:43 +0000

Categories: Illustrator

Tags: extNewsletterCB

Go Media, the creators of Shirt Mockup and the range of layered apparel mockup templates as part of the Go Media Arsenal are expanding their collection of useful design templates with their new site Mockup Everything. To celebrate the launch,…

(Read more...)

Collaboration in the User Experience Design Process

Marcin Treder — Tue, 07 Aug 2012 08:03:31 +0000

Categories: Uncategorized

Tags: extNewsletterCB

This is the third part of our online course on wireframing and creating design documentation efficiently. In the first part you learnt what the difference between common design deliverables is: wireframes, mockups and prototypes. In the second part you had…

(Read more...)

The Aesthetics of Wireframes and the Importance of Context

Marcin Treder — Tue, 31 Jul 2012 08:46:42 +0000

Categories: Uncategorized

Tags: extNewsletterCB

Welcome to the second part of our online course on wireframing and creating design documentation. Hope you enjoyed the first part and you now deeply understand the difference between the common deliverables of the User Experience Design Process: wireframes, prototypes…

(Read more...)

Wireframing, Prototyping, Mockuping – What’s the Difference?

Marcin Treder — Tue, 24 Jul 2012 10:05:06 +0000

Categories: Uncategorized

Tags: extNewsletterCB

Introduction I’m very happy to welcome you all to the first part of this online course on wireframing and creating design documentation. I hope you’ll all have fun and learn useful, applicable techniques that will make your everyday work life…

(Read more...)

Interactive Prototypes And Time-Savers

DMXzone — Wed, 04 Jul 2012 13:17:35 +0000

Categories: Fireworks

Tags: extNewsletterCB, Fireworks

Without context, it would be difficult for your clients to understand the flow of an app or website in the way you originally planned it. The best way to introduce context is by adding interactivity. By providing an interactive prototype…

(Read more...)

Style Tiles: An Alternative to Full Design

DMXzone — Tue, 19 Jun 2012 09:17:55 +0000

Categories: Dreamweaver

Tags: extNewsletterCB

If you’re like Chris Brown, you’ll agree that the initial design phase of a project can be time consuming, fraught with frustration and rarely meets client expectations at the first approval meeting. What if there was a better way to…

(Read more...)

New (Version 2) Google +1 Buttons (PSD)

Orman — Tue, 20 Mar 2012 16:17:24 +0000

Categories: Photoshop

Tags: extNewsletterCB

Today's freebie is a contribution from young designer Elliot Jackson. Elliot has kindly donated his version of the new Google +1 buttons. Super handy for using within your mockups.RSS Readers: Check out the full post for more info and access…

(Read more...)

Free letterpress business card mockup Action file for Photoshop

James — Mon, 19 Mar 2012 15:00:09 +0000

Categories: Photoshop

Tags: extNewsletterCB

Posted in LinksPhotoshopResourceshttp://artbees.net/free-letterpress-business-card-mockup/Grab this free Photoshop Action file to create a realistic simulation of a letterpress business card. Handy for presenting mockups to clients. Related posts: Business card design inspiration Free photo-fix Photoshop action Your business card is CRAP!…

(Read more...)

Create a Chewing Gum Packaging Design in Photoshop – Tuts+ Premium Tutorial

Tim Kyde — Mon, 06 Feb 2012 15:00:31 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

In this Tuts+ Premium tutorial, author Tim Kyde will explain how to create chewing gum packaging in Photoshop and Illustrator. We will begin by showing you how to create print-ready artwork and then how to render that artwork as a…

(Read more...)

How to Create a Unique Fantasy World Featuring Your Logo

The Photoshop Roadmap News — Wed, 25 Jan 2012 05:35:25 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

In this tutorial we're going to explore some techniques for compositing images to make a fantasy world scene. We'll also look at a method for converting the composition into a creative logo mockup.…

(Read more...)

30 Minute Redesign: Check in Easy

Tom — Sun, 15 Jan 2012 19:01:03 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

Week 75: Check in Easy This week I will be redesigning: Check in Easy. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: This

(Read more...)

30 Minute Redesign: 86 Inventory

Tom — Sat, 07 Jan 2012 15:00:11 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

Week 74: 86 Inventory This week I will be redesigning: 86 Inventory. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The layout itself

(Read more...)

20 Free Wireframe and Mockup Applications

Adrian — Thu, 05 Jan 2012 10:23:47 +0000

Categories: Articles

Tags: extNewsletterCB

Mockup is the visual appearance of any website whereas the Wireframe deals with the contents and the functionality of the site. One of the easiest steps in building a website is by creating a mockup and of course both the…

(Read more...)

32 Pixel Perfect UI Element PSDs

Brant Wilson — Mon, 19 Dec 2011 15:41:16 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

Advertise here with BSAIn this post we have collected some pixel perfect UI element PSDs. If you like these resources you might also want to check out our previous posts below. 50 Free High Quality PSDs 33 Useful Photoshop PSD…

(Read more...)

30 Minute Redesign: OC Deaf

Tom — Sun, 11 Dec 2011 21:05:03 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

Week 73: Yopler This week I will be redesigning: OC Deaf. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The colors are bold

(Read more...)

30 Minute Redesign: Yopler

Tom — Sat, 03 Dec 2011 19:07:29 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

Week 72: Yopler This week I will be redesigning: Yopler. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The overall design is clean

(Read more...)

iPad Application Mockup (PSD)

Orman — Mon, 28 Nov 2011 15:00:26 +0000

Categories: Photoshop

Tags: extNewsletterCB

Today's freebie is a guest submission by Sebastien Gabriel and is, quite frankly, absolutely fantastic. If you're into app/UI design, you'll want to take a look at this!RSS Readers: Check out the full post for more info and access to…

(Read more...)

30 Minute Redesign: Out of Box Pakistan

Tom — Sun, 20 Nov 2011 23:55:27 +0000

Categories: Articles, Photoshop

Tags: extNewsletterCB

Week 71: Out of Box Pakistan This week I will be redesigning: Out of Box Pakistan. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.…

(Read more...)

30 Minute Redesign: DC-Designz

Tom — Sat, 29 Oct 2011 16:20:47 +0000

Categories: Photoshop

Tags: extNewsletterCB

Week 70: DC-Designz This week I will be redesigning: DC-Designz. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The logo is really professional

(Read more...)

30 Minute Redesign: Rogue Aviator

Tom — Sun, 16 Oct 2011 20:47:11 +0000

Categories: Photoshop

Tags: extNewsletterCB

Week 69: Rogue Aviator This week I will be redesigning: Rogue Aviator. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The site is

(Read more...)

30 Minute Redesign: Church Doctor

Tom — Mon, 10 Oct 2011 21:54:19 +0000

Categories: Photoshop

Tags: extNewsletterCB

Week 68: Church Doctor This week I will be redesigning: Church Doctor. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The site includes

(Read more...)

Wireframes to mockups with Fireworks

Fireworks Zone — Mon, 03 Oct 2011 17:42:20 +0000

Categories: Fireworks

Tags: extNewsletterCB, Fireworks

Wireframes are a simple and effective technique for exploring your layout options and demonstrating your concepts to clients Continue reading →…

(Read more...)

30 Minute Redesign: Impressions of Day

Tom — Sun, 02 Oct 2011 00:24:05 +0000

Categories: Photoshop

Tags: extNewsletterCB

Week 67: Impressions of Day This week I will be redesigning: Impressions of Day. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The

(Read more...)

links for 2011-09-22

Visualrinse — Thu, 22 Sep 2011 23:25:34 +0000

Categories: Articles, Photoshop

10 Tips For Creating Website Mockups In Photoshop … Some nice simple tips for using Photoshop for web design. (tags: photoshop tips webdesign process) Wireframe Tools and Tutorials To Speed Up Your Web Design … Wireframe resource overload… Commence Head…

(Read more...)

30 Minute Redesign: Mississippi Realtor Institute

Tom — Sun, 18 Sep 2011 22:54:00 +0000

Categories: Articles, Photoshop

Week 66: Mississippi Realtor Institute This week I will be redesigning: Mississippi Realtor Institute. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The

(Read more...)

30 Minute Redesign: Jump to Jefferson

Tom — Sun, 11 Sep 2011 19:17:55 +0000

Categories: Articles, Photoshop

Week 65: Jump to Jefferson This week I will be redesigning: Jump to Jefferson. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The

(Read more...)

How to make a website layout in Photoshop

The Photoshop Roadmap News — Tue, 06 Sep 2011 04:21:27 +0000

Categories: Articles, Photoshop

This is very important tutorial for those who wanted to make their First ever website project. In this tutorial I'll teach you how you can make your First ever Interface (Mockup) for your project. You will also learn some basic…

(Read more...)

30 Minute Redesign: Cathiegraphy

Tom — Mon, 05 Sep 2011 16:13:33 +0000

Categories: Articles, Photoshop

Week 64: Cathiegraphy This week I will be redesigning: Cathiegraphy. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: Definitely one of the better

(Read more...)

Android GUI PSD

AdobeTutorialz Blog — Wed, 24 Aug 2011 17:43:57 +0000

Categories: Photoshop

Teehan+Lax has released Android 2.3.4 GUI PSD. To help improve design workflow Teehan+Lax made a fully vectorized Android GUI PSD. The template is based on the most popular screen size (normal) and pixel-density (high) using the default Android skin as…

(Read more...)

30 Minute Redesign: UncleDog

Tom — Mon, 15 Aug 2011 21:21:11 +0000

Categories: Articles, Photoshop

Week 63: UncleDog This week I will be redesigning: UncleDog. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The logo is eye catching,

(Read more...)

Mozilla Unveils New Firefox Interface for Firefox 9

DMXzone — Tue, 02 Aug 2011 11:20:54 +0000

Categories: Dreamweaver

Mozilla’s user experience team has unveiled a new and very different look for Firefox. For now we only have some very pretty mockups to feast our eyes upon, but in a couple of weeks Firefox 8 will migrate from the…

(Read more...)

30 Minute Redesign: Cameroon College of Arts

Tom — Sun, 31 Jul 2011 18:06:30 +0000

Categories: Articles, Photoshop

Week 62: Cameroon College of Arts This week I will be redesigning: Cameroon College of Arts. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.…

(Read more...)

Simple Browser Surround (PSD)

Orman — Wed, 27 Jul 2011 14:00:31 +0000

Categories: Photoshop

Today's freebie is a simple little browser surround, something you might use when showing scaled design mockups or displaying your portfolio and so on. A nice little touch. RSS Readers: Check out the full post for more info and access…

(Read more...)

30 Minute Redesign: One Grape

Tom — Mon, 25 Jul 2011 21:12:49 +0000

Categories: Articles, Photoshop

Week 61: One Grape This week I will be redesigning: One Grape. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The header is

(Read more...)

30 Minute Redesign: Little Miss Scarlet

Tom — Tue, 12 Jul 2011 17:50:37 +0000

Categories: Articles, Photoshop

Week 60: Little Miss Scarlet This week I will be redesigning: Little Miss Scarlet. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: I

(Read more...)

30 Minute Redesign: CelebZine

Tom — Sun, 03 Jul 2011 19:13:32 +0000

Categories: Articles, Photoshop

Week 59: CelebZine This week I will be redesigning: CelebZine. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: A really bold colorscheme, which

(Read more...)

30 Minute Redesign: Ink Productions

Tom — Sun, 26 Jun 2011 19:51:20 +0000

Categories: Articles, Photoshop

Week 58: Ink Productions This week I will be redesigning: Ink Productions. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The logo creates

(Read more...)

30 Minute Redesign: Cinema Sharks

Tom — Sun, 12 Jun 2011 22:11:43 +0000

Categories: Articles, Photoshop

Week 57: Cinema Sharks This week I will be redesigning: Cinema Sharks. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The logo is

(Read more...)

30 Minute Redesign: Tech Explorer

Tom — Sun, 05 Jun 2011 16:26:53 +0000

Categories: Articles, Photoshop

Week 56: Tech Explorer This week I will be redesigning: Tech Explorer. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The layout is

(Read more...)

30 Minute Redesign: Design Pointer

Tom — Mon, 30 May 2011 20:36:25 +0000

Categories: Articles, Photoshop

Week 55: Design Pointer This week I will be redesigning: Design Pointer. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The layout is

(Read more...)

Mockup Blister Packaging in Photoshop

Diego Sanchez — Mon, 30 May 2011 13:00:28 +0000

Categories: Photoshop

Advertise hereDesigners and clients often have different ideas about how a finished product should be presented. Designers want to show the finished artwork, clients want to know exactly how their design will look on the shelves. In this tutorial, we…

(Read more...)

30 Minute Redesign: Eliza Web

Tom — Sun, 22 May 2011 17:55:54 +0000

Categories: Articles, Photoshop

Week 54: Eliza Web This week I will be redesigning: Eliza Web. In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.… STRENGTHS: The site isn’t

(Read more...)