Posts Tagged ‘Inspiration’

May 11th, 2013

35 Creative Booklet Designs for Inspiration

Booklets are an important and creative medium of advertisements that is used by different kinds of organization for promoting the range of products and services offered by them before the prospective clients. Moreover, manuals that come with different products are also in the form of booklets. Therefore, these advertising mediums must have an eye-catching design so that it can draw the attention of the prospective clients and induce them to read it. These are usually distributed along with magazines, journals, newspaper and even with different kinds of products.

In this blog post we have collected thirty five beautiful and creative booklet designs that were appreciated by the users. These designs will be a good source of inspiration for the designers. It will help them to get an overview of the different styling that is in vogue in the recent time and thereby motivate them to come up with a unique creation on similar concept. Booklets can be of any shape or size; the designers have the full liberty to show off his creativity. He just needs to keep in mind that the end result is attractive and spectacular so that it draws the attention of maximum number of clients.

All the booklet designs posted in this article are one of its kinds and come in a variety of attractive color combinations. Make the best use of these awesome examples to come up with your own exclusive design. Share this beautiful collection of booklets and post us about the ones you like most. Enjoy!!

1. Veritas. Euro booklet

CBDI 01

2. Djur

CBDI 02

3. Boutica booklet

CBDI 03

4. Tender Moments Booklet

CBDI 04

5. The Diana Camera

CBDI 05

6. Custom Designed Band

CBDI 06

7. APT 2002

CBDI 07

8. Ravensbourne

CBDI 08

9. Type Factory

CBDI 09

10. Booklets H&S Campaign

CBDI 10

11. Ultimate Pho Accordion Booklet

CBDI 11

12. All is full of…

CBDI 12

13. Meta Czarna

CBDI 13

14. konafa games booklet

CBDI 14

15. Coffee booklet

CBDI 15

16. Briko

CBDI 16

17. Super Motor sports 2012

CBDI 17

18. 4FM Media Booklet + Folder

CBDI 18

19. Trollbeads Booklet

CBDI 19

20. Kiosk 37

CBDI 20

21. Booklet for California College of the Arts

CBDI 21

22. Undergraduate Portfolio

CBDI 22

23. Some Thoughts on Design

CBDI 23

24. Type Specimine Booklet

CBDI 24

25. The Intertwine

CBDI 25

26. The silent world

CBDI 26

27. TV Audio Booklet

CBDI 27

28. Alba

CBDI 28

29. Gentlemen’s club

CBDI 29

30. Welcome Booklet

CBDI 30

31. Booklet

CBDI 31

32. 7th Sem Project Booklet Cover

CBDI 32

33. Passport booklet design

CBDI 33

34. Booklet-Dynasty Antique

CBDI 34

35. Yeltzi CD Booklet

CBDI 35

You are subscribed to email updates from Web Design Blog, Web Designer Resources
To stop receiving these emails, you may unsubscribe now.
Email delivery powered by Google
Google Inc., 20 West Kinzie, Chicago IL USA 60610

May 4th, 2013

Sites of the Week: AppFog, Enigma, Unheap and more

Sites of the Week: AppFog, Enigma, Unheap and more

The collection of sites we made today is full of nice services and stuffs for you can use some day, such as AppFog and Unheap. Also, a special mention to Enigma, who won the TC Disrupt this week! Check out these and other sites in the whole selection, share with us what you think and stay tuned for the next week!

Take a look on all the other sites we're featuring today. Also you can keep sending me your suggestions via Twitter twitter.com/learnertuts and include sites in the message.

DESIGN / CSS

AppFog - appfog.com

The Best Public Cloud PaaS, Now Available on Private Clouds.

AppFog

Flipboard - flipboard.com/

Now You Can Create Your Own Magazines on Flipboard.

Flipboard

APP / WEB APP / SERVICE

iDoneThis - idonethis.com

Reply to an evening email reminder with what you did that day. The next day, get a digest with what everyone on the team got done

iDoneThis

Enigma - enigma.io

Enigma empowers the discovery of hidden facts and connections across the universe of big public data.

Enigma

COMMUNITY / PORTAL / STORE / EVENT

Microlancer - microlancer.com

Fast and affordable digital services. Microlancer simplifies the process getting small jobs done right by providers you can trust.

Microlancer

Unheap - unheap.com

We’ve put a lot of effort into organizing, categorizing, thumbnailing and tagging plugins on our site and making sure things are as consistent as possible.

Unheap

STUDIO / PORTFOLIO / BLOG

Sensorama - sensoramadesign.com.br

We are specialized in surprise you with surrounding and intuitive interface.

Sensorama

Map Icons Designer - webiconset.com/map-icons

Map Icons Designer is a set of 200 Map icons in PSD Vector Shape & PNG format. They can be used as Google Map Icons, Location Markers, Point of Interests (POI) on any Maps.

Map Icons Designer

THEMES

907 - themeforest.net

Great one page WP theme with tons of options and features.

907

Designy - themeforest.net

Good for everyone: Portfolio, Marketing, Business, Corporate, Creative, Blog – there are so many options the possibilities are endless!

Designy

April 27th, 2013

Inspiring Examples of Negative Space in Logos

When properly applied, the negative space effect can result in a clever and elegant logo. Negative space is the empty space between the main elements of a design and good designers know how to take advantage of this to create something that is memorable and captures the imagination. So, today we gathered some inspiring examples of negative space in logos to show you.

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

April 26th, 2013

What’s new for designers

