Working with Types: Typography Design Tutorial for Beginners

Posted in Text Effects, Tutorials9 months ago • Written by 14 Comments

In this typography design tutorial, I will guide you on how to transform boring texts to your advantage. You will learn how to utilize typography for your website, or even for your print needs. This article will extend from web page design, to printing to graphic images.

They say letters are boring. Unlike videos and music, text is static. It does not move or tickle other senses besides the eyes. Texts are usually placed as information-dissemination tools which convey the detailed message of the media being used. For example, if you upload a YouTube video tutorial, the video is the dynamic medium which will aid the viewer to achieve the goal. On the other hand, the text will provide all the details needed in case something is not clear.

This fact might give you an impression that texts are really boring. But what if they are really not? What if texts, which are used mainly to detail, are used for the design function? How is that possible? Of course, through typography.

Typography has existed for a long time. It originated from a time we all couldn’t remember. Basically, typography is the technique of putting texts or types in an orderly manner to make it visible, attractive and readable. Simply put, typography is the art of working with texts, graphically.

The tutorial is divided into five parts:

  1. Creating Typographies Using Photoshop
  2. Choosing the Perfect Fonts for Every Occasion
  3. Where to Download Fonts (Free and Premium)
  4. How to Consider the Perfect Colors Fit for Your Design
  5. Sample Finished Product on a Website
Working with Types: Typography Design Tutorial for Beginners Read More

Flat Web Design Tutorial – Portfolio Landing Page [FREE Download]

Posted in Tutorials, Web Interface9 months ago • Written by 35 Comments

Some people may find flat web design boring while others totally love it. I find flat design interesting and more user friendly. It puts more emphasis on the content. It’s also very flexible, which is really ideal for responsive web design. If you, like me, love flat design, make sure to check out 40+ Flat Web Design Inspiration. I’m pretty sure you will get goosebumps after seeing several flat designs.

Feeling inspired seeing those designs? Good! Today I will teach you how to design a portfolio landing page- an almost an hour long free video tutorial!

Flat Web Design Tutorial – Portfolio Landing Page [FREE Download] Read More

Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired

Posted in Quick Tips, Tutorials, Web Interface10 months ago • Written by 13 Comments

In this tutorial I am going to show you how to create a simple countdown timer, iOS 7 inspired!

Flat design is dominating the web and I’m sure you all know that Apple created a new look and feel for their OS. I’m really happy seeing the minimal look of the user interface and I know Apple fans are eagerly waiting to test iOS7 this fall. So, while we’re waiting I’m going to show you some great wallpapers and we’ll create a countdown timer in Photoshop. The look and the colour scheme will be based on the iOS 7 wallpapers that have been released. This tutorial will be very quick and beginners will find this Photoshop tutorial helpful in understanding the power of Free Transform.

Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired Read More

Free and Premium Photoshop Tutorials for Graphic and Web Designers

Posted in Tutorials, Web Interface, WordPress10 months ago • Written by 12 Comments

Premium membership websites have become popular in recent years, by following the tutorials these sites offer you can teach yourself graphic and web design. However, if you’re having a hard time learning by yourself another option is to subscribe to premium courses. Sounds good right? You will become a graphic/web designer without having to spend the money on a degree from school, and many people are doing that.

School is not an option regarding this matter. Read Learn Web Design The Right Way: Quit College And Start Sucking Blood to learn more about this. Our Freelance Sergeant James Richman will explain everything about why you need to start sucking blood from now on and become a freelance web designer.

Okay, continue reading to check out both free and premium video courses for graphic and web design!

Free and Premium Photoshop Tutorials for Graphic and Web Designers Read More

Create a Coca-Cola Can Using Adobe Photoshop

Posted in 3D Effects, Photo Effects, Tutorials12 months ago • Written by 18 Comments

In this tutorial, I will teach you how to create a Coca-Cola can from scratch in Photoshop using shapes, brushes and layer styles. You are going to learn different techniques which you can apply to solve different problems in iconography, UI or web layouts. Photoshop is one of the most powerful programs out there and once you start learning your way around it, you’ll realize that what you can do with it is only limited by your imagination.
The best way to improve your skills is through discovery and experimentation. Don’t wait for a tutorial or article, grab an image and start trying to mimic its shapes, weight, light and shadows.

If you have any questions, use the comment section and I’ll get back to you. Let’s get started!

Create a Coca-Cola Can Using Adobe Photoshop Read More

Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]

Posted in Tips, Tutorials, Web Design1 year ago • Written by 45 Comments

Hello everyone, this is Mike and welcome to my Basic Web Design Video Course.

In this course I will walk you through the very basic steps on what to do and what to learn before, and during, building a website.

You’ll learn all the steps I use including:

  • planning
  • wireframing
  • using basic tools and panels in Photoshop
  • basic HTML and CSS
  • and after learning these we will apply our knowledge and create our very fist website from scratch.
Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing  [Part 1] Read More

How Fluid Grids Work in Responsive Web Design

Posted in Coding, Tutorials, Web Interface1 year ago • Written by 59 Comments

Responsive design is the process of arranging the layout in a way that all the important information is presented in a user readable way in any kind of device or screen size. Most designers will choose a grid based layout since it’s easier to handle grid based layouts in different kind of devices.

It’s your decision to choose between a fixed or fluid grid to design the layout. Throughout this tutorial we are going to focus on fluid grids and their importance in responsive design.

How Fluid Grids Work in Responsive Web Design Read More

47 Cool and Useful CSS3 Tutorials and Techniques

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 11 Comments

Using CSS3 proficiently makes designing a lot more fun. With a good command of CSS3, you can create beautiful designs with great efficiency and ease. The tutorials are extremely helpful, not only for the professionals, but, also for the beginners.

Here we have put together a smart collection of useful CSS3 tutorials to help you learn the nitty-gritty of it so that you can use it to create more beautiful web sites. Enjoy!

47 Cool and Useful CSS3 Tutorials and Techniques Read More

How to Create a WordPress Reward for Tweet Plugin

Posted in Coding, Tutorials, WordPress2 years ago • Written by 13 Comments

As a website owner or blogger you need a good number of subscribers and followers to be successful in the social media world. Many websites provide freebies such as eBooks, Icon Packs and Plugins in exchange for emails. Getting people to tweet your content is another trending method to get more visitors to your site. In this tutorial, I’ll be showing how to create a WordPress reward for Tweet plugin to increase the tweets on your content while satisfying everyone!

How to Create a WordPress Reward for Tweet Plugin Read More
54.204.217.249 - unknown - unknown - US