Graphic Design Trends

Trending This Week: Colorful Patterns and Negative Space

by Caitlyn Hampton on April 28, 2017 No comments

Color and minimalism aren’t two words you generally think to pair—but in the case of this week’s trend, vibrancy and balance work together to create a fun new design aesthetic perfect for the warmer months. From magazine layouts to user interface designs, this contrasting combination has been popping up everywhere—and lucky for you, this is one trend that isn’t difficult to incorporate into your own designs.

By combining stock photos and plenty of negative space with a nice dash of a designer-friendly typeface, we can apply this technique to a variety of mediums. Check out our take on the trend below.

 
Royalty Free Stock Photos

Download the royalty free stock photo used in this design.

 
Bold color can work beautifully if it’s done tastefully, but remember—white space is your friend and smart layout design is critical for keeping everything organized. With a few simple refinements, loud colors can even work on smaller screens without being too overwhelming.

 
Royalty Free Stock Photos

Download the royalty free stock photo used in this design.

 

What’s your take on this bold design trend? Try it for yourself! We’ve got thousands of patterns and backgrounds to inspire and get you started. What will you create?

 

Explore Bold Backgrounds

 

read more
Caitlyn HamptonTrending This Week: Colorful Patterns and Negative Space

20 Awesome Vector Chart Templates for Eye-Catching Presentations

by Allie Greenberg on April 27, 2017 No comments

Whether for a business meeting, a product pitch, or a class, presenting vital information can sometimes be difficult to keep exciting—audiences are trained to have short attention spans thanks to digital media, so presentations need to be truly captivating and appealing. If you present your material in an interesting fashion, you are bound to win over your boss, colleagues, or potential customers.

The perfect way then to elevate your slideshows are with enticing and detail-oriented chart vector graphics. We’ve collected 20 awesome vector chart templates from our library to place you in the right direction for success. Perfect for marketers, business folk, and students alike, these aesthetically pleasing graphics are a guaranteed win for your next pitch or project.

 
1.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
2.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
3.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
4.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
5.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
6.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
7.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
8.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
9.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
10.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
11.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
12.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
13.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
14.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
15.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
16.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
17.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
18.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
19.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
20.
20 Awesome Vector Chart Templates for Eye-Catching PresentationsDownload this template here.

 
Afraid your coworkers are still going to snooze in your next presentation? Discover more colorful and pictorial vector chart templates in our library. Be prepared to wow everyone at work!

 

Let’s Get Infographic

 

read more
Allie Greenberg20 Awesome Vector Chart Templates for Eye-Catching Presentations

Trending This Week: Color Block Designs with Stock Graphics

by Caitlyn Hampton on April 21, 2017 No comments

Designers have many tricks up their sleeves and one of the simplest is color blocking—a technique in which large blocks of bold color are photoshopped into the background.

Following brand guidelines can be tough. Style guides are strict and limit everything from the typefaces you’re allowed to use to the colors you can apply. In short, professional design projects can leave your creativity feeling a little stifled—but don’t despair! Color blocking is a great way to spice up your designs while staying on-brand and on-trend. Using the right stock graphics combined with a bold color blocking technique, you can breathe life back into your designs.

From display ads to website heroes, color blocking allows for some freedom by providing plenty of white space in your design.

 
graphic images

Download the graphic image used in this design.

 
In our display ad examples, we chose a yellow background to provide contrast with the model’s red hat, resulting in vibrant, playful ads that encourages potential customers to take notice.

 
Graphic Images

Download the graphic image used in this design.

 
We used the golden ratio in order to determine the size of the yellow block, positioned the model to cover a portion of the split between the two sides, and maintained her shadow in the cutouts to create some depth between the model and the background.

 
Graphic Images

Download the graphic image used in this design.

 
By using color blocking, we were able to choose a loud, bold color, and play with the layout design of the ad. All our brand guidelines were met, and creativity was still able to spread its wings.

Now it’s your turn—we’ve gathered some of our favorite stock graphics for use with this technique. What will you create?

 

Get the Graphics

 

read more
Caitlyn HamptonTrending This Week: Color Block Designs with Stock Graphics

Trending This Week: Website Heroes with Stock Images

by Caitlyn Hampton on April 14, 2017 No comments