The February edition of what’s new for web designers and developers includes new web apps, jQuery plugins and JavaScript resources, productivity and project management tools, CMS’s, CSS and HTML frameworks, web development tools, and some really great new fonts.

Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.

As always, if we’ve missed something you think should have been included, please let us know in the comments. And if you have an app or other resource you’d like to see included next month, tweet it to @cameron_chapman for consideration.

Dropzone.js

Dropzone.js is an open source, simple drag and drop file uploader with image preview. It’s easy to set up (especially if you use Component, as you can add it as a dependency) and implement as either a form or programmatically.

 

Flowtime.js

Flowtime.js is a framework that makes it easy to create HTML presentations or websites with full page fluid layouts, multiple navigation controls, transitions, parallax support, and more.

 

Notism

Notism is a great tool for working on visual content with a team. You can upload, stack, and review visual project ideas, create working prototypes of static templates, discuss drafts, and more. There are even tools for signing off on layouts.

 

Dropify

Dropify makes it easy to make files available for download on your Facebook fan page. There’s a free plan available (which doesn’t offer Like-gating), as well as premium plans. It’s great for artists, authors, creatives, brands, and small businesses.

 

Onepager

Onepager lets you easily build simple websites for small businesses. The resulting sites work great on both desktops and mobile devices, are cloud-hosted, include custom form capability, and are search-engine friendly. Starter sites are only $8/month, with more robust plans available.

 

Cashboard

Cashboard makes it easier to run your business. It includes project management tools, tracking of time and expenses, invoicing, and even payment acceptance. The free plan offers support for one employee and two active projects, while the premium plan offers more features.

 

Kirby

Kirby is a file-based CMS that’s easy to setup and use, and incredibly flexible. It uses your design and your templates, doesn’t require a database, and supports Markdown syntax, among other features. It’s just $39 per site.

 

QuoteRobot

QuoteRobot makes it easy to create professionally designed proposals, invoices, and quotes. It works well with Highrise, FreshBooks, SalesForce, Google Apps, and Xero, and only costs $10/month after the 30 day free trial.

 

Dispatch

Dispatch is a tool for organizing teams and projects. It works with the things you already have in Dropbox, Google Drive, Evernote, and Box. It includes full previews that stay up-to-date within Dispatch so you don’t need to download or update manually.

 

Reamaze

Reamaze is a cloud-based helpdesk that works through email, Facebook, or Twitter. It includes support for response templates, has collision detection, and conversation tagging.

 

Hint.css

Hint.css is a SASS tooltip library which uses only HTML/CSS (no JavaScript) for creating simple tooltips using data-* attribute, pseudo elements, content property, and CSS3 transitions. It degrades gracefully without any transitions in browsers where CSS3 transitions aren’t supported.

 

Mueller Grid System

Mueller is a modular grid system based on Compass that works for both responsive and non-responsive layouts, with full control over column width, gutter width, baseline grid, and media queries.

 

Extra Strength Responsive Grids

Extra Strength Responsive Grids is a grid system that includes a fluid percentage-based layout, media queries, easy alignment, nested grids, and more. It’s great for prototyping and is SASS-enabled.

 

Ink

Ink is an easy to use toolkit for creating web interfaces. It uses HTML, CSS, and JavaScript for building layouts, displaying common interface elements, implementing content-centric interactive features, and more.

 

Top Drawer

Top Drawer uses CSS3 transitions to smoothly reveal menus, rather than JavaScript animations. It uses Modernizr to detect browser compatibility for CSS3 transitions, and uses JavaScript as a fallback.

 

Cool Kitten

Cool Kitten is a beta framework that includes HTML, CSS, and JavaScript files that’s responsive and includes parallax scrolling support.

 

scrollUp jQuery Plugin

scrollUp is a lightweight jQuery plugin that lets you add “scroll to top” functionality to any website.

 

Mobile Chief

Mobile Chief is a free mobile site plugin that includes custom elements and Font Awesome integration, and is built on HTML5 and CSS3 for a consistent experience across mobile devices.

 

Textillate.js

Textillate.js is a plugin for CSS3 text animations that combines a number of awesome libraries to provide an easy-to-use plugin. All you have to do is include it and its dependencies in your project and then start creating awesome effects.

 

Flight

Flight is an event-driven JavaScript framework that maps behavior to DOM nodes, from Twitter. It uses ES5-shim and jQuery, as well as an AMD implementation like loadrunner or require.js.

 

Chime

Chime is a Google Chrome extension that aggregates all of your notifications across various social media channels, including Reddit, Gmail, Twitter, Facebook, Flickr, and more.

 

Cloudship

Cloudship is a task management and note taking app that lets you easily collaborate with your team. It’s simple to use, with support for nested tasks, attaching files, time tracking, and more.

 

Conditionizr

Conditionizr is a JavaScript utility that detects your browser and pixel ratio to serve conditional JavaScript and CSS files. It’s been rebuilt so that it’s 50% faster than its jQuery predecessor.

 

Behave.js

Behave.js lets you add IDE style behaviors to plain text areas so that writing code is more enjoyable. It requires no dependencies, supports hard and soft tabs, and auto opens and closes characters like parenthesis, brackets, braces, double, and single quotes.

 

Free Travel Icon Pack

This Free Travel Icon Pack from Obox includes a lighthouse, ski goggles, a camera, a bus, a tent, binoculars, and many more travel- and geography-themed icons.

 

MFG Labs Icon Set

