Keep posted
Advertising
This month’s Collaborators
Friends
Illustration
Behind a gifted hand: Interview and work’s showcase with Ramón Plá
While surfing to copy (just kidding) take some inspiration for our next project (keep posted, it’s going to be really useful), we found the works from this great artist called Ramon Pla, he is an Spanish artist with an amazing quality on his illustrations, and well, we wanted to start our “featured interviews” section with this (also) friendly guy… here we go starting this new section, hope you enjoy the words behind a great designer and love the design work behind a gifted hand. Read more
login design, freebies and inspiration
So, how important is a login screen for your next application or website? It’s the way you start the communication with your user, it’s the “hello world” section of your application, And believe us or not, it has to rules ! we have made a full research of the best (and fresh, like everything here in webdesignshock) login screens on the internet and prepare this huge list of both freebies and inspirational logins, firstly you will have a lot of freebies and you will be able to download the psd or vector files, then we include some really nice logins to take some inspiration, for great designers and nice applications, because, popular app’s designers know the importance of a great login ! Hope you too, when finish looking at this post ;)
Interested in icon design?, the ultimate (and we mean ultimate) tutorial and guide
Every day we’re surrounded by icons, from mobile devices to electronic transfers, icons are always present to make our life easier. Behind the creation of an icon there’s a complete team of artists and designers that are developing new techniques and styles that people can easily read and visualize.
For those who want to learn all the basics on how to create good-looking and effective icons, Iconshock has published the most complete icon design guide ever, featuring tons of great tips, references and just everything you need to know to become an expert in icon design.
Realistic vintage vector tutorial
Hello friends, did you guys enjoyed our programming tutorial on how to make a nice typewriter contact form?, well if you nailed that one now you’re probably wondering about the design itself, because it’s useless to have the code if you can’t apply it to a truly brilliant design. Don’t panic because now the second part of the tutorial has arrived and we’re about to show you how to make a great realistic typewriter with Adobe Illustrator, so fasten your seat belts and let’s go.
Poster tutorial with photoshop
Hello folks, how’ve you been?. Usually in graphic design, many things come out based on experimentation; it’s often to spend hours playing with the handlers, changing the hue and saturation and adding / removing effects before we’re completely satisfied with our idea.
On today’s tutorial we want to show you how to make a beautiful background with Adobe Photoshop; this post will guide you on a step by step process that will let you complete this design without any trouble, so open up your Photoshop and let’s begin.
200 best illustrations in web design
Following the current trends in the web design business, we have seen that illustration is becoming an important part of the entire design process of a webpage. We were used to see many minimalistic designs, slab typefaces and plenty of clean areas; but with the pass of the months, this trend is starting to change, leaving room to artists and designers to begin creating beautiful illustrations that can integrate and even become an essential part of interfaces.
On this countdown, you’re about to take a breathe of inspiration and see 200 of the most astounding characters and illustrations found on the internet during these days, maybe your website was featured if you have a great vein for creativity.
Icon by Iconshock.
OSX Leopard GUI set, Vector Photoshop and Fireworks files included, great Freebie
Hi friends, this day Tutorialshock is releasing a stunning freebie for all our community. A previously unreleased GUI set for Mac’s OSX Leopard operative system for all web developers that want to integrate great designs into their applications, web designers that are currently working with interfaces and quality GUI sets and well, of course that is also meant to be for all the Apple lovers that want to beautify their desktops with quality designs and components.
This brilliant set was developed by our design team at Iconshock, which as most of you probably know it’s a signature of pixel perfect and top quality designs. The package includes fully editable vector Photoshop sources and a customizable Fireworks PNG file, the original fonts that were utilized for the making of the GUI are also included. We hope that you really enjoy this fantastic freebie, feel free to share it with your friends and coworkers, you can thank us by spreading the world and taking full advantage of this bundle. Read more
Vector superhero tutorial
When you’re starting to work in digital media, some things are a little bit difficult to translate for the analogical style to the vectorial and bitmap fields. Usually doing things like smooth gradients, using the pen’s hardness to define volume and more manual techniques are difficult to adapt at first to the graphic interfaces of programs such as Illustrator and Photoshop. Today we are about to take a lesson like the ones you took when you were at design school, you’re going to learn how to create the basic character design for an illustration.
Space effect and background with photoshop
Today we’re going to make an advanced Photoshop illustration that will get you closer to become an expert in this Adobe software. I have always been a fan of the science fiction genre and the artwork that is made based on this style, from the classic Tron movie to the latest Star War movies, I really like everything space-related.
This tutorial is dedicated to show you how to create a fancy space vortex design with pure Adobe Photoshop. We will need to develop our own brushes, work with smart objects and use a lot of effects, this tutorial will allow you to experiment in many of the steps we took so you can get your own version of the space vortex design. Well friends, it’s time to begin.
Vector robot character icon with illustrator
Hello guys, on today’s tutorial, we are going to learn how to develop an original robot character using Adobe Illustrator. We are going to need a bit of inspiration, some basic Illustrator tools and most of all, the willing of have fun and enjoy the design process. It ain’t going to be a realistic robot illustration but a cartoon-like one, OK, open up your Illustrator and let’s begin.
Icon tutorial: video projector
When you’re starting to learn how to create realistic objects in Illustrator you usually take a real life picture for inspiration and begin drawing it. On this tutorial we will offer a better solution for you to practice your skills in Illustrator. Throughout the whole post we will learn how to make a real object with Adobe Illustrator, in this case, we have selected an old film projector, such as the early 20th century. Get ready because it’s time to start, open your Illustrator and let’s go.
Tron Legacy Icons
An out the hook icon set inspired on the classic movie Tron, ready to be incorporated inside your different projects thanks to the top quality of every icon.
We hope you enjoy it and feel like you’re back in the Tron world. Includes PNG, BMP, GIF, ICO and Illustrator files. This set was made by Iconshock – icon sets team (Proudly member of the Shock Nation family). Download after the jump.
Also feel free to subscribe us at Twitter and Facebook to be informed of our latest posts and articles.
Vector macaw with illustrator
Hello guys, today we are going to guide you on how to create a realistic icon, in this case, a realistic macaw, full of colors and volume. We will be using Adobe Illustrator and its pen tool, gradients and blur filter, it’s time to begin.
Illustrator Tutorial: Desiging a vector astronaut
Hello guys, it is time for a new tutorial. If you are a Twitter user probably you have seen our site, including the background. If you haven’t let us tell you that we created a pretty cool background with some great characters. What we are going to do is show you step by step how to create one of this characters using Adobe Illustrator, so lets get it started.
Illustrator Tutorial: realistic camera icon
Welcome to a new tutorial. In this occasion, we will be working on Adobe Illustrator.We are going to make a very realistic camera icon, so fasten your seatbelts and let’s go.