You may have noticed recently that every website design is starting to look—well, quite similar. You’ve seen it before: a full-width website, with a full-width hero stock image or stock video, some short and clever H1 headline text centered over the hero, with a logo on the left, and a navigation bar on the right. Ring a bell? Now here’s the crazy thing—this is perfectly OK.

It may seem overdone, but users prefer familiar experiences across the web. As web design guru Steve Krug says, “Conventions only become conventions if they work.” And the truth is, this layout has proven itself effective by allowing users to navigate the site as easily and intuitively as possible. As a business owner or UX designer, you want to make it easy to engage new customers. Simply put, websites shouldn’t leave people scratching their heads and trying to figure out how to find what they want.

The formula is a simple one: with an eye-catching hero and an attention-grabbing H1 copy, you can communicate your brand and product—and users can navigate your website without interference. If you’re looking for inspiration, check out a few of our eye-catching designs made using stock images below.

 
Stock Images

Download the stock image used in this website design.

 
Stock Images

Download the stock image used in this website design.

 
Small businesses have a hard enough time acquiring new customers and expanding their reach as it is. As a web designer, it’s your job to make customer conversion as seamless as possible so your clients can make the big money. This design layout achieves just that.

 
What do you think of this design trend? Does it make you yawn or simplify your job? Whether you’re staying on trend or designing the next big thing, get all the hero images you need.

 

Get Heroic Stock Images

 

read more
Caitlyn HamptonTrending This Week: Website Heroes with Stock Images

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

Introducing BunnyBlocks: All the Stock Media You Need for an Awwdorable Easter

by Caroline Mercurio on April 6, 2017 No comments

Ah, Spring. The flowers are blooming, the sun is shining, and adorable baby bunnies are making their annual entrance into the world. When you think about it, bunnies really are the mascot of the month, and with Easter just around the corner, it’s needless to say that we’ve got bunnies on the brain.

Last month, our sister site VideoBlocks published an article on the so-called “stars of the internet”—cats. But here at GraphicStock, we think it’s time to make a case for why bunnies should be the true icons of the world wide web. We even spoke with their regional ambassador, Sir Benjamin Frankrabbit, who laid out concrete evidence of the bunnies’ superiority and tactical plan for digital domination.

Joking aside, these little guys are pretty cute—and very on-trend for the Spring season. So whether you’re a Bugs Bunny fan or more of a Peter Rabbit kinda guy or gal, we’ve got all the bunnies to get you—and your clients—through the season.

 

What’s Up, Doc?

Is it just us, or do these guys look like they’re up to no good?

 

When you get caught with your hands in the Easter Basket.

Purchase this footage of an Easter Bunny with Easter eggs.

 

I see you…

Purchase this close up of a baby bunny.

 

Bunnies: Being adorable since 1950.

Purchase this vintage 1950s footage of a bunny rabbit and a rooster on a farm.

 

Om nom nom!

Purchase this footage of two bunny rabbits eating.

 

Wait, what? Nice try, Bruno.

Purchase this footage of a cute pug dog wearing bunny ears.

 

Here Comes Peter Cottontail

 
 

 

Yes, There’s a Bunny in a Box

We don’t think we need to say more.

 

Surprise!

Bunnies

Download this photo of a baby bunny in a box.

 

Okay, now where are the good jelly beans?

Bunnies

Download this photo of a white rabbit with Easter eggs in a basket.

 

Zzzzzzzzz…

Bunnies

Download this photo of a baby bunny being held.

 

Tell it to the tail.

Bunnies

Download this Easter Bunny card vector

 

Rock on!

Bunnies

Download this photo of a baby rabbit listening to music on headphones

 

Find Ferocious Furballs

 

 

See You at the Sock Hop

So let’s face it—bunnies are not the most talkative of the fur-babies. But that doesn’t mean they don’t love a good sock-hop. Rock out rabbit-style with these springy, upbeat, and utterly bouncy tunes.
 

Tunes for a Hoppin’ Good Time

 
It’s their theme song, after all.

Download this Rabbit Tracks music.

 
I said a hip, hop!

Download this Hip-Hop loop.

 
Sing a song of Springtime.

Download this Spring Song music.

 
Time to get bouncy.

Download this Built With Springs Music.
 

Rabbity Sound FX

Just because they aren’t chatty doesn’t mean rabbits don’t make any noise. From a cartoon “boing” to the crunch of a tasty carrot, here’s just a taste of our bunny-riffic sound effects.

 
Munch munch munch…