MFG Labs Icon Set was created for their own internal use, but has since been made available for public use. It’s a simple, minimalist set with icons for everything from social media sites to video/audio players.

 

RoughDraft.js

RoughDraft.js makes it easy to prototype interactive HTML mockups without duplicating a bunch of code. It also eliminates the need for faking content (like lorem ipsum text or filler images).

 

Toolbar.js

Toolbar.js lets you set up tooltip-style toolbars for web applications or websites, and can be customized with Twitter bootstrap icons.

 

Attitude + (free)

Attitude + is a display typeface inspired by Japanese pop culture and American hip hop subculture, and is influenced by geometric fonts with ornaments.

 

Higher (free)

Higher is a geometric display font with an Arts & Crafts vibe. It was created as a student project, and is available in TTF and OTF formats.

 

Salt & Foam (free)

Salt & Foam is a beautiful unicase display font in two styles, with a subtle 3D effect. It was designed by Anna Karatcheva, inspired by her first time surfing.

 

Apollo ($5)

Apollo is a rounded sans serif typeface designed as a student project by Kevin May.

 

Zerb (free)

Zerb is an abstract geometric display typeface that’s available for free for both personal and commercial use. It comes as an Illustrator vector file.

 

Fassade Display ($10)

Fassade Display was inspired by lettering on 1930s travel posters, with exaggerated graphic elements similar to geometric Art Deco lettering.

 

Roccia ($10)

Roccia is an experimental sans serif typeface with two styles and all uppercase characters.

 

Faux Tangram (free)

Faux Tangram is a tangram-inspired font that makes great use of basic geometric shapes and negative space.

 

Niewe (free)

Niewe is an abstract display font that comes in four different weights, free for personal use. Commercial use requires permission from the designer.

 

FM Ephire ($30)

FM Ephire is a retro, hand-drawn script type family with five weights and compliment italics. It’s great for banners and posters, greeting cards, and more, and even holds up well at smaller sizes.

 

Know of a new app or resource that should have been included but wasn’t? Let us know in the comments.

April 26th, 2013

21 Examples of Texture Use in Web Design

Here at WDL we believe that textures can add a beautiful touch to a web design, giving a page personality and depth. From subtle textures to bold and colorful ones, there are a lot of different approaches on using them in a web design, and this is why today we gathered a few examples to give you ideas of how to incorporate textures to your next project.

April 25th, 2013

35 Useful Admin Panel Template Creations

This article contains an extensive set of Admin Panel Templates. So, if you are searching for a professional admin panel template for your project, this is an excellent place to be looking.

The fully customizable admin templates available today has become extremely popular. You can look at it like this. The front end design is the key element to get your client happy and impressed, but to make the project right you also need a professional looking admin panel interface. Building a CMS from scratch can be complicated and arduous work, plus you need to have a strong design stitched to it. A customized admin interface will take valuable time to develop, and it will in many cases cut down on your earnings. Instead, you can choose to use a pre designed admin panel template to do the job for you.

Admin Panel Template Collection

The customizable admin panel templates showcased in this article will in many cases be an excellent starting point into a new project, and as you will see, there’s quite a large selection to choose from. An admin panel template is especially useful for web applications like e-commerce projects or content management systems, and these selected templates are full of features. You may also find them useful when designing your own web application. Enjoy!

Start – Metro UI Responsive Admin Template – MORE INFO

start_thumb1

Start is a new responsive admin template based on latest Windows 8 interface. This one, called Metro UI, has its roots in the design principles of classic Swiss graphic design – minimal, bold, high contrast and flat colors are some of its great features.

FLAT – Responsive Admin Template – MORE INFO

flat_thumb1

FLAT is a responsive admin template powered by Twitter Bootstrap 2.3.0 for administration and backend applications. FLAT has a very fast and clean UI and design. It provides a very user-friendly design which results in a great user-experience. FLAT is the admin template you want to use for your next project – your clients will love you for this admin template

Metronic – Responsive Admin Dashboard Template – MORE INFO

metronic_thumb1

Metronic is a responsive admin dashboard template powered with Twitter Bootstrap Framework for admin and backend applications. Metronic has a clean and intuitive metro style design which makes your next project look awesome and yet user friendly. Metronic comes with a huge collection of plugins and UI components and it works in all major web browsers, tablets and phones.

Conquer – Responsive Admin Dashboard Template – MORE INFO

conq_thumb1

Conquer is a responsive admin dashboard template created mainly for admin and backend applications(CMS, CRM, Custom Admin Application, Admin Dashboard). Conquer template powered with Twitter Bootstrap Framework and it comes with a huge collection of reusable UI components and integrated jQuery plugins. Conquer template works on all major web browsers, tablets and phones.

Pannonia – fully responsive admin template – MORE INFO

pannona_thumb1

Pannonia – a new premium admin skin based on Twitter Bootstrap framework with flexible content structure.

AdminKIT – Premium Admin Template – MORE INFO

admin

AdminKIT is a fully responsive HTML5 & CSS3 admin template, perfect for anyone looking to start a custom backend system with a modern & smart interface.

Katniss Premium Admin Template – MORE INFO

katniss

Katniss Responsive Admin Template is a unique animated admin template using css3 with many features, plugins and custom elements that you can use fo your backend projects. This template has 3 different skins hat you can change anytime you want. This template also very useful for any type of application.

Beoro Admin Responsive Template – MORE INFO

beoro

