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
Tag: Create
How To Add Azure Mobile Services to a Windows Phone App
Windows Phone apps that use live tiles, authenticate users with single-sign on, and share data between devices and users generally employ cloud services. Most cloud platforms offer general purpose capabilities to store data and execute code, but you have to add a lot of infrastructure code to glue these capabilities together. Azure Mobile Services let you add cloud… Continue reading How To Add Azure Mobile Services to a Windows Phone App
Create Typography Using Simple Geometric Shapes in Photoshop
In this Photoshop tutorial, I will show you how to Create Typography Using Simple Geometric Shapes in Photoshop. This is a fun and simple tutorial, aim to get you familiar with the Shape Tool in Photoshop. Have an attempt! This is an intermediate degree difficulty guide plus some actions can be tricky. Note: The Photoshop guide is… Continue reading Create Typography Using Simple Geometric Shapes in Photoshop
How to Create This Eerie Floating Island Photo Manipulation in Photoshop
In this tutorial we will create an eerie floating island photo manipulation by using your vast imagination and the mighty power of Photoshop. I will introduce you to some simple editing techniques, smart objects and adjustment layers. Let’s begin! What you’ll be creating This is a classic floating island scene with a touch of funny… Continue reading How to Create This Eerie Floating Island Photo Manipulation in Photoshop
How To Create a Text Portrait Effect in Photoshop
In today’s Photoshop tutorial we’re going to create a cool portrait effect using a long passage of text that bends and deforms around the contours of the face. Known as a Calligram, this effect is particularly powerful when used to present famous quotes or speeches by depicting the author/speaker with the actual words. Photoshop’s Displace… Continue reading How To Create a Text Portrait Effect in Photoshop
Create a MEAN Stack Google Map App (Part I)
Introduction “MEAN Apps with Google Maps” (A tongue twister to be true). And yet, whether you’re building an application to visualize bike lanes in your city, designing a tool to chart oil wells across the globe, or are simply creating an app to help choose your next date — having access to interactive, data-rich maps… Continue reading Create a MEAN Stack Google Map App (Part I)
A Beginners Guide to Titan Framework: Adding an Enable Type Option
Providing end users with the option to enable or disable certain features of a premium plugin or a theme is pretty common. Titan Framework has recently pushed a new option to its core which does exactly that. Let’s see how you can add an enable/disable toggle button inside an admin panel, a metabox or a… Continue reading A Beginners Guide to Titan Framework: Adding an Enable Type Option
Create “Dance on Fire” Scene in Photoshop
In this Photoshop tutorial, I will show you the process I took to create this “Dance on Fire” Scene in Photoshop. Have a try! This is an intermediate level difficulty tutorial and some steps can be tricky. Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as… Continue reading Create “Dance on Fire” Scene in Photoshop
How To Create a Flat Style Vector Planet in Illustrator
The flat style has been immensely popular in the web design scene, but it’s also a fun illustration style that results in cool abstract artwork which is perfect for infographics, icons or even branding. In today’s tutorial I’ll show you how to create a vector space scene and planet in Adobe Illustrator, using its powerful… Continue reading How To Create a Flat Style Vector Planet in Illustrator
Create Ancient City Under Siege By Dark Wizard Scene in Photoshop
In this Photoshop tutorial, I will show you the steps I took to Create Ancient City Under Siege By Dark Wizard Scene in Photoshop. Have a go! This is an intermediate level difficulty tutorial and some steps can be tricky. Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout… Continue reading Create Ancient City Under Siege By Dark Wizard Scene in Photoshop
Create Surreal Scene of Dark Energy in Photoshop
In this Photoshop tutorial, I will show you the process of Creating Surreal Scene of Dark Energy in Photoshop. Have a go! This is an intermediate level difficulty tutorial and some steps can be tricky. Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier… Continue reading Create Surreal Scene of Dark Energy in Photoshop
Create a Free WordPress site without any Coding: CloudPress
Today we are going to be taking a look at a unique take on providing WordPress themes, named CloudPress, it is an app which lets you design a WordPress theme from scratch ( or choose from a number of existing themes ) and customize it using drag and drop building tools. Once you are done… Continue reading Create a Free WordPress site without any Coding: CloudPress
What To Keep In Mind When You Use Typography in Your Design
One of the most common elements of your website is typography. After all, it is for reading the content that visitors typically look to visit your web-pages. Undoubtedly, graphics and layouts are also key components of a webpage but you simply cannot ignore line heights, type size, and column width in their favor. When it… Continue reading What To Keep In Mind When You Use Typography in Your Design
How to Create a Digital Photo Illustration in Adobe Photoshop CS6
In this tutorial, it will show you the steps to turning a regular photo into an eye-catching fashion illustration using lighting effects and colour correction in Adobe Photoshop CS6. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS6 with the size 1000px… Continue reading How to Create a Digital Photo Illustration in Adobe Photoshop CS6
Create Code-free Websites with Webyo’s Cloud-based Platform – Now with New Features!
Designing websites can be an arduous task for those of who have no or very little understanding of code. Freelancers and design agencies who service hundreds or thousands of clients must use tools that allow them to seamlessly operate several websites from one cloud-based content management system. Webydo is a cloud-based web design platform that… Continue reading Create Code-free Websites with Webyo’s Cloud-based Platform – Now with New Features!
Build a Custom WordPress User Flow — Part 3: Password Reset
In the first two tutorials in this series, we have built custom pages for logging in and registering a new user. Now, there is only one part in the login flow left to explore and replace: what happens if a user forgets their password and wants to reset their WordPress password? In this tutorial, we’ll… Continue reading Build a Custom WordPress User Flow — Part 3: Password Reset
Create Mysterious “Energy Flow” Rock Text Effect in Photoshop
In this tutorial, I will show you the steps I took to create this Mysterious “Energy Flow” rock text effect in Photoshop. We will use a rock texture, river flow stock image, and cloud brushes to achieve this effect. The rock texture will form the foundation of the text, whereas the river stock will be used to… Continue reading Create Mysterious “Energy Flow” Rock Text Effect in Photoshop
How To Create Abstract Geometric Photo Collage Art
Since posting this showcase of inspiring artwork combining geometry & photography back in 2014 I’ve wanted to give this trendy style of art a try myself. I finally sat down with Illustrator & Photoshop and devised a method of transforming a photograph into an abstract collage of geometric shapes. We’ll begin with Illustrator to build… Continue reading How To Create Abstract Geometric Photo Collage Art
animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions
In user interface design, a modal window is a graphical control element subordinate to an application’s main window which creates a mode where the main window can’t be used.It can be used to generate alert or confirm messages with few lines of code. animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3… Continue reading animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions
Free Image Editor: 4 Stellar Programs to Help You Create Beautiful Images
Need a new free image editor? Today we’re taking a look at four free tools you can use to design your own custom image graphics for sharing in blog posts or on social media. While toiling away in advanced image editing programs will always allow for unparalleled sophistication, there are some incredible free tools online that… Continue reading Free Image Editor: 4 Stellar Programs to Help You Create Beautiful Images
How To Create a Seamless Topographic Map Pattern
I’ve posted articles about topographic maps before on my blog, namely my contour map effect Illustrator tutorial and my free pack of topographic map patterns. My first tutorial used Illustrator’s Blend tool to draw a series of concentric lines. It worked pretty well, but I went on to develop a technique that would help create… Continue reading How To Create a Seamless Topographic Map Pattern
Create Your Own Professional Forms for Free with JotForm
If you’ve ever built a form for your website, you must have taken a few minutes to scratch your head here and there. The task at hand can often be daunting, which is why a lot of people don’t build their own forms. Forms can sometimes take the back seat when it comes to the… Continue reading Create Your Own Professional Forms for Free with JotForm
Create 3D Star Light Text Effect in Photoshop
In this tutorial, I will show you the process of creating this 3D star light text effect in Photoshop. We will use a number of manipulation techniques such as layer blending, adjustment layers and various tools such as brush, eraser and free transform tools. Note: The Photoshop tutorial is done in Photoshop CC – therefore some… Continue reading Create 3D Star Light Text Effect in Photoshop
Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop
In this tutorial, I will show you the process used to Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop. We will use a photo of a metal dragon display in a museum and make it alive and breath fire. We will also create a mountain village scene from several stock images. Have a try! Note: The… Continue reading Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop