Convert a Path to a Shape Layer in Photoshop

by Jake Rocheleau
on October 20, 2014

Among many powerful tools in Photoshop is the king of kings: the pen tool. This tool is shrouded by personal anecdotes of confusion and frustration. Although creating paths with the pen tool is difficult at first, the process becomes easier with practice and is well worth the effort. Every path is vector-based which means you can scale it larger or smaller without any quality loss.

But paths can be very frustrating if you don’t know how to use them. I’d like to cover the process of converting a path into a shape layer. In case you didn’t already know, shape layers are merely paths that can hold fills & outlines. This also means you can apply layer effects and even filters if you convert the same into a smart object. Note that a path is merely a series of points like an outline which can become a selection. It’s the raw material of shapes but not quite a shape in-itself.

Read More…

PhotoSpin Review: Finally – Quality Photos at an Affordable Price

by Lloyd Callahan
on September 12, 2014

PhotoSpin launched the first subscription based services for stock images back in 1999 and has been around ever since. The company was developed by, and continues to be managed by, creative professionals; photographers and graphic designers who believe in offering good quality images for reasonable prices. Their library currently consists of millions of quality photos and illustrations and grows daily with contributions from some of the world’s most renowned artists and photographers. In addition to offering jpeg and vector files, PhotoSpin also offers unique system fonts.
Read More…

The Importance of Unique Icons in Web Design

by Jake Rocheleau
on August 29, 2014

Crafting your layout around iconic symbolism offers a method of communication beyond just text. Symbols quickly explain the function of a button or link. Symbols become recognizable logos for companies. And symbols let us know when we’ve meandered our way into the wrong bathroom. Well, symbols and the lamenting screams of horrified women(or men?).

Keep in mind that a website using too many icons will get confusing real fast. You generally need some context to help readers understand what they’re looking at. Finding a balance between visual and contextual information is the name of the game. And that game’s called Connect Four. But instead of connecting colorful plastic it’s like connecting design elements. And you’re not really playing as much as frantically overthinking to find a good solution.

While there isn’t any magic formula to use on every webpage I’d like to offer advice for designers who want to better understand icon placement. Specifically how to fit and craft icons which blend into a page while offering a dash of convenience to the user experience.

Read More…

The Evolution of Code Free, Website Creation

by iulian
on July 30, 2014



Designers, in general, are very interested in new gadgets, software, and any other shred of technological advancement that has the power to impact the way they perform their work. Today, graphic and web designers can depend on cloud software like Webydo, which does not require any technical coding skills, and helps design professionals create interesting websites using the parallax scrolling technique.
Read More…

Mixing Artistic Ideas into your Web Design Workflow

by Jake Rocheleau
on July 29, 2014

There is a broad spectrum of designers who have never studied art yet still have the skills to create brilliant websites. Whether consciously or not, designers borrow a lot of aesthetic principles from the art world. Before digital interfaces old-world artisans would design objects like clothes, furniture, decorations, and these would follow very similar ideas.

art easel pastels colors photo

So what is the line between art and design, and is it possible they work together? How can you incorporate artistic ideas into a website or mobile app interface? In this post I want to cover a few different topics related to artistic design and how you might apply them to future project work.

Read More…

The Benefits of Animated UI/UX GIFs Created with After Effects

by Jake Rocheleau
on July 22, 2014

I’ve seen this trend becoming much more popular amongst mobile and web designers. Adobe After Effects is a powerful software suite typically used for adding effects into videos. But it can also create animations for user interfaces in smartphone apps, tablets, and website layouts. It takes a lot of practice but After Effects is quite the interesting program.

adobe after effects laptop preview shot

These AE animations can be exported as GIFs and used to demonstrate how a UI should behave. Examples may include swiping through a photo gallery, sliding open a menu, performing a search, or anything similar. I’d like to share some ideas about why you might want to learn After Effects and start creating these animations for your digital projects.

Read More…

32 Creative Premium Church Themes for WordPress

by Jake Rocheleau
on July 17, 2014

It’s not always feasible for non-profit organizations to order custom website designs. Churches and other charities would benefit the most from purchasing a premium theme and using this as a framework for a new website layout. And WordPress is definitely one of the easiest systems to use.

If you’re working with this type of client or even need a site for your own project, these WP themes are perfect for any church or nonprofit. They include many customizable features and offer the highest-quality design out of any other themes. Take a look at this collection and see if anything strikes your interest.

Read More…

Tips for Planning and Structuring a Responsive Website Layout

by Jake Rocheleau
on July 14, 2014

The process of building a naturally responsive layout takes quite a bit of practice. You’ll need to spend time studying other responsive websites to see how they behave. Then with a visual library of responsive elements you can put together a design that best suits your project.

Once you’ve built a few responsive websites the entire process melds together quite nicely. I’d like to a few share tips on building responsive layouts and what you need to know. After a bit of time you’ll get much more comfortable with layouts expanding & contracting based on the browser window. Since more people are online with their smartphones, responsive design offers the most accessible websites reaching the widest possible audience.

Read More…

26 Premium Food & Restaurant WordPress Themes

by Jake Rocheleau
on July 3, 2014

WordPress is often the easiest solution for business owners who need to get a website online. It’s free, easy to install, and comes with a lot of customizable features – one of which is a library of exciting design themes. WordPress themes can even include unique menus and extra post types allowing the webmaster to style content in any format.

Restaurants typically need this custom functionality to add menu items right onto the website. WordPress even allows you to edit the homepage to update with new deals or coupons for customers. This gallery features 25 brilliant restaurant and cooking-based food themes for businesses. No matter what type of food is served you can likely find a perfect theme to match the style of any modern restaurant.


mycuisine template wordpress premium restaurant

Read More…

Unique Web Fonts to Spice Up your Layout Designs

by Jake Rocheleau
on June 25, 2014

It goes without question that CSS3 has been a major improvement on how we build websites. Beyond the additional properties I’ve found CSS3 web fonts to be a groundbreaking addition to the developer’s tool belt. You can import external fonts or even include your own custom-made fonts with just a few lines of code.

But not every website needs to include 5 or 6 additional typefaces. There is a rhythm to choosing great fonts which can help you avoid building websites that look like a 10 year old’s first time in Microsoft Word. I’d like to share a few tips for selecting fonts and how you should apply them with grace and humility.

Read More…