Showing posts with label Design. Show all posts
Showing posts with label Design. Show all posts

Tuesday, October 14, 2014

Video tutorial design flat cup of coffee in illustrator


As I know, Now flat design is very popular for designer.  Flat design refers to a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, or textures) and is focused on a minimalist use of simple elements, typography and flat colours. Designers may prefer flat design because it allows interface designs to be more streamlined and efficient. 
This tutorial also I has make in illustrator. I saw a picture of cup of coffee in Google and I try to design it in illustrator. And I hope you like it.

Read more ...

Friday, October 10, 2014

illustrator flat design workspace (Free Download)



Follow Youtube tutorial I has design a Flat Design Workspace in illustrator and share it to all of you who looking for workspace flat design. Anyway you can also learn this tutorial also. I has put in below. And the tutorial also made by armaganvideos.
Read more ...

Friday, August 29, 2014

Free download Icon set PSD


Using icons in your website is making a website look more nice and attractive. Instead of creating your own icons there are tons of great icon sets for you to use freely in personal and commercial projects. And in the article I have collect some free icons set for you to download and using in your website.
Read more ...

Thursday, August 21, 2014

Free Ebook (Web/Mobile UI Design) from UXPIN


Today I am sharing of collection Ebook on UI Design, wireframing and latest Web and Mobile design trends authored by the experts at UXPin.
Read more ...

Dirty Car that you should see

Do you hate your dirty car? So you need washing to it. But with Scott Wade, he look at the dirty car and creates a beautiful art on it. Scott Wade he known as the "Dirty Car Artist".  His early drawings were usually funny faces; his dad was an amateur cartoonist, and Scott developed his own style of cartooning. Eventually though, he became curious; could he expand the visual vocabulary from that fat line? He started experimenting with using a fingernail to get a finer line, the pads of his fingers brushed lightly to create some shading.

If you’re keen on checking out more of Wade’s work, have a look here.



GREAT BLUE HERRON AT THE NARROWS
Created for a book signing event for Jimmy Ash’s wonderful new book, “Blue Herron Crossing.” The setting in this image is the Narrows, a magical and protected place on the Blanco River, in Central Texas.


LUNCHEON OF THE BOATING PARTY
This detail from Renoir’s excellent painting was created for the Wine & Art Walk in San Marcos, TX. 3/7/2014


MONA LISA/STARRY NIGHT
The very first “serious” piece, after realizing the potential of my new, dusty medium.


A FRIEND IN NEED
From the famous painting by C.M. Coolidge. I created this one right after Mona Lisa / Starry Night. It was suggested to me by my friend, John McDavitt. He’s had more than one good idea for me!

MITSUBISHI: CAR #1
One of three pieces I did for a potential Mitsubishi ad campaign, in Lisbon, Portugal. March, 2007


RELATIVITY
From the famous work of M.C. Escher. Created as part of a gallery exhibition for Carstar’s annual “Soaps It Up” fundraiser. Toronto, June, 2012


HYLAS AND THE NYMPHS
From Waterhouse’s romantic painting. Created at the Seattle Art Car Blowout during The Freemont Fair. What a great time we had there! Those Seattle art car folks are a great bunch of folks.


PET FEST
An early piece I did at Pet Fest, San Marcos, TX


PONTY BONE: 70X AROUND THE SUN
Created in honor of the great Ponty Bone, Texas accordion legend for his 70th birthday party at famous Gruene Hall, Gruene, TX. October, 2009


Read more ...

Tuesday, August 19, 2014

Beautiful CSS3 button with effects & animations

Beautiful CSS3 button with effects & animations - Share The Cocepts
Are you looking for a beautiful CSS3 button with effects & animations? Here are some of the button I had collected from internet.

Clean Circle buttons
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
Switches inspired by this dribbble shot
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
Christmas Button
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
Button us Unicode symbols
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
Pressable CSS3 Social Buttons
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
Slidey Button
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
CIRCULAR PROGRESS BUTTON
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
Spin Button
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
SWITCHES WITH CHECKBOXES
Beautiful CSS3 button with effects & animations - Share The Concepts
Demo
Read more ...

Thursday, August 14, 2014

Gravit : UNLOCK YOUR DESIGN POTENTIAL (Beta Version)

Gravit : UNLOCK YOUR DESIGN POTENTIAL - Share The Concept

Meet Gravit – the cutting-edge design app that will take your creativity to new heights. Gravit offers the creative possibilities of a full-scale design suite - but in a snug app-sized package. Powerful yet easy-to-handle, Gravit has been custom designed from the ground up with an emphasis on versatility, fluidity and elegance – complex design tasks are made simple through its robust suite of tools and highly responsive smart work environment. Express yourself in a new way with Gravit – the new must-have tool for today’s pioneering design professionals!


Simplicity

Gravit offers an intuitive context-sensitive user interface which responds dynamically to your work process, without sacrificing one iota of functionality or capability. The right tools present themselves as required – the result? An uncluttered, smart design environment that is a real pleasure to use.





Elegance

Gravit’s advanced style-sharing features make it possible to share design assets between multiple documents, unifying your designs and saving you time. And creating those assets has never been easier - from common tasks like color palette selection to more advanced techniques like applying multiple-layered visual effects, our custom-designed styling system allows you to create complex and elegant designs with ease. A potent combination of simplicity and power – at every step.









Power