Download this eating hard vegetables sound effect.

 
Boing!

Download this cartoon spring jumps sound effect.

 

Rock Out With Rabbits

 

So now that bunnies are in your life—literally and digitally (you’re welcome)—how will you celebrate the season? From memes to mascots, bunnies have all the star-power of kittens and then some! Keep calm and hop on.
 

read more
Caroline MercurioIntroducing BunnyBlocks: All the Stock Media You Need for an Awwdorable Easter

Tutorial: Create Simple, Stunning Floral Typography with Photoshop

by Maddie Stearn on April 6, 2017 No comments

Do you need seasonal, standout creative that leaves a lasting impression? Ad agency bigwigs and book publishers often rely on floral typography when they need bold, organic imagery—but with our straightforward tutorial, you too can add this advertising “secret weapon” to your arsenal.

Floral typography describes the design technique of layering text and floral images to create a multidimensional effect. Yet, the name can be a little misleading since we’re not talking about text made from flowers; the text just lives amongst the flora and fauna. The trend has even expanded beyond florals to include other foliage as well as abstract designs.

Businesses have latched onto the trend, and many spring design campaigns make use of floral typography. The technique varies widely from design to design, so businesses can easily diversify their materials. Small businesses need not cringe in fear; floral typography is pretty simple to replicate, and stock images make the entire process even smoother.

Anyone can master the floral typography trend with a little practice. Armed with this tutorial and stock images, small businesses can easily keep up with the big guns without breaking the bank.

To get started, check out our hand-curated gallery of stock floral images from the GraphicStock library.

 

Step 1. Create New Photoshop Canvas

Create a new canvas in Photoshop and paste your floral image onto the canvas (we used this stock bouquet photo). Resize as needed by clicking Command/Ctrl + T.

(For clarity, we named the layer with the flower image “Floral Layer.”)

floral typography

 

Step 2. Duplicate Layer

 

Right click on the Floral Layer and select Duplicate Layer. In this example, we named the new layer “Floral Layer copy.”

floral typography

 

Step 3. Add Layer Mask

 

Select the new layer and click the Add Vector Mask icon at the bottom of the Layers panel.

floral typography

 

Step 4. Invert Layer Mask

 

Select the layer mask (not just the layer) and click Command/Ctrl + i to invert the layer mask. The layer mask icon will turn from white to black.

floral typography

 

Step 5. Draw a Rectangle

 

This step is optional, but framing your text can add a nice touch to the design.

Select the Rectangle Tool and draw a new rectangle. Use the Properties panel to adjust the fill and line colors, as well as the line thickness.

floral typography

 

Step 6. Move Layer and Adjust Opacity

 

Select your rectangle layer in the Layers panel on the right and move the rectangle between the “Floral Layer” and “Floral Layer copy”.

With the rectangle layer still selected, lower the opacity so that you can see both the rectangle and the flowers underneath it.

floral typography

 

Step 7. Paint

 

Make sure that your foreground color is set to white and your background color is set to black. To adjust these colors, simply click on their respective boxes and select the desired color.

Select the layer mask and then click the paintbrush tool. Begin painting over the areas of the rectangle that you want to erase. If you erase too much, simply hit the X on your keyboard and paint over the area you want to correct. Hit the X again to switch back.*

The hardest part is deciding which flowers should cover the rectangle. Try to pick flowers that are in the foreground (as opposed to the fuzzier flowers in the back). This will help add dimension to your design.

(*The X command switches the foreground and background colors. You paint with white to erase and black to correct.)

floral typography

 

Step 8. Add Text

 

It’s actually more efficient to add the text when you create the rectangle, but the order doesn’t really matter. Just make sure that, when you do create the text layer(s), you place them between the “Floral Layer” and “Floral Layer copy” just like we did with the rectangle layer.

Again, adjust the opacity on the text layers so that you can see both the text and the flowers beneath.

floral typography

 

Repeat Step 7

 

Use the paintbrush to erase/repaint pieces of text to make it look like the text and flowers are overlapping. This is a little trickier than the rectangle because you don’t want entirely cover any of the letters. Try to find where the letters overlap with stems and the edges of petals.

floral typography

 

Once you are done painting, your image is complete!

