This year, many people were under the impression that everything was going to be 3D. We have 3D TV’s, 3D movies, even 3D smart phones. To bond with that idea, it is a good skill to have as a graphic designer, web designer, or if you just want to get more familiar with Adobe Illustrator and all of the great options it offers for creators and designers alike. There are many ways that you can use Adobe Illustrator to manipulate text and shapes to appear 3D. Of course, there is always the actual 3D option in Photoshop,but sometimes it is good to know that you can create a 3D illusion without it, building your experience with Illustrator, Photoshop, even when using these ideas in actual sketches for logos! Today, we will review a few great tutorials on how to create a 3D logo design.
tutorial
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.
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.
30+ Horizontally Scrolling Websites Showcase
Love them or hate them, horizontally scrolling websites are scattered around the net, and there are some fantastic examples. Unlike the traditional layout of a website that scrolls up and down, horizontal websites flip things around and scroll from left to right. Sometimes they’re enhanced with Javascript to offer an even richer user experience, such as auto-scrolling effects. Check out this collection of 30 inspiring examples, and follow on to a hand full of brilliant tutorials that give an insight into the theory and practice of creating a horizontal site of your own.
How To Create Flat Style Breadcrumb Links with CSS
With all the progressions of CSS and CSS3 over recent years we’ve reached a point where many of the old coding techniques that involved background images can now be created entirely with CSS. In this tutorial we’ll look at creating a series of breadcrumb navigation links in a flat design style without the need for the previously popular “sliding doors background image” method.
How To Create a Set of Vector Weather Line Icons in Adobe
Stroked line icons really complement a flat interface style with their minimal and basic appearance. Let’s take a look at building a set of stylized vector weather icons of … Read More →
How To Create a Trendy Flat Style Nav Menu in CSS
I’ve heard from a bunch of people who found my CSS drop down menu tutorial really useful, so today’s we’re going to build another menu with some fancy hover effects. With the Flat design trend being so popular we’ll use adopt this style for today’s menu by using bright solid colours and clean icons. We’ll be using various must-know CSS techniques so this is a great tutorial for any web designers learning the basics.
How To Create a WordPress Custom Page Template
Creating a WordPress theme to accommodate your website design concept becomes so much easier when you know about things like Custom Page Templates. WordPress operates using posts and pages, but every page doesn’t have to be cookie-cut from the same format. You can create unique layouts and content for specific pages to create visually interesting sites that are still editable via WordPress’ powerful publishing tools.
How To Create a Simple Collapsing Header Effect
A couple of weeks ago I posted a showcase of web designs with clever header effects. In that roundup we saw a bunch of sites making use of a simple collapsing header effect, where the page header or banner would gradually shorten and disappear upon page scroll. Let’s take a look at recreating this cool effect for use in your own website designs.
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.