Gravit’s selection of powerful shape and path tools offer a range of possibilities that is second to none, enabling you to achieve complex effects from the simplest of components. Create and adjust rectangles, polygons and ellipses with ease, then apply automatic path smoothing, advanced vector effects – watch as your designs grow in complexity and daring, while remaining fully adjustable and responsive.










Read more ...

Iconion : awesome icon creator free download for Win and Mac

Iconion : awesome icon creator free download for Win and Mac - Share The Concept

Iconion Icon Generator
Icon fonts are an exciting method that gives web designers the scalability, flexibility, and performance to manipulate the icons. But what if you need to use these icons in a desktop or mobile application? Or create a website favicon or multi-colored icon? 
The only answer is old-fashioned image icons in png or ico format. Iconion converts your favorite icon fonts to modern, colorful image icons.

What you can do with Iconion?
Select icons from Font Awesome, Entypo, Linecons, Typeicons and any other symbol fonts you like.
Save as png, bmp, jpeg or ico files.
Select any size, no matter 8px or 1024px, the images will be of the same crisp quality.
Add style: Icon color, Icon shadow and Icon long shadow, Gradient, Stroke, Icon rotate, Background, Background color, Background gradient, Background shadow, Background border, Rotate. Or just apply one of awesome pre-made templates!

Which icons you can create with Iconion?
Flat icons, round icons, square icons, long-shadow icons, Windows 8 icons, iOS icons, Mac icons, custom social media icons: facebook icon, twitter icon, google plus icon and many more...


Read more ...

Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad

Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad - Share The Concept

Back in 2009, Mercury released an Illustrator file of vector-based iPhone UI elements. We originally created this resource because we found ourselves needing a place to quickly grab vector versions of iPhone buttons, bars, and stock elements when creating our designs.

Of course a lot has changed in iOS UI since 2009, especially in the past year. We have continued to create internal UI resources but haven’t slowed down long enough to share an updated UI file until now. [CUE DRAMATIC LIGHTING AND SOUND EFFECTS.]

If you are here strictly to download the file and bolt, we can appreciate that you are busy and won’t hold it against you. A download link appears at the bottom of this post. However, if you are interested in reading a bit more about why we created an Illustrator version of these assets and a little info about the file itself, please continue. 

Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad - Share The Concept

When we released our previous file in 2009, the main question we received was why we would go to the trouble to create an Illustrator version of the iPhone UI elements. We addressed this at the time in a post titled “Why build iPhone app mockups in vector format?” There is even a nice note about the then rumored imminent introduction of higher resolution screens and how we hoped our use of vector files would help us once they were announced. (It helped A LOT.) 

But I wanted to quickly address why we continue to use Illustrator. To be clear, I’m not trying to convert any of you to Illustrator or wage another war on which design tool is best. Let’s be honest, neither Illustrator nor Photoshop were created with the specific needs of UI designers in mind. Though Mercury’s design team has many years of experience with both Illustrator and Photoshop, we find Illustrator to be the fastest way for us to be productive and create precise software mockups. 

Multiple Artboards, reusable Symbols, and the ability to quickly select an Object or series of Objects and drag to duplicate are just a few of the things that make Illustrator an efficient and powerful tool for us. However, Illustrator is not without its faults. Raster effects like blurring leave a lot to be desired and exporting of final raster assets sometimes — maddeningly — result in pixel shifting, regardless of pixel precision and sub-pixel avoidance. 

When it comes right down to it, if you are more comfortable or feel more productive in Photoshop or newer up-and-coming tools like Sketch, that’s awesome. The folks at Teehan+Lax have you covered with similar UI kits for Photoshop and Sketch that you can download from their site

Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad - Share The Concept

About The File
I won’t bore you with the intricate details of our design team laboring away like loving Keebler Elves to put this all together, but know that every element in the file was redrawn as editable vector objects from the original iOS 7 screenshots. 

Though the majority of the items in the document are based on iPhone, this file includes a few iPad specific items as well. We decided not to break iPhone and iPad apart since there is so much redundancy. It seemed best to keep everything conveniently located within a single file. We also expect that the separation between iPhone and iPad will continue to soften over time. Apple is pushing for developers to focus on more flexible layouts and if rumors hold true, the days of additional screen sizes for iOS hardware are fast approaching. 

This file is compatible with Adobe Illustrator CC and newer and was created at retina size for iPhone 5 and newer. Below are a few features you might appreciate.

Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad - Share The Concept

Pixel Grid Alignment: We’ve focused on making this file pixel-perfect. Everything is on a pixel, when possible, so that all assets are sharp and clean. This includes using 1px tall/wide boxes rather than strokes for divider lines and turning on raster view when redrawing icons to make sure things are as accurate as possible. Also, we’ve purposely turned “Align New Objects to Pixel Grid” off in the Transform palette because it wreaks havoc on corner radii and icons. We recommend that you do the same. 

Grouping: We’ve grouped like elements together so that it’s easy for you to grab an asset and drag it to your file or do isolated editing. We’ve also grouped transparent boxes with icons and other objects that may not sit on a pixel so that they don’t get misaligned. 

Global Swatches: If you look in the swatches window, you’ll notice a number of global swatches (the ones with the little white triangles in the corners). If you edit any one of these swatches (the key color, for example), it will change all the comps to reflect that change. We hope that you’ll find this handy for theming elements based on your app’s unique color palette. 

Symbols: Though we tried to keep symbols to a minimum, you’ll notice that we did use a few 9-sliced symbols for things like keyboard buttons. And now, the moment you’ve been waiting for… 


Read more ...