Template Show: How to Design a Gallery Layout in Photoshop
In this week’s tutorial we will create a gallery layout. I will not be using the 960 grid in this tutorial, the purpose is to show beginners out there how important the Ruler Tool is when you are designing in Photoshop. We will also tackle how to create and use patterns and using mask and filters.
Read More
Quick Tutorial – Creating a Letterpress and Embossed Text Effects in Photoshop
In the past few years the letterpress text effect has become a huge trend in web design. It’s being used in headers, headlines and even interfaces. The love for the letterpress effect has been transferred from printing machines to our computer screens. If done right letterpress can be a splendid and neat accent in your design. Another superb, yet often underrated, text effect is embossing. You may have seen it in some menus though. Text embossing is another effect which digital art has borrowed from traditional design. This tutorial will guide you through creating the letterpress and embossed text effect in Photoshop. The tutorial will be using some basic layer styles together with some more advanced techniques. If you’re a beginner in Photoshop text effects, continue to read to find out how to achieve fantastic looking letterpress and embossed text effects in Photoshop.
Read More
Myriad Pro: Create a Minimal WordPress Theme in Photoshop
In this tutorial we are going to create a minimal WordPress theme in Photoshop. Don’t worry if you are new with using Photoshop, any skill level will do. I’ll try my best for you to follow this tutorial from start to finish. Also, you will learn how to create simple patterns to add more texture to our WordPress theme.
This is a simple design created in Photoshop. The working demo will soon follow, which will involve converting the PSD file to a working HTML/CSS. So, are you excited? Open your Photoshop now and let’s get started!
Read More
How to Create a Web Spy with a PHP Crawler
Crawler, spider, bot, or whatever you want to call it, is a program that automatically gets and processes data from sites, for many uses.
Google, for example, indexes and ranks pages automatically via powerful spiders, crawlers and bots. We have also link checkers, HTML validators, automated optimizations, and web spies. Yeah, web spies. This is what we will be doing now.
Actually I don’t know if this is a common term, or if its ever been used before, but I think it perfectly describes this kind of application. The main goal here is to create a software that monitors the prices of your competitors so you can always be up to date with market changes.
You might think “Well, it is useless to me. You know, I’m a freelancer, I don’t have to deal with this ‘price comparison’ thing.” Don’t worry, you are right. But you may have customers that have a lot of competitors they want to watch closely. So you can always offer this as a “plus” service (feel free to charge for it, I’ll be glad to know that), and learn a little about this process.
So, let’s rock!
Read More
How to Get More From WordPress With Multisite Blogs (Network Install)
WordPress is surely the most used CMS in the world. Here we will talk a little about it’s incredibly easy multisite install (a.k.a. Network install). With multisite you can set up multiple blogs that share the same WordPress files, DB, plugins, themes, so you can do some cool things with it. We will see how to get posts from another blog in the network, as it was yours, create users, dynamically create a blog, how to create multiple blogs in different domains, and much more.
So, let’s rock.
Read More
Do’s and Don’ts of Writing Better CSS and HTML
CSS and HTML are key languages to begin with, when you decide to invest your time in web design and development. They are powerful languages and most of the time may seem simple to work with.
However, every single one of us, beginners, or advanced developers, have committed basic or major mistakes working with both these languages. With this in mind, I believe it is extremely important and always welcome to learn some good tips and practices which I hope will help you improve your skills and experience.
Read More
MyProfile – How to Design a Social Network Page
In this tutorial we are going to discuss and use Photoshop techniques and design a beautiful, attractive, stunning and well-designed social network page. This tutorial is perfect for people who are designing their own social network. At the end of this tutorial, you will have the confidence to show the world an awesome page.
Read More
1st Ideas: Create a Stylish Design Agency Website [Very Detailed]
Are you in a good mood to make something new for this week’s template tutorial? Today I’m going to show you how to create a stylish agency website. This tutorial will be quite long, just bear with me and I’m sure that by the end of this tutorial, you can create a better version. We will be using gradients mostly, combination of light and dark colors. Let’s get started!
![1st Ideas: Create a Stylish Design Agency Website [Very Detailed]](http://www.1stwebdesigner.com/wp-content/uploads/2011/04/preview_large_1stideas.jpg "1st Ideas: Create a Stylish Design Agency Website [Very Detailed]")
Read More
DiscountHotels – Design a Modern Business Website
In the following tutorial we are going to browse through the making of a web layout for a hotel website which offers deals related to trips and hotel discounts. Be sure to follow each step and if you are a bit confused, take a look at the final result to better solve your problem.
Read More
Corporate Business – Design a Modern & Stunning Web Layout
In this tutorial we’re going to create a clean and professional business layout in Photoshop. It has a great mix of colors and elements and is great for business owners and service providers. This tutorial, though long, is very detailed. Only worked with Photoshop a bit? Or maybe you’re just starting to design web layouts using Photoshop, no matter what your skill level if you carefully follow each of the steps at the end you’ll have something a finished layout similar to mine.
Read More
