illustrations

All posts tagged illustrations

Trending This Week: Impressionist Paintings in UI Design

by Caitlyn Hampton on April 7, 2017 No comments

Degas, Renoir, Monet—these are some of the greatest impressionist painters of all time, and their emotive paintings still inspire artists and designers to this day. But you probably wouldn’t expect impressionism to show up in stock images, would you? Well prepare to be surprised! In our new Future of Creativity Collection, imagination meets tech—and we’re adopting classic styles to make them something new: digital.

Impressionism is a style of immediacy and movement—of expression as much as representation. Its colors are vibrant, its brush strokes apparent. Modern artists take it to another level using heavily saturated color palettes and modern scenes.

Curious how you can use this trend in your designs? Check out how we allowed this night time cityscape to inspire our design with this music app concept.
 

Stock Images

Download the stock image used in this design.

 
Bring your designs into the modern age with sleek text treatment, heavy blurs, and less than opaque containers. Think contrast and contradiction—mix classic painting techniques with tech and let your imagination run amok. The color explosion can be contrasted with sleek design elements.

Now it’s your turn. Are you ready to let Monet and Manet back into your artist’s heart?
 

Explore Impressionist Art

 

read more
Caitlyn HamptonTrending This Week: Impressionist Paintings in UI Design

50 Best Photoshop Tutorials of 2016 — The Year’s Top Graphic Design Tips and Tricks

by Maddie Stearn on December 28, 2016 No comments

2016 has been on point in the world of Photoshop tutorials. With dozens of new and unique tips and tricks for Adobe’s most popular design program, Photoshop has only gotten better with age. From trendy effects like double exposure and text portraits to evergreen favorites like added grunge textures, there’s always more to learn. Even better, it’s never too late to start since there are always new and updated tutorials to help you along the way.

We’ve curated our 50 favorite Photoshop tutorials from 2016 for designers of all skill levels. Stock photos and graphics are also a great resource for testing these tutorials—check out our library to help you get started.

Tutorial Categories

Beginners
Text
Illustrations
Vintage
Small Businesses
Special FX & Fantasy

 

Beginners

It’s never too late to learn Photoshop, especially since every year brings a wealth of new tutorials. Whether you’re learning for the first time or looking for a refresher, these are some of the best beginner-level Photoshop tutorials from 2016.
1. How to Add Textures in Photoshop

1-compressor-copy
2. This Game Will Help You Conquer Your Fear of the Adobe Pen Tool

2
3. How to Change Colors in Photoshop

3
4. How to Add Bokeh Overlays in Photoshop

happy childredn outdoor
5. How to Create a Dazzling Holiday Card with Your Annual Family Photo

Holiday Card Photoshop Tutorial
6. How to Easily and Accurately Select Image Areas

6-alt
7. How to Use the Lasso Tool in Photoshop


8. Create Animated GIFs in Photoshop


9. Color Luminosity and How to Change It


10. The Channel Mixer Adjustment and Creative Coloring


11. Photoshop Tip: What to Do If Your JPEG Image Won’t Open


12. How To Use The Content Aware Crop In Photoshop

 

Text

Fonts and lettering have surged in popularity in recent years, so it’s no surprise that 2016 really pushed text to the limit.
13. How to Create a Visually Striking Text Portrait in Photoshop 

Tutorial How to Create Striking Text Portrait Photoshop
14. Hand Lettering Tutorial for Beginners


15. Create a Realistic Fire Text Effect in Photoshop

14-alt
16. Create a Long Shadow Text Effect in Photoshop Using Layer Styles

15
17. Create a Multi-Stroke Text Effect Using Photoshop’s New Layer Style Functionality

16-compressor
18. Banksy Style Stencil Graffiti Effect in Photoshop

 

Illustrations

Illustrations can be one of the most important and versatile assets for a design project. Luckily, 2016 provided us with plenty of Photoshop tutorials to keep our illustration skills sharp (regardless of drawing ability).
19. How to Color Illustrations in Photoshop

How to Color Illustrations in Photoshop
20. How to Create a Realistic Pencil Sketch Effect in Photoshop

20
21. Photoshop Tutorial: Low Poly Portrait