Beoro Admin is a HTML5/CSS3 backend template based on Twitter Bootstrap Framework, it’s easily customisable, cross-browser compatible and works great on desktops, tablets and mobile devices. It can be used for any web aplication (Cms, Crm, Statistics, Shop backend etc).

Amsterdam – Premium Responsive Admin Template – MORE INFO

amsterdam[3]

Amsterdam admin template is a responsive template built with Twitter Bootstrap for backend panels, suitable for cms systems, web apps and other control/billing/hosting panels.

The Realm – Clean & Modern Admin Template – MORE INFO

realm

This admin template was built with the popular Bootstrap framework from Twitter and has been styled in a modern flat design. The admin template adapts seamlessly with any device such as tablets and mobile phones.

Admindo – Responsive Admin Template – MORE INFO

admindo

Admindo is a responsive admin template build with the latest Twitter Bootstrap. This template is great for webapp, CMS, and other admin applications. It’s easily to customize, cross-browser compatible and works great on desktops, tablets and mobile devices.

Virgo – Premium Admin Template – MORE INFO

virgo

Virgo is responsive and soft admin template, with clean HTML code, based on jQuery and Bootstrap. In this template you will find all what you need for your back-end app, or another project. Virgo template included with lot of jQuery plugins, that compatible with all newest browsers.

Esthetics Admin-Clean & Responsive Admin Template – MORE INFO

esthetic

Esthetics Admin is a apple inspired admin template for huge and small backend solutions. It includes custom plugins, forms, validations, charts, tables, notifications and much more. The template is built on HTML5 with CSS3 features powered by jQuery and modernizer.

Flame Admin User Interface – MORE INFO

flame

Months of coding, testing and careful tweaking have made Flame one of the most comprehensive and unique interfaces available.

Aries – Metro Style Admin Template – MORE INFO

aries

Aries is a responsive metro admin template, developed using windows8 standarts, based on Bootstrap and jQuery. The clean, fast, light dashboard template will help you build your own metro application, and save a lot of time. It comes with huge collection icons plugins and examples. Also in package you will find PNG template of main page, font icons package and documentation. Aries is Retina Ready and supports all major browsers and IE from 7 version.

ease – Responsive Admin Template – MORE INFO

ease

ease is a responsive dashboard admin template built with twitter bootstrap. It is used for backend applications. It supports all modern devices. Ease comes with many custom made plugins and is user friendly designed and developed. It has a detailed documentation and developers can start new backend projects fast. The color correspond very good together and the color palette is very user friendly.

Maruti Admin – MORE INFO

maruti

Here we are presenting Responsive Admin Template with Clean and Minimal design. You will find too many options with this theme.

Supr – Responsive Admin Template – MORE INFO

supr admin panel templates

Supr is a full admin skin based on popular Twitter Bootstrap framework. This template is designed to help you build the site administration without losing valuable time.Template contains all the important functions which must have one backend system. Template looks good in any device.

Aquincum – Premium Responsive Admin Template – MORE INFO

aquincum admin panel templates

Aquincum is a premium admin skin with lots of custom elements, 35 plugins and very flexible content structure. It has 3 columns liquid structure with 3 level navigation and 2 level sidebar. Available 10 main backgrounds, compatible with Bootstrap 2.0.3 and latest jquery versions. Aquincum is a responsive template and it is very flexible for different type of data and content.

Developr – Fully Responsive Admin Skin – MORE INFO

developr[3] admin panel template

Building a web app for desktop and mobile devices? Developr is for you. Write your code once, and let it handle the magic of responsive webdesign. Developr Admin skin is a flexible responsive HTML5 /CSS3 template, built on themobile-first principle and based on the solid foundations of HTML5 Boilerplate and 320andUp, which provides a rich set of styles and features for all your needs.

Mango – Slick & Responsive Admin Template – MORE INFO

mango admin panel templates

Mango, a slick and responsive Admin Template, comes with all features you can imagine – and even those you can’t imagine. It is build with modern techniques like HTML5 and CSS3 to be used for backend solutions of any size. It has custom elements, 30+ plugins, 15+ custom plugins and a very flexible content structure. Mango supports 12 columns grid for main content and widgets make the whole Admin Template very flexible for different types of data and content. The probably most sophisticated Admin Template you have ever seen is waiting for you!

MoonCake – Responsive Admin Template – MORE INFO

mooncake admin panel templates

MoonCake is a responsive, full featured admin template. This template is build on Bootstrap framework using HTML5 and CSS3 . Its main focus is simplicity while providing the most commonly used elements and widgets on web apps across devices and browsers. Since v1.1, this template has two build in design styles integrated; Simple and Creative. The simple style targets users that desire simplicity, friendly and plain interfaces where only functionality is the main concern, while the creative style targets users that desire a sophisticated, graphical user interface with skeuomorphic elements.

Huraga Responsive Admin Template – MORE INFO

huraga admin panel template

Huraga is a beautifully minimalistic HTML5 template for any backend, user interface or administration, both for desktop and mobile users. Built on latest Twitter Bootstrap and powered with LESS , Huraga will save you hours in developing your project. Template is available in 4 default colors and packed with basic and popular user interface elements and widgets.

Amanda Responsive Admin Template – MORE INFO

amanda admin panel templates

Amanda Responsive Admin Template is a new admin template with many features, plugins and custom elements that you can use fo your backend projects. This template has built-in theme switcher that you can change anytime you want. This template is very useful for any type of application whether for desktop or mobile devices. It has addon pages that you can use for your in house activity like blog, newsfeed, product list and photo/video sharing.