floral typography

 
There you have it! You’ll be a floral typography pro in no time. It just goes to show that with a little practice, and some stock photos, your small business can have a big impact—and while you’re at it, incorporate some Spring sunshine with these stunning floral stock photos.

 

Discover More Floral Images

 

read more
Maddie StearnTutorial: Create Simple, Stunning Floral Typography with Photoshop

Trending This Week: Monochromatic Illustrations With Stock Vectors

by Caitlyn Hampton on March 31, 2017 No comments

The tug-of-war between design and color is a tale as old as time, but at the end of the day, good design deserves a thoughtful color scheme—and vice-versa. To get the most out of this dynamic relationship, learning the fundamentals of color theory is one of the first things you should tackle as a designer. Sometimes an idea can spring from a color palette and breathe life into your designs. Other times, it’s the glue that keeps all of your ideas together.

This season, one color scheme in particular is ruling the design scene, and it’s refreshingly easy to achieve. A monochromatic color palette is a great choice for creating visual consistency while keeping your projects on-trend. Just take a look at our monochromatic book cover design below. With just a few simple stock vectors, some carefully placed text, and a Hue blend mode layered on top, we’ve created a beautiful cover design of one of our favorite books—Creativity, Inc. by Ed Catmull and Amy Wallace.

 
Stock Vectors

Download the geometric seamless plaid stock vector and flat illustration stock vector used in this design.

 
Beautiful design doesn’t have to be difficult to achieve—in fact, simplicity often makes for a more effective design. Monochromatic color palettes can take retro elements like plaid and a typeface like Bookmania and make them feel modern and fresh.

 
So, what do you say—are you bold enough to start designing your own monochromatic illustrations with stock vectors?

 

Explore Stock Vectors

 

read more
Caitlyn HamptonTrending This Week: Monochromatic Illustrations With Stock Vectors

Trending This Week: Linear Vector Icons in Web Design

by Caitlyn Hampton on March 24, 2017 No comments

In web design, vector icons not only make your page look on-trend, they’re also great to convey a large amount of information in a way that’s both efficient and visually appealing—a rare combination in the world of design. Since users tend to rapidly skim pages, well-designed icons make your message easier to pinpoint by breaking up the content of a page so that viewers can quickly identify your services or products.

Take a look at our example below. This attention-grabbing homepage is noticeable for all the right reasons—with one quick glance, you get all the important details without any visual or verbal clutter.

 
Stock Vectors

Download the icons used in this website design.


 

So now you see why icons are a win-win for content and design, but the tricky thing about icons is that they can be really tough to design well. They require time and an attention to detail that can take hours or even days to get just right—even if you’re a professional designer.

The good news? We recently acquired a new collection of stock vectors for our library, including dozens of high-quality icon designs. They will take your web pages to the next level and save you hours upon hours of work. Check out some of our favorites here and if you want to see how to use icons in a resume, check out this post.

 
Stock Vectors
 
So what do you say—are you ready to take your website designs to the next level?
 

Explore New Icons

 

read more
Caitlyn HamptonTrending This Week: Linear Vector Icons in Web Design

Trending This Week: Geometric Illustrations and Grunge Textures

by Caitlyn Hampton on March 17, 2017 1 comment

With flat design being all the rage recently, it’s hard to find a digital design with texture and depth. But trends are always evolving and revolving, so it came as no surprise when we noticed a deviation from this new norm. This textured landscape illustration by Berin Catic caught our attention. It still uses similar concepts to flat design—simple geometric forms, distilled down from their complex shapes in reality—however, with one distinct difference: the use of grunge textures. We couldn’t help but notice that this style can be easily recreated using stock images.

 
Stock Images Using Grunge Textures

Download the grunge texture and landscape vector used in this design.

 
Stock Images Using Grunge Textures

Download the grunge texture and landscape vector used in this design.

 
To recreate Catic’s look, we used simple geometric shapes, added a grunge texture with the blend mode set to Soft Light, and finally added a color overlay with the blend mode set to Hue. You can color each shape differently; however, we chose to use a color overlay for a monochromatic look.

 
So what do you say—would you add texture to your illustrations or are you a flat design for lifer? Let us know in the comments and get started with your next work of art!

 

Discover Dimensional Grunge Textures

 

read more
Caitlyn HamptonTrending This Week: Geometric Illustrations and Grunge Textures