22. How to Create a Blueprint Effect in Adobe Photoshop


23. How to Create an Abstract Polyscape in Adobe Photoshop

23-compressor
24. Create Digital Collages Without Using Filters

24-compressor-copy
25. Using Patterns in Digital Art

 

Vintage

No matter how close we are to a robot-controlled world, we hope that vintage design will always have its appeal. At the very least, vintage Photoshop tutorials were still hugely popular in 2016, so we’ve collected a few of our favorites.
26. Add a Vintage Grunge Effect in 5 Easy Steps with Photoshop

Vintage Grunge Effect Photoshop
27. How to Create a Distorted VHS Effect in Photoshop

27-compressor-copy
28. Re-Color a Black-and-White Photo

28-final
29. Creating a Film Noir “Light Coming Through the Blinds” Look in Photoshop

 

Small Businesses

Knowledge of Photoshop can make a significant difference for small business owners, and these tutorials from 2016 will help you stay ahead of the game. We also recommend checking out these stock photos for social media images, stock vectors for creating logos, and stock graphics for website optimization.
30. The Ultimate Guide to Facebook Image Sizing

Facebook Image Sizing
31. How to Make Social Media Banners in Photoshop

Make Social Media Banners in Photoshop
32. Learn How to Design a Profile UI in Adobe Photoshop


33. How To Create a Watermark

33-compressor-copy
34. How to Create a T-shirt Mockup

 

Special Effects & Fantasy

These tutorials give us a glimpse at Photoshop’s incredible power, supernatural or otherwise. From fireworks and surreal photo composites to mesmerizing smoke and shattered glass effects, these tutorials will take your projects to an unreal level.

 

Special FX:

35. 7 Easy Steps for Adding Fireworks Using Photo Composites

Adobe Photoshop Tutorial 7 Easy Steps for Adding Fireworks Using Photo Composites
36. Adobe Photoshop Tutorial: How to Add Light Beams to Images

Adobe Photoshop Tutorial How to Add Light Beams to Images
37. Create a Shattered Glass Portrait

37-compressor-copy
38. Cutout Paper Style in Photoshop CC


39. Smoke Effect


40. How to Photoshop a Tattoo on Someone

40-alt
41. Dispersion Effect: Photoshop Tutorial


42. Photoshop Tutorial | Fire Portrait Manipulation


43. Create Sun Rays in Photoshop


44. Glass Window Reflection Effect in Photoshop


45. How to Create Realistic Jedi Levitation Portraits

 

Fantasy:

46. Create a Fantasy Seascape with Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
47. How to Create a Game of Thrones-Inspired Crest in Photoshop

How to Create a Game of Thrones inspired Crest in Photoshop
48. How to Create Double Exposure Effects in Photoshop

48
49. Create a Lightbulb Composition

49-compressor-copy
50. How To Create a Surreal Hollow Face Portrait in Photoshop

50

 

With all of these awesome tutorials, it’s hard not to feel inspired. Get your creativity flowing and take these how-tos for a test drive using royalty-free stock photos from our library—all with unlimited downloads for our members.

 

Discover Creative Stock Photos

 

read more
Maddie Stearn50 Best Photoshop Tutorials of 2016 — The Year’s Top Graphic Design Tips and Tricks

How to Color Illustrations in Photoshop

by Caroline Mercurio on June 16, 2015 No comments

Black and white illustrations sometimes get passed over because they lack the vibrancy of colored-in graphics, but it’s easy to change that. Adding color transforms these images from monochromatic to eye-catching and radiant in no time. In less than five minutes, you can go beyond the “paint bucket” and drastically change the visual effect of black and white illustrations. This trick increases the flexibility of your design work and allows you to repurpose graphics just by altering the colors.

Don’t believe it? Just watch the quick tutorial below! And if you want to follow along, download the elephant illustration from the video.

Add Color to Black and White Graphics With Photoshop

 

 
It’s really that simple—you’ve successfully colored in an illustration in Photoshop!

Bonus Round: Add a background
Now that you are a pro at coloring in black and white graphics, make them pop by adding a background hue to your project.