Gebo Admin Responsive Template – MORE INFO

gebo[3] admin panel templates

Gebo Admin is full featured, two column responsive template based on Bootstrap Framework from Twitter. It a TOP seller and it has lots of js plugins: charts, filterable/searchable list, calendar, multiselect, location finder, file manager, gallery grid, datatables, sticky messages, WYSIWG editor and many more.

Zice Admin Colorful Admin Template – MORE INFO

Zice-admin panel template

Zice Admin is Colorful Admin theme, includes dashboard, form, full option gallery, graph presentation, file management, calendar, user interface, map & location, error page, 200+ icon,Theme PSD File and documentation for admin management. It is colorful style effect and design templates for easy to use

Falgun – Metro Style Bootstrap Admin Dashboard – MORE INFO

falgun

AIR – Responsive Bootstrap Admin Template – MORE INFO

air_thumb1

AdminPlus – Premium Bootstrap Admin Template – MORE INFO

admin_thumb1

METRO – Premium Admin Template – MORE INFO

metro

Dandelion Admin – Responsive Admin Template – MORE INFO

dandelion admin panel templates

This is a nice template with focus on having a simple, clear design, while providing the most commonly used elements on web apps.

Crown – Premium Responsive Admin Theme – MORE INFO

crown admin panel template

Crown admin theme is a new premium admin panel template with lots of integrated features, plugins and custom elements. It could be useful for any type of web application, custom administration panels, any backend system etc.

MWS Admin – Full Featured Admin Template – MORE INFO

mws[3] admin panel templates

This template is designed to be responsive, so it will adapt to any screen size. Any element in this template will resize or reposition itself to look at its best. Whether it’s a desktop computer, an iPad, or an Android Mobile Phone, everything will look just great! it aims to be full featured while keeping everything simple and straight forward.

It’s Brain – premium admin theme – MORE INFO

it's-brain admin panel templates

Its Brain – new premium admin theme. It’s very popular and with lots of useful features.

April 25th, 2013

40+ Awesome Photoshop Poster Tutorials For Your Inspiration

Creating your own creative poster in Photoshop is fun and challenging. If you are not yet an expert, then don’t worry! You can find tons of easy to follow poster design tutorials for Photoshop. Most of them will guide you “step by step” to make sure you learn every step involved in the process. A poster is a perfect medium for individuals to showcase their creativity. A typical poster often features both graphic and textual elements, and they are used for all kinds of different purposes.

Photoshop is a versatile and multi-purpose graphic software. It is a powerful tool used not only in creating simple photo enhancements and editing, but also in creating advanced photo manipulations. With its impressive features, Photoshop is a common software tool in creating digital arts, such as logos, posters, web templates and advertisement ads. It is a hugely popular tool for artists and designers and the feasibility of creating creative designs in Photoshop is achievable.

The Photoshop poster tutorials in this post will allow you to learn the basics of Photoshop, as well as advanced manipulations for creating unique designs. When you are done browsing our collection, please leave us a comment and tells your thoughts.

pop-art-style-poster

In this tutorial, I will show you the process I used to create this  Pop Art Style Poster with urban city background in Photoshop by using a combination of Photoshop Filter effects.

Design a Vintage Car Poster in Photoshop – MORE INFO

vintage-car-poster

In this tutorial,  I will show you the processes involved in making an old-looking, vintage car poster with grunge texture, font and brushset in Photoshop.

Design a Grungy, Rock & Roll Gig Poster – MORE INFO

Design a Grungy, Rock & Roll Gig Poster

Another poster designs tutorial that aims to create an artistic poster to promote a musical event with grungy and rock & roll theme. These steps are very simple to follow.

Design a High Impact Gig Poster – MORE INFO

gig-poster[5]

In this tutorial you will learn how to create a 3-color design that looks great on screen, printed from your home printer, or screen-printed using the silk-screen printing method.

Diamond Advertisement Poster in Photoshop – MORE INFO

Diamond Advertisement Poster in Photoshop

For artists who want to create a commercial poster about celebrating a diamond anniversary or featuring diamonds in an event program, they can make use of this tutorial as their reference to generate a great poster design.

Create a Grungy Poster in Photoshop – MORE INFO

Create a Grungy Poster in Photoshop

When planning to create a cool grungy poster using Photoshop, this tutorial can help artists design their own posters with the use of different stuffs and blending techniques, as well as the use of a multitude of layers and textures.

Create a Mock-Retro Poster Concept – MORE INFO

mock-retro-poster

In this tutorial you will learn how to Create a Mock-Retro Poster Concept  using an old paper texture, watercolor brush and sunburst set.

Neo – Constructivist Poster Tutorial – MORE INFO

Neo - Constructivist Poster Tutorial

Most of the constructivist posters are usually associated with politics and political propaganda, using bright and vibrant colors that complement every element that is present in the design.

Retro Boxing Poster Tutorial in Photoshop – MORE INFO

Retro Boxing Poster Tutorial in Photoshop

Making a poster with a retro theme is a usual concept already. However, there are things that should be avoided in order to create a great poster design. This tutorial features simple ways of creating a retrograde poster design.

Creating a Dark and Surreal Poster Using Your Own Portrait – MORE INFO

Creating a Dark and Surreal Poster Using Your Own Portrait

Nowadays, one of the common design themes that are often used in posters are the combination of classic elements and contemporary styles. This is one of the Photoshop tutorials poster that allows artists to combine contemporary styles with the use of classical elements seen in archaic portraits made by known painters.

