Tag: color

Manipulating SVG Icons With Simple CSS

This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter   Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS

Artistic Photo Manipulation with Cracked Face Effect in Photoshop

In this Photoshop tutorial, I will show you the process of creating this Artistic Photo Manipulation with Cracked Face Effect in Photoshop. We will practice a number of layer masking techniques and image adjustment tricks along the way, as well as applying some interesting filter effect to our image. This is an intermediate level tutorial so… Continue reading Artistic Photo Manipulation with Cracked Face Effect in Photoshop

Animated Border Menus

View demo Download source The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something… Continue reading Animated Border Menus

Create a “Lomographic” Photography Effect in Photoshop

The “Lomography” photo effect is a popular contrarian photographic style characterized by oversaturated colors, distortions, unexpected prismatic effects, and several other qualities that are usually avoided or corrected by traditional photographers. Those who enjoy and seek these unusual effects appreciate lomography’s stylized surrealism. The effect is inspired by photographs taken from an inexpensive Russian camera… Continue reading Create a “Lomographic” Photography Effect in Photoshop

How to Draw a Soft, Dreamy, Profile Illustration with Color Pencils

In this tutorial, I would like to show you how to draw a soft, dreamy profile composition using a mechanical pencil and colors added with color pencils. With only a few steps, you can have it completed with full colors. Grab you tools now, it’s time to draw! Tools Pencil (I used a mechanical pencil)… Continue reading How to Draw a Soft, Dreamy, Profile Illustration with Color Pencils

35+ Grid Based Web Design Templates

Every website needs to have its own personality. If you have a minimalist design in mind for your website, going for a grid based web design is definitely a interesting choice. Basically, grid websites enable you to present your website’s content in a web page grid fashion. Think blocks of your most appealing text, or… Continue reading 35+ Grid Based Web Design Templates

10 Tips for Designing Logos That Don’t Suck

So you’re designing a logo. It sounds like an easy enough task, right? Draw a circle, type in the company name and you’re done (I’ve literally heard a designer suggest that very process). Unfortunately, if you’re really worth the money the client is paying you, there’s a lot more to it than that. There are… Continue reading 10 Tips for Designing Logos That Don’t Suck

25 Top WordPress Metro Theme Creations

WordPress metro theme designs are based on the user interface that was popularized by Microsoft on the Windows Phone 7. Since then, this beautiful style has attracted a lot of followers. In the new Windows OS version, you will see the metro start screen that is the foundation of Win8 interface. I think that one… Continue reading 25 Top WordPress Metro Theme Creations

10 jquery plugins for typography problems

Typography has been one of the biggest nightmares of the web designers and developers. As the websites are getting more and more interactive, static typographic features are becoming a thing of the past. Website owners now want text that not only coveys the message, but also attract the visitors. Now even though we now have… Continue reading 10 jquery plugins for typography problems

Quick Tip: Add a Progress Bar to Your Site

Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page. In this quick tip,… Continue reading Quick Tip: Add a Progress Bar to Your Site

How to Customize the Foundation 4 Top Bar

Zurb’s Foundation 4 features a brilliant top bar which has become almost symbolic of a Foundation site build. Today we’re going to look at how you can implement it in a different way, placing it elsewhere on the page, giving you a custom and responsive horizontal navigation menu.   Getting Started First up, we’ll need… Continue reading How to Customize the Foundation 4 Top Bar

Sliding Horizontal Layout

Today we’d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It’s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing… Continue reading Sliding Horizontal Layout

Learn AngularJS With These 5 Practical Examples

By now you’ve probably heard of AngularJS – the exciting open source framework, developed by Google, that changes the way you think about web apps. There has been much written about it, but I have yet to find something that is written for developers who prefer quick and practical examples. This changes today. Below you will… Continue reading Learn AngularJS With These 5 Practical Examples

Create a Shaded, Stylized Text Effect in Photoshop

Typography and text effects are critical in today’s graphic and commercial design. Viewers are becoming more and more overwhelmed with daily information, and as a result they can inadvertently be conditioned to “filter out” messaging that isn’t truly distinctive. Stylized typography is an effective way to regain the attention and appeal that can otherwise be… Continue reading Create a Shaded, Stylized Text Effect in Photoshop

30+ Stunning Joomla Virtuemart Templates

It is more and more common that web developers use solid and mature multi-purpose CMS platforms, such as WordPress, Drupal and Joomla, for building professional and easy to maintain websites, web applications and webshops. These solutions are interesting because they are easy to set up, they make it a breeze to publish content and further you… Continue reading 30+ Stunning Joomla Virtuemart Templates

25+ must-have Photoshop actions for your toolkit

No matter your area of expertise, chances are you’ve worked with photographs. Web and print designers alike are no strangers to the magnificence that can be captured in photos. It’s what we build our designs on top of and with, whether they’re the focus or just a background piece. And as the time passes and… Continue reading 25+ must-have Photoshop actions for your toolkit

20+ Brilliant Premium and Free Adobe Muse Templates

In this post, we have compiled a list of truly brilliant premium and free Adobe Muse templates. If you haven’t already heard it, Adobe Muse is a component of Adobe Creative Cloud that during the first quarter of 2013 gained 479,000 new subscribers. It is becoming an incredibly popular way of building websites and for the… Continue reading 20+ Brilliant Premium and Free Adobe Muse Templates

Beginning With WordPress: Editing the Look of Your Site With CSS

This entry is part 6 of 6 in the series Beginning With WordPress So, now that we have a child theme set up we’re ready to get make some changes to the look and feel of our site. What You’ll Need Web browser – I’m using Chrome Text editor – I’m using Text Wrangler FTP… Continue reading Beginning With WordPress: Editing the Look of Your Site With CSS

Create a Simple School Teddy Bear in Adobe Illustrator

In this tutorial we will learn how to create a cute Teddy Bear and some school themed items. We’ll be using basic shapes and the Pathfinder panel, so you don’t need a graphic tablet or advanced drawing skills for making up such character. Let’s dig in! 1. Form the Bear’s Head and Face Step 1 Create… Continue reading Create a Simple School Teddy Bear in Adobe Illustrator

Pros and Cons of Flat Design

There’s not denying that flat design is the big thing in design these days. It’s everywhere. And not just flat design, but now with almost flat design as well. The arguments about the validity and application of the style are raging. The super-trendy design style elicits an opinion from almost everyone. So let’s take a step back… Continue reading Pros and Cons of Flat Design

19 Must-Have Chrome Extensions For Designers And Developers

Here, we have come up with another interesting collection of Chrome apps and this time we are focusing on 19 most essential apps for web designers and developers. Google Chrome is a powerful web browser and because of its simplicity many of us prefer it over many traditional web browsers. We have previously presented some… Continue reading 19 Must-Have Chrome Extensions For Designers And Developers

Create a Realistic Underwater Scene in Photoshop

Final Product What You’ll Be Creating Underwater scenes can be quite challenging to create in a realistic way. In this tutorial, we will explain how to create an Underwater scene in Photoshop using several stock photographs. Let’s get started!   Speed Art Video Take a look at this stunning speed art video that shows how this… Continue reading Create a Realistic Underwater Scene in Photoshop