All you have to do is create a new layer (make sure that it is outside of Group 1). Then, drag the layer below Group 1 and pick a color for your background. With your new layer selected, click Alt+delete (Option+delete on Macs) and the entire background of the illustration will be filled in with the color of your choice. We chose a bright orange for our example.

12
How to Color Illustrations in Photoshop

Before & After

How to Color Illustrations in Photoshop

 
With these new skills in your toolbelt, jump in and explore all the stock black and white illustrations from the GraphicStock library. They are just waiting for you to add your own creative flair.
 

Color Your World

 

 
read more

Caroline MercurioHow to Color Illustrations in Photoshop

7 Tips For Creating The Perfect Infographic

by Caroline Mercurio on May 7, 2014 2 comments

We live in a world that has become saturated with data. According to Tech Crunch, every two days we produce more data than we did from the start of civilization until 2003. Much of that data may be potentially useful but making sense of it can be a challenge. Businesses that are able to provide their audience with insightful facts in an easy to understand format have a clear advantage. One of the best ways to achieve this goal is by producing infographics.

Infographics are a graphical representations of complex data. They provide a fun way to learn more about a particular topic without having to do a lot of reading. Infographics are also highly shareable which make them perfect for a viral marketing campaign.

Get 7 days of complementary stock graphics at GraphicStock.com.

Infographic Template Example from Graphicstock

#1 Use the best data

When creating an infographic many people focus solely on the design elements. But if the data used isn’t interesting or helpful then it won’t matter how good the infographic looks. An effective infographic needs to be founded on information that is actually interesting. One of the easiest ways to find data sources for your infographics is to look at blogs in your industry. Look for posts which have attracted a lot of tweets, +1’s and likes. This social sharing demonstrates the popularity of the content and will increase the likelihood that your own infographic will be shared.

#2 Create A Story

Infographics are a type of storytelling. Each section of the infographics needs to flow from one section to next in a logical order. Design a framework which shows how this story will develop.

#3 Use Illustrations Instead Of Graphs And Charts

When designing your infographic favor illustrations over graphs and charts. A recent study produced by Quick Sprout showed that infographics with pictures get 72.8% more Facebook likes than those just with graphs and charts. Also according to the infographic community Visual.ly, 53% of the most shared infographics do not contain any data visualization. Before you use any image ensure that it is royalty free. A widely distributed infographic which contains images you do not have the copyright to can get you in significant trouble. Use GraphicStock to source great looking royalty free illustrations for your infographic.

#4 Choose The Right Size

Marketing experts suggest that the ideal horizontal width for an infographic is 735 pixels. This creates an infographic that will stand out but not one that is so wide that it will need to be resized. It is also a good idea to keep the infographic under 5000 pixels high. If you go longer than this you risk losing the reader’s attention.

#5 Keep It Simple

To the make your infographics more readable you need to keep the design elements consistent and relatively simple. Stick to one style for all of the images, photos and graphics used in the infographic. For example, if you are using space theme, then that theme should be used throughout the entire infographic. You should also use limit the style and number of fonts that you use.

#6 Use A Single Focal Point

Clarity is key for an effective infographic. One way to achieve this is to use a single focal point that clearly displays the message of the infographic. Branching from this infographic can be other relevant data which helps to explain the story you are trying to tell.

#7 Make It Shareable

One of the biggest benefits of using infographics is that they can be shared. You want to make sharing your infographic as easy as possible. Add social sharing buttons to your infographic for the major social networks including Pinterest, Facebook, Twitter, Reddit, and LinkedIn. You may also want to include a call to action at the bottom of the infographic,which reminds the reader to share it with their friends, family and co-workers.

Infographics are perfect for breaking through the visual clutter of the internet. A bold infographic can quickly grab your audiences attention. Infographics based on insightful data that tell an interesting story are highly shareable which make them the perfect content vehicle for the social web.

Get 7 days of complementary stock graphics at GraphicStock.com.

GraphicStock Infographic Template

REFRENCES

http://www.quicksprout.com/2013/07/25/how-to-create-a-popular-infographic/
http://techcrunch.com/2010/08/04/schmidt-data/
http://blog.visual.ly/top-30-viral-infographics

 

read more
Caroline Mercurio7 Tips For Creating The Perfect Infographic