Create A Remarkable Poster With Decorative Elements – MORE INFO

Create A Remarkable Poster With Decorative Elements

This is one of the Photoshop poster tutorials that feature different decorative elements and multimedia components and combine it all to create a great artistic poster using the Photoshop software.

Mercedes Benz Poster and Postcard Design in Photoshop – MORE INFO

merzedes-benz-poster

Learn step by step how the designer created a poster and postcard for a Mercedes Benz dealership and their partnership with a local performing arts hall.

Create an iPhone Advertising Poster – MORE INFO

Create an iPhone Advertising Poster

This Photoshop tutorial enumerates the different tips and tricks in creating a vibrant and dynamic poster ad for iPhones that focus on simple approaches and executions. This tutorial is very easy to follow.

How to Design a Rockin’ 80?s Party Poster – MORE INFO

80's-party-poster

This tutorial will show you how to design a poster for an 80?s anthem party. Throughout this tutorial, you’ll create some textures for background, manipulate a photo to give it a stylish look, and make some color variations.

Your Own Crazy Movie Poster – MORE INFO

Your Own Crazy Movie Poster

For couch potatoes and avid moviegoers, creating their own crazy poster can be fun and enjoyable experience. This tutorial features the list of steps on how to create a customized movie poster following a general theme.

Blood and Milk Typography Poster in Photoshop – MORE INFO

ood and Milk Typography Poster in Photoshop

The most effective Photoshop poster tutorials should feature the basic steps in making a stunning and attractive typography poster. In this tutorial, beginners will learn how to use some paint splashes as effects in typography and fonts.

How to Create an Ice-cold Poster with 3D Text – MORE INFO

ice-cold-poster[5]

In this tutorial, you’ll learn how to combine stock images and 3D text into a cool poster. You’ll use an icy theme for it and color it the way we want. You’ll see it’s not that hard to create a simple appealing poster with effective use of text and imagery.

Create an Intense Movie Poster in Photoshop – MORE INFO

Create an Intense Movie Poster in Photoshop

A lot of artists and graphic designers are critical about creating their own movie posters. In this simple lecture, artists are taught to create a poster using elements that feature a suspenseful thriller theme.

Create a Vintage Steam Locomotive Poster in Photoshop – MORE INFO

Create a Vintage Steam Locomotive Poster in Photoshop

This step-by-step tutorial will teach artists on how to create a vintage-themed poster with the use of a locomotive vehicle as its subject. Design processes like layer masks, Photoshop filters and vector brushes are utilized while creating the poster.

Design a Killer Fashion Model in Photoshop – MORE INFO

Design a Killer Fashion Model in Photoshop

This Photoshop tutorial helps designers on how to generate a killer Fashion Model poster with the use of basic functions and tools in Photoshop such as Filters, Vector Masks and Layer styles.

Fantastic Abstract Art Poster Tutorial – MORE INFO

Fantastic Abstract Art Poster Tutorial

When creating an abstract poster theme, artists should play with the tools in Photoshop, especially the layering, lighting and texture in order to produce a noteworthy abstract artwork.

Making a Superhero Movie Teaser Poster Tutorial – MORE INFO

Making a Superhero Movie Teaser Poster Tutorial

This tutorial will teach artist the basic steps on how to create a movie teaser poster. Moreover, it features basic Photoshop tools that can be used in order to create a superhero movie poster.

Create a Typographic Poster – MORE INFO

typographic-poster[3]

This is probably not your typical design, as you’ll be ‘breaking the grid’ in hope of creating a dynamic and exciting layout. So grab the usual tools of the trade, Photoshop and Illustrator, and follow the steps into creating your own solution.

Create an Ink Splattering Knight Composition – MORE INFO

Create an Ink Splattering Knight Composition

In this tutorial, artists will learn how to use of the Photoshop tools such as brushes and filters in order to create an ink splattering knight composition. The steps are quite simple, which can generate creative results.

Create a Powerball Effect for Movie Poster – MORE INFO

movie poster

This ten-step tutorial will teach artists on how to create an energy ball effect coming from the hands like of a typical action movie poster. Also, it teaches how to create a basic layout of a typical movie poster.

Afterlife: Abstract Tutorial – MORE INFO

Afterlife - Abstract Tutorial

For artists who want to create a pleasant-looking abstract with the use of a few images, this tutorial will help you generate one with the use of custom elements that will enhance the digital artwork.

Inception Poster with Repousse in Photoshop CS5 – MORE INFO

Inception Poster with Repousse in Photoshop CS5

This tutorial features steps on how to create an effect similar to the posters of the movie, ‘Inception’, specifically the theme with the aerial photograph of a number of buildings in a metropolitan city.

Designing a Typographic Design Poster – MORE INFO

Designing a Typographic Design Poster

One of the common commercial posters used online is a typography poster design. This Photoshop poster tutorial contains simple steps on how to create a simple, yet attractive poster design.

Soul Poster Rebel Tutorial – MORE INFO

Soul Poster Rebel Tutorial

This is one of the Photoshop poster tutorials that allows designers to create a breathtaking illustration, which can be printed as a poster that can be used as a display on the wall.

How to Make a High Impact Fashion Poster in Photoshop – MORE INFO

How to Make a High Impact Fashion Poster in Photoshop

The use of objects and shapes are the main idea in this tutorial in order to generate a unique fashion poster as an ad for an upcoming event. This task could also be a lot easier if it is performed in Photoshop.

