How To Create Reflection Text for Your Logo Design in Photoshop

In order to achieve the most professional appearing logo, sometimes you will need to know how to create a reflection from text. This is necessary because for some projects, you will want to create the illusion of depth, three dimensionality, or just to give the impression that your text is placed on something reflective, like glass, or water. Either way, it is important to know how to manipulate text and to create a reflective text, because you never know when you might need it. This tutorial is quick, easy to follow, and will give you an idea of how to give depth to your typography, along with a review of tutorials from other websites that create tutorials based on creating reflective texts. Today, we will show you how to create reflection text for your logo design, and review some great tutorials with different perspectives and approaches to the same concept.

Read More →

Photoshop Tutorial: How To Create Metal Text for Your Designs

Have you ever seen typography designs have fun or interesting texts that you would like integrated into your own designs? Whether it’s graphic design, web design, or even an app design, eye-catching texts are important, because it is exactly what your potential clients read to see if they like what you have to offer. You are only helping your cause if you have a variation of interesting text that allows any reader to be intrigued and engaged. Some of the time, typography is created by hand. Other times, it’s useful to learn about the many qualities that Photoshop has, especially for creating your own style of text. Today, you will learn how to create metal text for your designs.

Read More →

35 High Quality Photoshop Web Design Tutorials

If you’re looking to get to grips with creating websites, one of the first skills you’ll need is to be able to create a concept website design in Photoshop. This post rounds up 35 of the best Photoshop web design tutorials on the web. Learn how simple effects and techniques are used to create detailed layouts in a range of different styles and how page elements are mocked up into complete page designs.

Read More →

25 Detailed Tutorials for Coding Up Your Web Designs

One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide.

Read More →

Web Design Trend Showcase: Rockets & Spaceships

Yep, that’s right – Rockets! Probably one of the most obscure mini-trends, but one that’s developed a fair number of examples. Rockets and spaceships are appearing in a range of website designs and layouts.

Let’s take a look at some examples of websites using rockets and spaceships effectively.  We’ve also included some resources where you can find free rocket/spaceship graphics of your own. You will find some cool icons and vector illustrations at the bottom of this article.

Read More →

Create a TV Screen 404 Page with Clever CSS Tricks

I’m currently working through a redesign of my SpoonGraphics blog and wanted to create something fancy for its 404 page. I decided to have a go at coding up a full screen retro TV screen filled with animated static noise, upon which I could display the usual 404 text and relevant links. Follow the step by step design process of the final 404 page and learn how a bunch of clever little CSS tricks helped transform the idea into reality.

Read More →

How To Create Repeating Texture & Pattern Images

Repeating background images are safest method of styling up your website background other than a plain old CSS background color. Websites are viewed in all types and sizes of browser these days, so a repeating background ensures the whole of the user’s screen will be filled with your design, unlike a static image that can often end up being cropped off or lost in a sea of flat colour. Let’s take a look at how seamless or repeating textures and patterns can be created in Photoshop.

Read More →

How To Create a Blog Theme Concept in Photoshop

In the next few tutorials posts we’re going to go through the process of building a WordPress theme, starting today with the initial design concept in Photoshop. Follow this step by step walkthrough of the creation of the design concept for my Ticket Stub theme, which is based on a movie review type blog. We’ll create a full page design ready for coding up into a fully working website.

Read More →

Create a Stylish Contact Form with HTML5 & CSS3

Follow this step by step process to create your own stylish contact form completely out of HTML5 and CSS3. We’ll be using a couple of the handy new features in HTML5 to add cool functionality to our form, while making use of cool CSS3 properties to recreate our Photoshop concept purely in code.

Read More →

Design a Textured Outdoors Website in Photoshop

Learn how to design a textured outdoors website in Photoshop, by following this easy, step by step tutorial. Check it out and start learning!

In part one of this website build project, we’ll go through the process of creating a detailed concept for an outdoors site. The design is based on a range of textures and a mix of blue and greys to create a stylish and sophisticated website for ‘Pinewood Forest’.

Read More →

Verified by MonsterInsights