Tag: side

Style Guides in Sketch

Product design is a team sport. The best teams tend to have lots of moving parts: designers and developers and managers and researchers all working in concert on a single, refined vision. All those moving pieces come with a cost, though, in the form of meetings, emails, and file versioning—all things we do in order… Continue reading Style Guides in Sketch

Handy Sketch Features for Designing Style Guides

What You’ll Be Creating This tutorial will show you how to organize a style guide using Sketch. Additionally it will teach you some core skills for using Sketch in other situations. We will go over everything from setting up typography, using assorted grid types, to best practices for using “symbols” and “shared styles”. Typography Setting reusable type… Continue reading Handy Sketch Features for Designing Style Guides

How Good Is JavaScript for Building a Large Scale Web Application?

According to the most statistics that are recent on w3techs.com, significantly more than 89percent of sites presently utilize JavaScript as a client-side program writing language. As a cross-platform and programming that is lightweight, JavaScript makes it easier for programmers to build responsive websites and web applications that work with seamlessly with popular web browsers, operating… Continue reading How Good Is JavaScript for Building a Large Scale Web Application?

Interview with Artist Devin Mars

Devin Mars is a digital artist from USA. born in Curitiba, Brazil. He can’t really pinpoint an exact moment on the time he wanted to become an artist because it’s an idea that evolved with him. Let us know about him more in this interview. So, read on and enjoy! When did you decide to become an artist? I… Continue reading Interview with Artist Devin Mars

How to Create a Human Portrait of a Dog in Photoshop

Welcome! Today I will be taking you though some of the processes behind simulating studio lighting on images taken outside of a controlled environment. We’ll be focusing on lighting for the most part and how to get some natural highlights and shadows. What you’ll be creating Created as something fun for a friend of mine,… Continue reading How to Create a Human Portrait of a Dog in Photoshop

How to Streamline Your Logo Design Process

Creating a identity that is unique any brand can be quite a challenge, because there are so many things to factor in. The process is not as simple as throwing your creative juices into the project – that’s just a fraction that is small of. Company logo demands a great deal more from any musician,… Continue reading How to Streamline Your Logo Design Process

Create a Mystical Photo Manipulation of the Great Ragnarok in Photoshop

Rate this post Create a mystical picture and wallpaper for your desktop. In this tutorial you will learn many interesting effects such as creating lightning, fog and carved and burning runes and much more. I’ll show you an interesting example of the image toning and sharpening, a lot of interesting tricks and techniques. What you’ll… Continue reading Create a Mystical Photo Manipulation of the Great Ragnarok in Photoshop

Developing a Static Site Generator Workflow

Nobody likes finding bugs. Even worse, no one enjoys finding bugs while shopping for digital products. That is why, as a company providing a web-based bug tracking tool to tens of thousands of users, we have to ensure a bug-free environment. With our increasing number of web pages – and therefore increasing lines of code… Continue reading Developing a Static Site Generator Workflow

Create a Sci-Fi Chamber Photo Manipulation in Photoshop

Create a Sci-Fi Chamber Photo Manipulation in Photoshop 5.00/5 (100.00%) 1 vote Learn how to create a sci-fi photo manipulation of a mysterious chamber with amazing light flares and great entrance with Photoshop. In this tutorial, you’ll learn how to contruct your own chamber with textures , place a model in front of the entrance… Continue reading Create a Sci-Fi Chamber Photo Manipulation in Photoshop

How to Create a Scrolling Background in Affinity Designer

What You’ll Be Creating In this tutorial we’ll go through the process of creating a horizontal, tileable background that is perfect for side-scrolling 2D games (action, adventure, hack & slash) for PC, mobile and browsers. We’ll be using the basic vector tools of Affinity Designer, and you’ll see how we can make the image seamless… Continue reading How to Create a Scrolling Background in Affinity Designer

Animation for Beginners: How to Animate a Character Walking

What You’ll Be Creating In this tutorial I will be taking you through the steps of how to animate a character walking in place. Basically you will be creating a walk that loops infinitely, so if you were to incorporate a walk like this into a movie, perhaps the background would be scrolling from right… Continue reading Animation for Beginners: How to Animate a Character Walking

Christmas Gift – Photoshop Elements 14 For Dummies

The bestselling book on Photoshop Elements—now in a new edition Getting great photos is easier than you think—it just takes some know-how and a tool like Adobe’s Photoshop Elements. Photoshop Elements 14 For Dummies is a fun and easy-to-follow guide for photographers and photo enthusiasts who want to make their snapshots picture perfect. In no… Continue reading Christmas Gift – Photoshop Elements 14 For Dummies

Everything You Need To Know About Responsive Design – The Theoretical Side

The concept of responsive design has been around for quite a few years but it is in the past two years, responsive design has really become the talk of the town. Almost everywhere you see designers and website owners are talking about responsive designs. Some readers would find a lacuna in understanding the real definition… Continue reading Everything You Need To Know About Responsive Design – The Theoretical Side

Don’t Forget to Cover Your Client Side!

By making sure that your application is tested, you are able to reduce the amount of bugs you find in your code, increase the maintainability of your application, and design well structured code.  Client side unit testing presents different challenges than server side testing. When dealing with client side code, you will find yourself struggling to… Continue reading Don’t Forget to Cover Your Client Side!

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

Rawr! How to Draw an Anatomically Correct Dragon

Dragon anatomy is a problematic topic, mainly due to the fact that they’re mythical creatures. However I can show you how to design a believable body for this mythical creature based on basic anatomy theory. In this tutorial you’ll learn about dragon skeleton, muscles and movement. If you want your dragons to look real, this… Continue reading Rawr! How to Draw an Anatomically Correct Dragon

Responsive Web Design: Will this bubble burst?

There is a lot of hullabaloo about Responsive Web Design (RWD). Why not? After all Google recommends Responsive Web Design. So is it time for you to join the RWD bandwagon? With mobile internet surpassing the desktop-only era, with loads of tablets and mini tablets coming up and new phenomenon called ‘phablets’ hitting the scene;… Continue reading Responsive Web Design: Will this bubble burst?

Create Pure CSS 3D Model With Tridiv

We all know about WebGL, it’s an open standard browser implementation of OpenGL, and you can create 3D games, effect with Javascript. Now, we have a new way to create 3D graphic – by using CSS. I found this very impressive tool called Tridiv, a web-based editor for creating 3D shapes in CSS. If you… Continue reading Create Pure CSS 3D Model With Tridiv

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

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

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

Logo Design Guidelines

Design a logo and a visual identity goes way beyond the free form and artistic side of what most people think. There is all the rational part including proportions, scaleability optical adjustments and reproduction that has to be thought in order to create an efficient and well design logo. The visual design guidelines will provide… Continue reading Logo Design Guidelines