Designing the Pirates of the Caribbean Poster – MORE INFO

caribbean-poster

Movie and film posters are the usual sources of inspiration for graphic designers on manipulating various effects with the use of Photoshop. This tutorial will teach artists to reproduce a particular logo presenting various effects.

How to Create a Mysterious Poster Design With a 3D Text – MORE INFO

How to Create a Mysterious Poster Design With a 3D Text

Three-dimensional effects are getting trendy in digital artworks and posters nowadays. In this tutorial, artists are taught how to create a great poster design embedding the 3D text effect with the use of Photoshop.

Create an Amazing Ad in Photoshop – MORE INFO

Create an Amazing Ad in Photoshop

Photoshop is often used as a tool in creating great poster ads for a certain product. In this tutorial, designers are taught on how to create an awesome poster ad using some elements that will help the poster stand out among others.

How to Create a Vintage Party Poster in Photoshop – MORE INFO

How to Create a Vintage Party Poster in Photoshop

The use of basic shapes, simple vector designs and stock photos are the essential tools in order to come up a great vintage party poster. People will learn how to perform basic blending and shading with the use of the mentioned elements in Photoshop.

How to Create a Retro Aesthetic Poster in Photoshop – MORE INFO

How to Create a Retro Aesthetic Poster in Photoshop

This tutorial will teach new designers on how to blend images with patterns and shapes, as well as the use of lightings and color effects, in order to create an awesome retro aesthetic poster using Photoshop as the software to use.

How to Create the Expendables Winged Skull Poster Art – MORE INFO

How to Create the Expendables Winged Skull Poster Art

For avid fans of the movie ‘Expendables’, you can create your own awesome movie poster by following this step-by-step instruction. This teaches you how to use the elements in order to create a weaponry poster.

Make a Turn of the Century Vaudeville Poster – MORE INFO

Make a Turn of the Century Vaudeville Poster

Experimenting is one of the traits that every designer and artist should possess in order to create a stunning poster. In this tutorial, designers are taught on how to produce one using appealing style of advertisement popularized in the late 1800s and early 1900s.

Design a Professional Wildlife TV Show Poster – MORE INFO

Design a Professional Wildlife TV Show Poster

This is one of the Photoshop tutorial posters that allows designers to use various elements and styles in order to come up with a great poster design for a wildlife TV show.

Create a Wild West ‘Wanted’ Poster in Photoshop – MORE INFO

Create a Wild West ‘Wanted’ Poster in Photoshop

This Photoshop tutorial will teach designers on creating a Wild West-themed ‘Wanted’ poster using several Photoshop techniques, such as how to burn and roughen the edges, create realistic nail heads, and many more.

Design a Stylish Fashion Advert – MORE INFO

Design a Stylish Fashion Advert

When creating a fashion ad poster, it should contain various elements in order to present fashion in a different light. This tutorial will teach artists on how to create one using Photoshop techniques.

Create a Horror Movie Poster in Photoshop – MORE INFO

Create a Horror Movie Poster in Photoshop

Photoshop is a great software where artists can play their imagination beyond limits, using great digital art tools and techniques in order to produce an awesome poster design. This tutorial will teach us to create our own horror movie poster theme in Photoshop.

Create a Black Swan Inspired Movie Poster – MORE INFO

Create a Black Swan Inspired Movie Poster

This is one of the Photoshop poster tutorials that feature steps on how to create an inspirational, dark and moody poster using Photoshop. This guide will teach artists on how to create their own Black Swan movie poster.

Design a Sin City Style Poster – MORE INFO

Design a Sin City Style Poster

Among Photoshop poster tutorials, this guide will help artists on how to play with their imaginative minds using different effects and techniques in Photoshop. This tutorial allows designers to create their own Sin City inspired poster.

April 25th, 2013
Comments Off

Inspirational Examples of Brand Presentation

Branding is a vital and integral part of any business. In fact, even before actually trying out your products and services, branding is what helps people recognize and identify your business. No matter how big or small your business or venture is, your marketing strategy will not work unless you pay proper attention towards branding.

“Branding”, the term itself does not just mean the logo, it can also include various components like logos, posters, banners, advertisements, envelopes, business cards, and so on and so on.

Today, we have put together some examples of branding all presented in a beautiful and clean way — you’ve got logos, business cards, stationery items, and a lot many other things. Be inspired, and don’t forget to share!

Coffee Supreme Branding by Hardhat Design

Coffee Supreme Branding by Hardhat Design - Branding Inspiration

Nelson Clothing Branding by Shou-Wei Tsai

Nelson Clothing Branding by Shou-Wei Tsai - Branding Inspiration

TATABI Branding

TATABI Branding - Branding Inspiration

Fast Eddie's Barber Shop Branding by Richard Arthur Stewart

Fast Eddie's Barber Shop Branding by Richard Arthur Stewart - Branding Inspiration

frameLOGIC Rebranding by Necon

frameLOGIC Rebranding by Necon - Branding Inspiration

PINO Branding

PINO Branding - Branding Inspiration

Moon Water Home Branding by Shou-Wei Tsai

Moon Water Home Branding by Shou-Wei Tsai - Branding Inspiration

Maison Gerard Branding by Mother New York

Maison Gerard Branding by Mother New York - Branding Inspiration

im nu Branding by Julian Hrankov

im nu  Branding by Julian Hrankov - Branding Inspiration

Mareiner Holz Branding

Mareiner Holz Branding - Branding Inspiration

Cape Horn Yacht Services Branding

Cape Horn Yacht Services Branding - Branding Inspiration

Bond Agency Branding

Bond Agency Branding - Branding Inspiration

VisualMe by Marko Vuleta-Djukanov

VisualMe by Marko Vuleta-Djukanov - Branding Inspiration

NO. Men's Skin Care by Shou-Wei Tsai

NO. Men's Skin Care by Shou-Wei Tsai - Branding Inspiration

Berg & Berg Branding by Heydays

Berg & Berg Branding by Heydays - Branding Inspiration

El Apeadero by Colectivo Verbena

El Apeadero by Colectivo Verbena - Branding Inspiration

Glasswear Industries Branding by Nina Geometrieva

Glasswear Industries Branding by Nina Geometrieva - Branding Inspiration

Self Promotion Materials by Konrad Sybilski

Self Promotion Materials by Konrad Sybilski - Branding Inspiration

The Propeller Group Branding by Rice Creative

The Propeller Group Branding by Rice Creative - Branding Inspiration

Le Petit Bakery by Manuel Navarro Orozco

Le Petit Bakery by Manuel Navarro Orozco - Branding Inspiration

Ymens Rebranding

Ymens Rebranding - Branding Inspiration

Lingua Viva – Language School Rebranding by Necon

Lingua Viva - Language School Rebranding by Necon - Branding Inspiration

The Royal Bristolian Branding by Stefan Mostert

The Royal Bristolian Branding by Stefan Mostert - Branding Inspiration

Theurel & Thomas Branding by Anagrama

Theurel & Thomas Branding by Anagrama - Branding Inspiration

Turnstile Branding by This is Ikon

Turnstile Branding by This is Ikon - Branding Inspiration

Cavallier Essentials

Cavallier Essentials - Branding Inspiration

April 25th, 2013
Comments Off

10 Story-Driven Websites That Will Blow Your Mind

Ever since the fall of Flash and the rise of HTML5, we’ve seen a lot of developers experimenting with the possibilities of HTML5. One trend that has gained popularity is the creation of a story-driven website that takes viewers through a series of pages connected with story elements and creative navigation.

10 Story-Driven Websites That Will Blow Your Mind

Here, I have compiled a list of the best story-driven websites that will blow you away. Let’s begin the journey:

Story-Driven Websites That Will Blow Your Mind

1. Find Your Way to Oz

This is a website for a new movie, The Wizard of Oz. It’s a collaboration between the Chrome Experiment team at Google and Disney. The website will take you through a circus allowing you to play with objects inside the circus.

Find Your Way to Oz

2. Black Negative

This is a website that combines creative layouts with beautiful soothing sounds and interactive navigation. Each page contains its own navigation allowing you to experiment around and discover more content as you play around with it.

Black Negative

3. Pi’s Epic Journey (Life of Pi)

This website illustrates the epic journey of Pi from the movie “Life of Pi”. The whole experience is navigated using only the scrollbar so you can sit back and enjoy it. As you scroll down, you will see a series of pictures and illustrations in a comic strip layout. The content of the website consists of clips from the movie, facts and behind the scenes that viewers might find interesting.

Pi's Epic Journey (Life of Pi)

4. Ben the Bodyguard

Although this might be old, it is still a very good example. Ben the bodyguard is an iPhone app that protects users’ data. As you scroll down, you will see Ben walking down the street explaining the use case scenarios and the benefits of the app. A very well executed website that serves its purpose very well.

Ben the Bodyguard

5. Hexaedro

This is a simple website with creative navigation and a very subtle way of telling a story. The story is driven by big images and outline illustrations.

Hexaedro

6. My Life in 20 Years

This is a very cool website that will tell the story of you, the viewer.. in 20 years. First you need to login with Facebook and it will use your Facebook data to predict what will happen to you in 20 years and present it in a fun way for you to enjoy. Trust me, you’ll love this.

My Life in 20 Years

7. NASA Prospect

This is one of the websites that really pays attention to music and how it transitions between each scene. This website will take you through the life of an astronaut, drifting away throughout space. Each planet this astronaut lands on has its own unique music that expresses the story of the planet really well. I suggest you go through each planet slowly and enjoy the music.

NASA Prospect

8. ParaNorman

ParaNorman is the perfect example of how a comic should be presented on the web. As you scroll sideways you’ll see text that annotates each scene. You can click on other characters to interact with them and converse.

ParaNorman

9. Google Guidebook

This website was created by Google and shows how you can get creative using Google’s products such as Youtube and Maps. The website is presented as a guidebook. As you flip through each page, the content will fold in and form a page for you to interact with. Each page has its own animation and interaction.

Google Guidebook

10. Get Going – Drexel University

This is one of the university websites that I admire. Finally, an education institute that cares about design. This website will take you through the life of the students, each with one sentence of wisdom. Combining the perfect visual, words of wisdom and very subtle inspiring music, it’s like you are really there.

Get Going - Drexel University

Conclusion

As you can see, it requires a lot of effort to design the right visuals and sounds in order to create an immersive storytelling experience. These examples have struck the perfect balance between visuals and sounds that I think not many have been able to do.

April 24th, 2013

Free 60 Unique Outlines Icons by Lubos Volkov

Each icon are fully scalable, meaning they can be scaled up—or down—without loss of quality.

In the package you can find:
EPS file.
AI file.
SVG file.

Preview

60+ Unique Outlines Icons

Download 60+ Unique Outlines Icons from here.