Envato https://envato.com Design & creative inspiration Thu, 12 Jul 2018 06:22:09 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.6 https://assets.wordpress.envato-static.com/uploads/2016/08/cropped-favicon-32x32.png Envato https://envato.com 32 32 Realistic & High-Resolution Apparel Mockup Templates https://envato.com/blog/apparel-mockup-templates/ https://envato.com/blog/apparel-mockup-templates/#respond Sun, 06 Aug 2017 22:14:44 +0000 http://envato.com/?p=32521 Realistic mockups are useful templates that apparel designers often use as a cost-effective way of testing a design before actually going into production.

The post Realistic & High-Resolution Apparel Mockup Templates appeared first on Envato.

]]>

Realistic mockups are useful templates that apparel designers often use as a cost-effective way of testing a design before actually going into production.

This means that after you have designed your artwork you can convert your 2D design into a realistic 3D item very quickly.

Using one of the templates below, the process becomes even quicker as you can easily insert your own artwork using Photoshop Smart Objects and quickly edit the appearance to match your design.

T-Shirt, Polo & Hoodie Mockups

T-Shirt Mockups Pack (2000×1500px, PSD)

With these PSD templates you can change the t-shirt color, edit the background, change the small manufacturer label and, of course, you can insert your own designs. There are three templates included in the package: Laid, folded and piled.

T-Shirt Mockups Pack

T-Shirt Mockup (1920×1440px, created online)

This mockup is even easier to generate than the others—you don’t even need Photoshop! Just upload your image, let the Placeit website create your T-shirt mockup using this cute image of a couple making funny faces, and download your high-resolution mockup ready for use. You can even customize the color of the shirts and the background!

T-Shirt Mockup

T-Shirt Mockups (3500×3000px, 300dpi, PSD)

In this mockup collection there are templates for both male and female t-shirt styles, and all you have to do is paste your design into the Smart-Object and you’re done. You can also edit the skin tone and hair color of the models.

T-Shirt Mockups

Photorealistic Soccer Outfit Mockups (2000×2186px, PSD)

With this photo-realistic mockup kit you can design your own unique football kit (strips and shorts). The templates also come with displacement maps that give a wrinkly realistic feel to the mockup.

Photorealistic Soccer Outfit Mockups

Realistic Polo Shirts Mockups (3000×3000px, PSD)

This very easy to edit polo shirt mockup kit supports unlimited colors and comes packaged with four fantastic effects: Holga, Sunny Day, Blueberry and Sahara.

Realistic Polo Shirts Mockups

Fashion Bundle (2500×2800px, PSD)

There are a total of six high-res PSD mockup templates in this package. That includes 2x t-shirt mockups, a folded shirt template, a hat template and both female and male model mockups.

Fashion Bundle mockups

Hoodie Mockups for Men (1300×700px, 300dpi, PSD)

This kit includes four hoodie mockups – front and back views, and with and without models – and, apparently the male model is also included 😉

Hoodie Mockups for Men

Formal Wear Mockups

Shirt Pattern Design Mockup (2083×2482px, PSD)

Shirt Pattern Design Mockup

Sneakers Mockups

All-Star Shoes Mockup (1260×870px, PSD)

With this kit you can quickly illustrate a sneaker mockup very easily You can add any background, choose the shoe color and you can, of course, insert your own pattern design.

All-Star Shoes Mockup

Hats & Caps Mockup Templates

Professional Cap Mockup (1700×1350px, PSD)

Professional Cap Mockup

Snapback Cap Mockup (1534×1300px, PSD)

Snapback Cap Mockup

Classic Rimless Beanie Mock Up (1599×1500, PSD)

Classic Rimless Beanie Mock Up

Kids & Babies Apparel Mockups

Baby Clothes Mock-Up (4000×4000px, 300dpi, PSD)

Baby Clothes Mock-Up

Baby Clothing for Winter Mockups (2000×2000px, PSD)

This collection of highly realistic baby suit mockups comes packaged with four different variations, and are all styled in their own layers so you can change any of the elements and also add your own designs or logos with ease.

Baby Clothing for Winter Mockups

Templates available for unlimited download

Not sure what template to choose? Check out the apparel mockups available for unlimited download through our design subscription service, Envato Elements.

T-Shirt Mockups

Hoodie Mockup Set

Women’s Sweater Mockups

Baby Bodysuit Clothing Mock-up

Bucket Hat Mockup Pack

Cap Collection Mockup

Related reads:

This article was originally published in November 2016 and has been updated.

The post Realistic & High-Resolution Apparel Mockup Templates appeared first on Envato.

]]>
https://envato.com/blog/apparel-mockup-templates/feed/ 0
Everything You Need to Get Started With Adobe After Effects https://envato.com/blog/learn-something-new-adobe-effects/ https://envato.com/blog/learn-something-new-adobe-effects/#respond Wed, 01 Feb 2017 23:06:19 +0000 http://envato.com/?p=30937 This quick and easy introduction to Adobe After Effects will help you get started and master basic skills.

The post Everything You Need to Get Started With Adobe After Effects appeared first on Envato.

]]>

After Effects’ extensive and professional-level array of tools and features has made it the first choice for professional and amateur filmmakers and animators for a number of years now.

But for anyone that is just starting out with the application, it can have an intimidating learning curve. So, to help you create video backgrounds for your website and to also help get you on the path to visual storytelling genius, we have a 10 part video course that has been specifically designed by Envato Tuts+ to help anyone that is stepping into the world of After Effects for the very first time.

Before we get started, here’s a few more resources on Adobe After Effects that you might find useful:

Course Overview & Introduction to After Effects

Part 1. Overview and Getting Started

In the first part of this series, you are taken on a guided tour of the perplexing After Effects interface. You will learn how to open all of the project files that accompany each part of the tutorial, how to import assets into your project, and how After Effects projects actually work.

Download Part 1 Source Files (zip)

Part 2. Intro Project

In part 2 you’ll discover how easy it is to create a simple motion graphics product. The idea of this straightforward task is to give you more confidence and a better understanding while working within the AE interface, and also to learn some of the more common After Effects processes.

Download Part 2 Source Files (zip)

Part 3. Animation, Pre-Compositing & Nesting

This where the fun begins! In this part, you will learn all about the various animation tools and how to activate the animation for the layer and effects properties.

Download Part 3 Source Files (zip)

Part 4. Effects & Video

In part 4, we are shown many of the effects that are available in After Effects, and how to apply and animate each one. It all covers the importance of understanding the layer order of the applied effects and also gives an introduction to working with video.

Download Part 4 Source Files via Tuts+

Part 5. Text

In part 5, you’ll quickly learn how to create and manipulate text assets, how to edit fonts, and also take a look at paragraph boxes and how to add layer styles to text layers.

Download Part 5 Source Files via Tuts+

Part 6. Color Correction

This part covers blending modes and how to brighten and darken your footage, you will also discover how to create vignettes and how to use them for creative focus.

Download Part 6 Source Files (zip)

Part 7. Masks, Shapes & Rotoscoping

In this part of the series, you’ll learn how to create masks and how to manipulate mask settings, also learning how to create shape layers and explore the differences between shapes and masks.

Download Part 7 Source Files (zip)

Part 8. 3D, Tracking & Stabilization

In this in-depth part, you’ll explore the built-in 3D capabilities of AE, learning how to create lights, cameras, and 3D layers. You’ll also learn how to use Depth-of-Field and how to apply 3D-specific effects. And finally you’ll be introduced to Motion Tracking, Footage Stabilization, and 3D Camera Tracking.

Download Part 8 Source Files via Tuts+

Part 9. Audio, Parenting & Expressions

This part is all about the audio features in AE, and how to use audio assets. You will learn how to parent layers and how this can save you a lot of time and effort in compositing motion graphics. You’ll also learn how to implement expressions and how to amend them.

Download Part 9 Source Files

Part 10. Rendering

Finally, we are at part 10! In this final video, Dave takes a look at the rendering features and how to add your project to the “Render Queue”. Finally, you’ll learn about video codecs, why they exist and then take a look at some of the more common output versions.

Download Part 10 Source Files

This video series has been produced by Dave Scotland, a 12 year CG expert with a natural gift for making the technical seem simple. We are in good hands here folks.

What’s Next?

Where do you go from here? Your next step could be to take your skills to the next level by exploring our extensive library of After Effects tutorials, or you could grab an AE template from Envato Market and learn how the real pros put their projects together. Or, just have some fun with the template and put into practice some of the skills you learned today.

 

This article was originally published in 2015. Featured image: Devotchkah on Envato Elements

The post Everything You Need to Get Started With Adobe After Effects appeared first on Envato.

]]>
https://envato.com/blog/learn-something-new-adobe-effects/feed/ 0
Customizable Valentine’s Day Card Templates and Designs https://envato.com/blog/valentines-day-card-templates/ https://envato.com/blog/valentines-day-card-templates/#respond Tue, 24 Jan 2017 23:10:52 +0000 http://envato.com/?p=37712 Your significant other doesn't have to know how easy these templates are to use.

The post Customizable Valentine’s Day Card Templates and Designs appeared first on Envato.

]]>
You know how it goes: you keep on telling yourself that you have plenty of time to buy a card for your significant other and the next thing you know it’s the 13th, the stores are closed. Don’t panic, here’s the perfect solution!

It only takes five minutes using Photoshop or Illustrator to personalize the Valentine’s Card templates I have selected for you below, and five minutes more to print them out. Or, to save paper and time, you could send the card via email, or even post it on their Facebook timeline.

The bonus is that there really is nothing more romantic than a personalized Valentine’s card, your significant others are going to love them.

Valentine’s Day card templates

1. Valentine’s Day Card (EPS & AI)

Valentine's Day Card

2. Valentine’s Day Hand Lettering Set (PNG, JPG & EPS)

Valentine's Day Hand Lettering Set

3. Happy Valentines Day Cards (JPG, EPS & AI)

Happy Valentines Day Cards

All you need is love. But a little chocolate now and then doesn’t hurt” – Charles M. Schulz

4. Love Doodles Frames (JPG &EPS)

Love Doodles Frames

5. Set of Love Icons and Greeting Cards (PSD, JPG, EPS & AI)

Set of Love Icons and Greeting Cards

6. Set of Valentines Signs and Banners (JPG, EPS & AI)

Set of Valentines Signs and Banners

7. Vintage Valentine’s Day Card (PSD, EPS & AI)

Vintage Valentine's Day Card

8. Love Cards (PSD, PNG, JPG, EPS & AI)

Vintage Valentine's Day Card

9. Retro Valentine’s Day Cards (PSD)

Retro Valentines Day Cards

10. Valentine’s Day Greeting Card (PSD & TIFF)

Valentines Day Greeting Card

11. Valentine’s Day Card (InDesign INDD)

Valentines Day Card

If you’re looking for romantic quotes or content ideas for your Valentine’s cards, you might like to have a look here, here and here.

12. Special Anniversary Kit (AI)

Special Anniversary Kit

13. Happy Valentine’s Day (JPG, EPS & AI)

Happy Valentine's Day

14. Vintage Valentine’s Day Photo Card (PSD)

Vintage Valentine’s Day Photo Card

15. I Love You Greeting Card (PSD)

I Love You Greeting Card

16. Valentine’s Day Scene Creator (PSD)

Valentine's Day Scene Creator

Next Steps

The Valentine’s card templates above are just the tip of the iceberg. Over on GraphicRiver there are hundreds more.

You could take things even further, especially if you have some basic After Effects skills, by creating a Valentine’s video card with one of the hundreds of easy-to-edit Valentine’s Day templates currently available on VideoHive.

Browse all Valentine’s Day files on GraphicRiver →

 

This article was originally published in 2015. 

The post Customizable Valentine’s Day Card Templates and Designs appeared first on Envato.

]]>
https://envato.com/blog/valentines-day-card-templates/feed/ 0
Creative, Quirky & Beautiful Decorative Fonts https://envato.com/blog/creative-quirky-beautiful-decorative-fonts/ https://envato.com/blog/creative-quirky-beautiful-decorative-fonts/#respond Mon, 23 Jan 2017 09:33:18 +0000 http://envato.com/?p=37369 Some might say that these fonts are a little bit eccentric and odd, but I like to think they’re all creative, quirky, and in their own way, beautiful.

The post Creative, Quirky & Beautiful Decorative Fonts appeared first on Envato.

]]>
It would take one heck of a brave designer to actually use these fonts on a web page or print magazine. They’ve simply not been designed for clear legibility.

Unlike other, more commonand usable fonts, each of these typefaces have their own individual and unique characteristics. Some might even say they’re a little bit eccentric and odd. I like to think they’re creative, quirky, and in their own way, beautiful.

So, please don’t use these fonts in anything that needs to be clearly read. Really, don’t do that. But if you’re designing a logo, a CD cover, a poster, or even some invites, and are looking to give your typography a touch of unique creativity, then these decorative fonts are most definitely for you.


Avanth Font Family (OTF)

Avanth is an uppercase font family that’s just brimming with personality. Every single one of the letters has been uniquely designed by using some simple geometric shapes like circles, squares and straight lines.

Avanth Font Family

Avanth Font Family


ECHO Typeface (TTF & OTF)

The beautiful ECHO font works best when it’s displayed in all its glory. So display it large. Really large!

ECHO Typeface

ECHO Typeface


Dejavu Font (OTF)

The Dejavu font family has been designed to represent the passing of time. When the time shift is to the left this represents the past, the solid letter represents the present, and when the time shift is to the right this represents the future.

Dejavu Font

Dejavu Font


Boxfresh (OTF)

Boxfresh is a big, bold and impressive all-caps display typeface. It’s been designed to work best at large sizes and would be perfect for headlines, posters, flyers, logos and so much more.

Boxfresh


Bronx Shoes (TTF & OTF)

Bronx Shoes is a gorgeous vintage-style hand-written font that comes in both regular and line versions.

Bronx Shoes

Bronx Shoes


Amphigory (OTF)

With its retro-inspired curves, high contrast and utter refusal to sit still, the all-caps Amphigory will be sure to leave an impression on any viewer.

Amphigory


Grankenstein (OTF)

Grankenstein is a quirky font that’s been inspired by vintage children’s story books. The serifs are large and spiky, and the letterforms highly irregular. It would be great for fun projects where you want the historical to take on a modern character.

Grankenstein


Qubism (TTF)

Qubism is a highly original font that has been heavily inspired by the art of Pablo Picasso. The font family includes three TTF files that work seamlessly together to recreate the unique Cubist style you can see below.

Qubism


Stonebangs (TTF & OTF)

Stonebangs is a modern take on vintage typefaces. It works great for almost all of your designing needs including headline, labels, logo, etc.

Stonebangs


Next Steps

Next up, you could head over to Envato Market and have a browse through the huge selection of decorative fonts currently listed there.

Browse Decorative Fonts on GraphicRiver →

 

Want a constantly-updating font library? Check out some of the fonts we have on Envato Elements:

Banaue brush font

Bistro sans & serif.

Briella cursive typeface.

Cherie Bomb.

Gunnar font.

Herbert Lemuel vintage font.

Madeline handsketched font.

Mallow hand-drawn font.

Midnight Rider.

Traveller brush typeface.

 

This article was originally published in 2015 by Paul Andrew and was updated in 2017 by Brittany Jezouit

The post Creative, Quirky & Beautiful Decorative Fonts appeared first on Envato.

]]>
https://envato.com/blog/creative-quirky-beautiful-decorative-fonts/feed/ 0
25 Free Web-Based Apps & Tools For Working With CSS https://envato.com/blog/free-web-based-apps-tools-css/ https://envato.com/blog/free-web-based-apps-tools-css/#comments Wed, 18 Jan 2017 21:40:01 +0000 http://envato.com/?p=48966 The best web-based CSS apps for your website.

The post 25 Free Web-Based Apps & Tools For Working With CSS appeared first on Envato.

]]>
We’ve collected 25 small web-based apps and tools that will in one way or another offer quick solutions to many of those frustrating and time-consuming tasks you will often have to overcome when working with CSS.

There are apps that will calculate EM sizes from PXs, tools for minimizing and cleaning your CSS, resources for generating CSS animations, converters for turning images into base64 encoded strings, generators for creating Flexbox layouts, and much more.

You may not need them today, but they are all worth bookmarking, as you just never know when you will need them.

Visual Guide to CSS3 Flexbox Properties

Rather that explaining how the flex properties work, this visual guide focuses on how the flex properties affect layouts.

Visual Guide to CSS3 Flexbox Properties

extractCSS

extractCSS is a tool for extracting ids, classes and inline styles from an HTML document and then outputting them as a CSS stylesheet.

extractCSS is a tool for extracting ids, classes and inline styles

CSS Beautifier

CSS Beautifier will automatically format your CSS styles so that they are consistent and easier to read.

CSS Beautifier will automatically format your CSS styles

CSScomb

CSScomb is a coding style formatter that will sort CSS properties into a specific pre-configured order.

CSScomb is a coding style formatter that will sort CSS properties

ProCSSor

Just like CSScomb and CSS Beautifier above, ProCCSer offers formatting functionalities, but does give you far more control over the output.

ProCCSer offers formatting functionalities

CSS Compressor

CSS Compressor is a handy little app that will minimize and compress your CSS.

CSS Compressor is a handy little app that will minimize and compress your CSS

StyleStats

StyleStats is a little tool (and Node.js library) for collecting useful CSS stats from any stylesheet. Just input the URL and click ‘parse’.

StyleStats is a little tool for collecting useful CSS stats

CSS Trashman

CSS Trashman examines your site’s live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel. The generated CSS (or Sass) will be customized for your site and ready to be downloaded and dropped into place.

CSS trashman examines your site's live DOM and reverse engineers

Live CSS Editor

Live CSS Editor is a Chrome and Safari extension that allows you to freely write CSS rules on any site and instantly see the results.

Chrome extension Live CSS Editor

Purify CSS

Purify CSS is a handy tool that detects which CSS selectors your app is using and creates a file without unncessary CSS.

Purify CSS

CSS Gradient Animator

CSS Gradient Animator is, as the name suggests, a handy little tool for quickly generating CSS gradients.

CSS Gradient Animator

px-em

px-em is a really, really small tool that will work out the EM sizes from PXs. Just add the parent PX size in the box, the required size in the bottom and you’re done.

px-em is a really, really small tool that will work out the EM sizes from PX

RQRWDC

RQRWDC (Really Quick Responsive Web Design Calculator) is a responsive web design tool that allows you to work out an elements width in % from PX.

RQRWDC Really Quick Responsive Web Design Calculator is a responsive web design tool

Fibonacci

Fibonacci is a really handy generator for creating Flexbox layouts.

Fibonacci is a really handy generator for creating page layouts using Flexbox

Flat UI Color Picker

This is a huge collection of inspiring flat UI colors that you can easily copy and paste into your own stylesheet.

a huge collection of inspiring flat UI colors

PatternBolt

PatternBolt is a collection of SVG patterned backgrounds, packed into a single CSS/SASS file.

PatternBolt is a collection of SVG patterned backgrounds

CSS Animation Generator

This is a tool for quickly generating small CSS animations. Just copy and paste the generated CSS and HTML into your own project.

This is a tool for quickly generating small CSS animations

CSS Shorthand Generator

Shrthnd is a handy tool that converts CSS properties into shorthand, making shorter and more readable stylesheets.

Shrthnd is a handy tool that converts CSS properties into shorthand

iconizr

iconizr is a tool for converting SVG images into a set of CSS icons.

iconizr is a tool for converting SVG images into a set of CSS icons

CSSynth

CSSynth is a handy little app that will help to run CSS animations in order.

CSSynth is a handy little app that will help to run CSS animations in order

Create CSS3

Create CSS3 is an app that allows you to generate all of the CSS3 code you will ever need quickly and easily, with fallbacks where required.

Create CSS3 is an app that allows you to generate all of the CSS3 code

Flexplorer

Flexplorer is a simple tool for generating flexbox code for lists.

Flexplorer is a simple tool for generating flexbox code for lists

Duri.me – DataURI Converter

Duri.me is a Data URI converter that will turn images into base64 encoded strings that can then be inputted directly in your HTML and CSS files.

Duri.me is a Data URI converter

CSS Shapes Editor

CSS Shapes Editor is a Chrome extension that offers controls to create and edit CSS Shapes values like polygon(), circle() and ellipse() on any selected element.

Gridpak Responsive Grid Generator

Gridpak is a useful tool for generating a responsive grid system. It gives you control over every aspect of the grid from column padding to where ‘break points’ occur.

Gridpak is a useful tool for generating a responsive grid system

CSS Diner

CSS Diner is a simple little game that will help you learn about CSS selectors. All you have to do is type in the correct selector to complete each level. Go on, give it a try.

CSS Diner is a simple little game that will help you learn about CSS selectors

Also Worth Mentioning:

  • CSS Vocabulary – A CSS reference library.
  • Layoutit – A Bootstrap drag & drop interface builder.
  • NTH-TEST – A nth-child and nth-of-type tester.
  • Picssel-Art – An app for creating pixel art using CSS.

Featured Image Source: CSS3 2 by RightStuffDesign.

The post 25 Free Web-Based Apps & Tools For Working With CSS appeared first on Envato.

]]>
https://envato.com/blog/free-web-based-apps-tools-css/feed/ 1
25 Useful Free Tools & Apps For Web Designers https://envato.com/blog/free-tools-apps-web-designers/ https://envato.com/blog/free-tools-apps-web-designers/#comments Sat, 12 Nov 2016 11:27:57 +0000 http://envato.com/?p=43870 There is a multitude of designers and developer that recognize the small resource gaps we might have and create handy solutions, like the resources I've outlined in this post, which fill those learning gaps.

The post 25 Useful Free Tools & Apps For Web Designers appeared first on Envato.

]]>
As a web designer, any little tool that helps you accomplish anything that little bit quicker and better are worth their weight in gold. And the great thing about the design community is that there is a multitude of designers that recognize the small resource gaps that we might have and create handy solutions, like the resources I’ve outlined in this post, which fill those learning gaps.

Below you will find apps that will clean up your CSS files, tools that will convert Illustrator files to HTML, guides that will help you visualize CSS3 Flexbox Properties, web apps to quickly browse and select Google fonts, and much, much more. All of the tools are completely free, so get ready to start bookmarking!

CSS Stats

CSS Stats is a simple web-based app that visualizes various stats about your CSS files.

CSS Stats

HTTTML

With HTTTML you can change your boring, standard markup, to include custom tags with more interesting and unique names.

HTTTML

Purify CSS

Purify CSS is a handy tool that detects which CSS selectors your app is using and creates a file without unncessary CSS.

Purify CSS

Email Lab

Email Lab is an open-source starter kit for HTML emails that uses Grunt, a command-line build tool, to streamline and simplify the creation of email templates. The templates can be built with re-usable components and can be styled using traditional CSS or Sass

Email Lab

Layers for WordPress

Recently reaching the 100,000 download milestone, Layers is a new and open-source site builder for quickly creating WordPress themes.

Layers for WordPress

spaceBase

spaceBase is a Sass-based responsive CSS framework that can be built upon and tailored to your requirements. It combines best practices for today’s responsive web with the core components used on every project.

spaceBase

Font Library

Font Library is an open-source project to tag, organize and make it easier to browse Google Fonts.

Font Library

.resizr

.resizr emulates the different screen sizes of many popular devices showing you how your site will appear and allow you to test media queries.

resizr

Libraries

Libraries.io is a web-based app that helps you find new open-source libraries, modules and frameworks and also keep track of ones you depend upon.

Libraries

Libscore

Libscore is an app that scans the top one million sites on the web to collect statistics on JavaScript library usage.

Libscore

First Aid Git

First Aid Git is a searchable collection of the most frequently asked asked questions about Git.

First Aid Git

Angular Interactive box-model Diagram

A useful app to help you visualize the box-model.

Angular Interactive box-model Diagram

CSS Gradient Animator

CSS Gradient Animator is, as the name suggests, a handy little tool for quickly generating CSS gradients.

CSS Gradient Animator

localFont

localFont is an web-based Vanilla JS tool that converts font family files into a ready to use solution for localStorage web font caching.

localFont

Epic Favicon Generator

Epic Favicon Generator is a tool that will create 20 different favicon sizes for your site, from 16x16px all the way up to 196x196px.

Epic Favicon Generator

UX Recipe

UX Recipe is a checklist where you discover, choose and estimate your next UX project tools & techniques.

UX Recipe

Visual Guide to CSS3 Flexbox Properties

Rather that explaining how the flex properties work, this visual guide focuses on how the flex properties affect layouts.

Visual Guide to CSS3 Flexbox Properties

CSS Font Sizing

CSS Font Sizing explores and compares the various methods of declaring font sizes with CSS.

CSS Font Sizing

Typography Cheatsheet

This Typography Cheatsheet, created by Type Wolf, is a comprehensive guide to smart quotes, dashes & other typographic characters.

Typography Cheatsheet

Device Metrics

Device Metrics is a handy resource from Google Design for checking the screen size, resolution, aspect ratio of many devices.

Device Metrics

CSS Ruler

CSS Ruler is a handy web-based tool for exploring CSS lengths.

CSS Ruler

Unitools

Unitools is a collection of tools, gathered from various sources on the net, for working with Unicode in the browser.

Unitools

PixelCounter App

Pixelcounter is an open source Windows and Mac application for counting the pixels of your images.

Pixelcounter

Web Font Load

Web Font Load is a tool that will allow you to install, via the terminal, ALL of Google’s Web Fonts at once.

Web Font Load

ai2html

ai2html is an open-source script for Adobe Illustrator that converts your Illustrator documents into HTML and CSS.

ai2html

…and finally…

…a bunch of handy references for you:

Feature image: dotshock

The post 25 Useful Free Tools & Apps For Web Designers appeared first on Envato.

]]>
https://envato.com/blog/free-tools-apps-web-designers/feed/ 1
Christmas Card Inspiration for Designers https://envato.com/blog/christmas-card-inspiration-designers/ https://envato.com/blog/christmas-card-inspiration-designers/#respond Mon, 31 Oct 2016 20:38:31 +0000 http://envato.com/?p=35421 No matter how many times you try to put it on your wishlist, Santa is never going to help you design all of those personalized and handmade Christmas cards.

The post Christmas Card Inspiration for Designers appeared first on Envato.

]]>
Ahh, Christmas is nearly here! Twinkly Christmas trees, succulent turkey, lots and lots of presents, and spending memorable time with your loved ones. That’s what Christmas means to many of us.

It’s a beautiful time of year.

But, as every creative designer will know, no matter how many times you try to put it on your wishlist, Santa is never going to help you design all of the personalized and handmade Christmas cards your clients and family are expecting from you, he’s got more important things to do.

We will try our best to help you though.

I know that Christmas is very busy time for designers, and that the demand for customized Christmas cards is huge, so I’ve created this post that will hopefully offer you some inspiration for creating your own Christmas cards. I have purposely only chosen items that reflect some of the more popular design trends we have seen this year. So plenty of retro and vintage styles, sprinkles of flat colors and lots of quirky Christmas-themed illustrations.

Christmas Card Inspiration for Designers


Santa Claus and The Snowman by elfivetrov (EPS)

Santa Claus and The Snowman


A Flat Santa and Deer at Christmas Time by OlegBeresnev (PSD, EPS)

A Flat Santa and Deer at Christmas Time


Merry Christmas Greeting Card by elfivetrov (EPS)

Merry Christmas Greeting Card


Retro Christmas Greeting Cards by BlinkBlink (PSD, EPS, AI)

Retro Christmas Greeting Cards by BlinkBlink PSD, EPS AI


Vintage-Styled Christmas Card by GraphicGoods (PSD)

Vintage-Styled Christmas Card by GraphicGoods PSD


Illustrated Christmas Cards by creativeartx (PSD)

Illustrated Christmas Cards & Backgrounds by creativeartx PSD

Illustrated Christmas Cards & Backgrounds by creativeartx PSD


“Christmas waves a magic wand over this world, and behold, everything is softer and more beautiful.” – Norman Vincent Peale


Charming New Year Cards by elfivetrov (EPS)

Charming New Year Cards by elfivetrov EPS


Traditional Christmas Cards by corrella (PSD)

Traditional Christmas Cards by corrella PSD


Christmas Card Bundle by creativeartx (PSD)

45 Christmas Card Background Bundle by creativeartx PSD


Have a Very Merry Little Christmas Greeting Card by BlinkBlink (PSD. AI, EPS)

Have a Very Merry Little Christmas Greeting Card by BlinkBlink PSD. AI, EPS


“Gifts of time and love are surely the basic ingredients of a truly Merry Christmas.” – Peg Bracken


The Magic of Christmas Greeting Card by Sergo (EPS, AI)

The Magic of Christmas Greeting Card by Sergo EPS, AI


Christmas Card Bundle by GraphicGoods (PSD, AI, EPS)

Christmas Cards Bundle by GraphicGoods PSD, AI, EPS

Christmas Cards Bundle by GraphicGoods PSD, AI, EPS


Retro Christmas Cards by GraphicGoods (PSD)

Retro Christmas Cards/Backgrounds by GraphicGoods PSD


Christmas and New Year Greeting Cards by PureSolution (PSD, AI, EPS)

Christmas and New Year Greeting Cards


Next Steps

GraphicRiver has so many fantastic Christmas-related resources at the moment, it’s a bit like a designers version of Santa’s Grotto! Go on, get yourself over there!

Browse ALL Christmas Resources on GraphicRiver →

The post Christmas Card Inspiration for Designers appeared first on Envato.

]]>
https://envato.com/blog/christmas-card-inspiration-designers/feed/ 0
The Gruesome Flesh-Eating Photography of Ron Sumners https://envato.com/blog/gruesome-flesh-eating-photography-ron-sumners/ https://envato.com/blog/gruesome-flesh-eating-photography-ron-sumners/#respond Thu, 27 Oct 2016 09:25:40 +0000 http://envato.com/?p=33789 The story behind a zombie photoshoot.

The post The Gruesome Flesh-Eating Photography of Ron Sumners appeared first on Envato.

]]>
With Halloween rapidly approaching, we reached out to PhotoDune author Ron Sumners and asked him if he could share with us the story behind the horrific zombie imagery he has been uploading recently. And what a surprisingly gruesome back-story he shared…

I love photography. It is an addiction that will never be satisfied no matter how much or how frequently I produce. My interests are hugely diverse, leaning towards the dark and odd. I am self-taught and have been enjoying the capture of pretty pictures for more then 20 years, obviously starting with film and the lonely dark hours of exposing myself under a single red light.

Not one of my friends or family would smear on the makeup and grunt towards the camera, so I mastered the self-timer on my Pentax 645D and focused the lens on my hideous undead face. Earlier in the day, my two-year-old son and I went for a long walk around the streets by our home in Switzerland. It had been raining and the ground had become ideal to augment my zombie apparel.

Angry Zombie Hungry for Brains
Angry Zombie Hungry for Brains by Sumners

My wee boy dragged a pair of worn jeans and a frilly white shirt behind him through the mud and puddles of the roads while neighbors looked on with curiosity. Back inside we headed to the fridge and grabbed the previous night’s spaghetti dinner and violently bashed and smudged the remaining tomato sauce deep into the fibers of my tattered and dirt-caked dress shirt.

zombiearticle
Flesh Eating Zombie & Hungry Zombie by Sumners

I’ve always loved the horror film genre, especially all the zombie apocalypse themes, and it was a challenge to produce these horrific self-portraits while my in-laws, wife and son watched with shock and bewilderment while I growled and clawed at the camera. ‘My poor in-laws’, I thought, while the strobes fired, lighting up my grotesque features and the dark regions of the cold dark cob-webbed barn I was standing in.

My wife’s parents own the ancient barn that was built in the 1800’s and it was the perfect backdrop for my obsession of horror-related imagery that I crave to do. It was cold, damp, dusty, and smelled like dead slimy leaves from seasons ago. I was in my glory, except for the worries of what my in-laws were thinking.

Horrible Hungry Zombie
Horrible Hungry Zombie by Sumners

With blood oozing and sputtering from my gaping mouth, my relatives, who aren’t familiar with horror movies or what the walking dead are, couldn’t hide the uneasy looks that was growing on their faces. A couple hours went by and my father-in-law stepped into the barn past the cobwebs, and started to give me a bit of direction, and to my surprise, helped with my evil brain-hungry flesh-eating poses.

I finished the shoot and we all went back inside the warm house and had cookies and milk.

Happy Halloween!

The post The Gruesome Flesh-Eating Photography of Ron Sumners appeared first on Envato.

]]>
https://envato.com/blog/gruesome-flesh-eating-photography-ron-sumners/feed/ 0
50 Creepy Design Resources for Halloween https://envato.com/blog/50-design-resources-halloween/ https://envato.com/blog/50-design-resources-halloween/#respond Fri, 21 Oct 2016 06:16:10 +0000 http://envato.com/?p=33625 From spooky flyers to dancing skeletons.

The post 50 Creepy Design Resources for Halloween appeared first on Envato.

]]>
Whether you are needing to design spooky flyers, nightmarish invitations, eerie posters, or even just to give your website a seasonal creepy touch, we have all of the design resources you will ever need this Halloween!

Within the post we have included: Vector Templates, Character Templates, Landscapes & Backgrounds, Seamless Backgrounds, Illustration Templates, Icon Sets & Avatars, Photoshop Actions, Photoshop Brushes, Text Effect Styles, Facebook Timeline Covers, and finally, Flyers & Invitations. Phew!

Happy Halloween Everyone!

Halloween Vector Templates

Vector Zombie Silhouettes by meriang

Vector Zombie Silhouettes

Format(s): PSD, SVG, PNG, CDR, Vector EPS & AI.

Spider Web Vector Set by ElenaShow

Spider Web Vector Set

Format(s): JPG, Vector EPS & AI.

Elements Of The Game in a Halloween Style by wadimb

Elements Of The Game in a Halloween Style

Format(s): Vector EPS.

Cartoon Skull Collection by fizzgig

Cartoon Skull Collection

Format(s): PSD, JPG, Vector EPS & AI.

The Spiders by _Lonely_

The Spiders

Format(s): JPG, & Vector EPS.

Halloween Grave Stones by onlineStudio

Halloween Grave Stones

Format(s): PSD, PNG & JPG.

Halloween Vector Character Templates

Vector Zombie Illustrated Character by funkyimage

Vector Zombie Illustrated Character

Format(s): PSD, PNG, JPG, Vector EPS & AI.

Build A Cartoon Ghost Character Set by adriennepalmer

Build A Cartoon Ghost Character Set

Format(s): Vector EPS & AI.
Details: You can mix-and-match from 10 eye sets, 10 mouths, and 3 ghost shapes to create multiple ghostly characters.

Collection of Halloween Characters by Malchev

Collection of Halloween Characters

Format(s): PSD, JPG, Vector EPS & AI.
Included Characters: Grim Reaper, Ghost, Vampire, Witch, Devil, Mummy, Frankenstein & Zombie.

Halloween Parade by petshopbox

Halloween Parade

Format(s): PNG, Vector EPS & AI.
Included Characters: Grim, Vampire, Witch, Frankenstein, Mummy & Zombie.

Halloween Characters by keonglee81

Halloween Characters

Format(s): Vector EPS & AI.
Included Characters: Ghost with Blade, Pumpkins, Devil, Dracula, Frankenstein, Werewolf, Witch, Jiangshi (Chinese Vampire), Chucky, Freddy, Jason, Clown, Zombie, Mummy, Ghost and Skeleton.

Halloween Quote:
Hold on, man. We don’t go anywhere with ‘scary,’ ‘spooky,’ ‘haunted,’ or ‘forbidden’ in the title“.
– From Scooby-Doo.

Halloween Vector Landscapes & Backgrounds

Halloween Landscapes & Backgrounds by MaxwellCoelho

Halloween Landscapes & Backgrounds

Format(s): Vector EPS & AI.

Horror Vector Illustration Landscape by ddraw

Horror Vector Illustration Landscape

Format(s): Vector EPS.

Spooky Town at Night by Dazdraperma

Spooky Town at Night

Format(s): JPG & Vector EPS.

Scary Vector Halloween Background by solarseven

Scary Vector Halloween Background

Format(s): JPG & Vector EPS.

Halloween Seamless Backgrounds

Collection of Halloween Seamless Patterns by evdakovka

Collection of Halloween Seamless Patterns

Format(s): Vector EPS & JPEG.

Halloween Seamless Background by evdakovka

Halloween Seamless Background

Format(s): Vector EPS & JPEG.

Halloween Illustration Templates

Zombie Horror Pack by Spartacus

Zombie Horror Pack

Format(s): PSD & PNG.

Burning Skull with Red Eyes Illustration by solarseven

Burning Skull with Red Eyes Illustration

Format(s): JPG.

Zombie and Flower High Res Illustrations by lemmyx

Zombie and Flower High Res Illustrations

Format(s): PSD.

Bloody Chef Knives by Spartacus

Bloody Chef Knives

Format(s): PSD.

Halloween Quote:
From ghoulies and ghosties and long leggety beasties and things that go bump in the night, Good Lord, deliver us!“.
– Old Scottish Halloween saying.

Halloween Icon Sets

Halloween Icons Set by painterr

Halloween Icons Set

Format(s): PSD, PNG, JPG, Vector EPS & AI.
Details: A collection of 48 vector Halloween icons set in three style variations (line-art drawing, solid fill silhouettes and vintage colors).

Halloween Flat Vector Icons by rexstudios

Halloween Flat Vector Icons

Format(s): PSD, PNG, Vector EPS & AI.
Details: This set consists of 16 Halloween themed flat vector icons and also includes 3 poster-sized options for direct printing.

Halloween Icons by karawan

Halloween Icons

Format(s): Vector EPS.
Details: This set consists of 16 icons.

Hipster Halloween Avatar Flat Icons by iconsoul

Hipster Halloween Avatar Flat Icons

Format(s): JPG, PNG, Vector EPS & AI.
Details: There are 15 icons in this set, and come in both circle and square variations.

Minimal Silhouette Halloween Icons by silvertiger

Minimal Silhouette Halloween Icons

Format(s): PSD, PNG, JPG, Vector EPS & AI.

Halloween Monster Illustration Icons by artisticco

Halloween Monster Illustration Icons

Format(s): Vector EPS.

Halloween Avatars by Malchev

Halloween Avatars

Format(s): PSD, CDR, PNG, JPG & AI.
Details: This set includes 12 Halloween square avatars.

Monster Face Collection by Damoninc

Monster Face Collection

Format(s): PSD.
Details: This collection includes 6 popular Halloween creatures in a nice rounded rectangular shape.

Halloween Photoshop Brushes

Halloween Photoshop Brush Set by utpal443

Halloween Photoshop Brush Set

Format: Photoshop ABR.
Included Brushes: Witch, Trees, Spooky Home, Pumkin, Fence, Ghost, Spider, Spider Web, Cross, Cemetery/Grave Stone, Bat, Moon, Hat, Owl, Grass and Forest.

Blood Splatter Photshop Brushes by editingninja

Blood Splatter Photshop Brushes

Format: Photoshop ABR.
Details: This brush set includes a huge selection of blood splatter and also a bonus PSD with pre-cut realistic blood splatters.

Halloween Quote:
Nothing on Earth so beautiful as the final haul on Halloween night“.
– Steve Almond.

Halloween Photoshop Actions

Skull Photoshop Action by AdaG

Skull Photoshop Action

Format: Photoshop ATN.
Details: This creepy Photoshop action will allow you to convert any image of a person into a skull.

Ghost Photos by sparklestock

Ghost Photos

Format: Photoshop ATN.
Details: This Photoshop action makes it easy to convert people, animals, objects, etc. into see-through ghosts.

Zombie Creator Action by zacomic

Zombie Creator Action

Format: Photoshop ATN.
Details: This Photoshop action pack contains 3 PSD files and 3 action files that will allow you to create fantastic zombie-like effects.

Ghost Photoshop Creator by psddude

Ghost Photoshop Creator

Format: Photoshop ATN & PSD.
Details: This pack contains 1 layered PSD file and Photoshop actions that will allow you to create fantastic ghost photo effects.

Halloween Text Effect Styles

Horror Photoshop Styles by survivor

Horror Photoshop Styles

Format: Photoshop ASL & PSD.
Details: This pack contains 8 Photoshop Layer Styles and also includes a bonus horror eyes graphic.

Horror Halloween Creepy Layer Styles Text Effects by Giallo

Horror Halloween Creepy Layer Styles Text Effects

Format: Photoshop ASL & PSD.
Details: Inside the pack you’ll find a total of creepy 8 Layer Styles.

Horror Layer Styles by Erigonn

Horror Layer Styles

Format: Photoshop ASL & PSD.
Details: This pack contains 9 amazing horror text effects.

Halloween Photoshop Layer Styles by INDUSTRYKIDZ

Halloween Photoshop Layer Styles

Format: Photoshop ASL & PSD.
Details: This pack contains 10 text effect styles.

Halloween Quote:
Everyone is a moon and has a dark side, which he never shows to anybody.“.
– Mark Twain.

Halloween Facebook Timeline Covers

Facebook Timeline Halloween Cover by david82flash

Facebook Timeline Halloween Cover

Format(s): Photoshop PSD & JPEG.

Halloween Party Facebook Cover by Briell

Halloween Party Facebook Cover

Format(s): Photoshop PSD.

Halloween FB Timeline by DISdesign

Halloween FB Timeline

Format(s): Photoshop PSD.

Halloween Facebook Timeline Cover by DeadlyShadoff

Halloween Facebook Timeline Cover

Format(s): Photoshop PSD.

5 in 1 Halloween FB Timeline Covers by gbs

5 in 1 Halloween FB Timeline Covers

Format(s): Photoshop PSD.
Details: This timeline pack includes 5 cover designs & 2 avatar designs.

Halloween Flyers & Invitations

Thriller Night Halloween Flyer Template by CreativB

Thriller Night Halloween Flyer Template

Format(s): Photoshop PSD.

Halloween Flyer by EAMejia

Halloween Flyer

Format(s): Photoshop PSD.

Sexy Halloween Party Flyer by PartyFlyer

Sexy Halloween Party Flyer PartyFlyer

Format(s): Photoshop PSD.

Halloween Bash Flyer Template by retinalsin

Halloween Bash Flyer Template

Format(s): Photoshop PSD.

Freaky Flyer Template by sevenstyles

Freaky Flyer Template

Format(s): Photoshop PSD.

Halloween Party Flyer Template by creativeartx

Halloween Party Flyer Template

Format(s): Photoshop PSD.

Chalk board Halloween Party Flyer Template by creativeartx

Chalk board Halloween Party Flyer Template

Format(s): Photoshop PSD.

Halloween Party Flyer by mantushetty

Halloween Party Flyer

Format(s): Photoshop PSD.

Halloween Party Flyer by Take2Design

Halloween Party Flyer

Format(s): Photoshop PSD.

Halloween Flyer Template Bundle by Design-Cloud

Halloween Flyer Template Bundle

Format(s): Photoshop PSD & JPEG.

Halloween Invitation by myoehtet

Halloween Invitation

Format(s): Photoshop PSD, Vector EPS & AI.

Chalkboard Halloween Invitation Card by kavutpal

Chalkboard Halloween Invitation Card

Format(s): Photoshop PSD.

Happy Halloween Invitation Card by tashal

Happy Halloween Invitation Card

Format(s): Vector EPS & AI.

Halloween Flyer / Invitation by Tomodachi

Halloween Flyer / Invitation

Format(s): Photoshop PSD.

Next Steps

We’ve also created a collection of terrifying and creepy selection of video files, worth checking out. And since we’re talking about video files, you should head over to VideoHive and have a look at some of the gruesome Halloween-related video files they currently have. Blood, flesh and brains anyone?

PhotoDune has a spooktacular collection of Halloween-related imagery (24,000 images and counting!), they would all be great assets for your designs.

Finally, all of the resources on this page barely scratch the surface of what we currently have on GraphicRiver, there are literally thousands of Halloween-related files there.

Browse Everything Halloween on GraphicRiver →

The post 50 Creepy Design Resources for Halloween appeared first on Envato.

]]>
https://envato.com/blog/50-design-resources-halloween/feed/ 0
Terrifying and Creepy Video Files for Halloween https://envato.com/blog/terrifying-creepy-video-files-halloween/ https://envato.com/blog/terrifying-creepy-video-files-halloween/#respond Wed, 12 Oct 2016 10:51:48 +0000 http://envato.com/?p=33469 The perfect video clips for your next Halloween video project.

The post Terrifying and Creepy Video Files for Halloween appeared first on Envato.

]]>
Halloween is just a few weeks away, so to kick-start the celebrations we have compiled a collection of some of the most terrifying, creepy, and gruesome video files we currently have available on VideoHive. The movies, accompanied by their atmospheric soundtracks, have some fantastic elements of traditional horror that will give you some genuine scares. Of course, they are also a great set of video files to help you create your own horror movie as well.

Sheriff Brackett, from the original 1978 Halloween film, said: ‘It’s Halloween, everyone’s entitled to one good scare‘.

So draw your curtains, turn off the lights, and sit back and prepare to be terrified, this might just be your one good Halloween scare this year.

Dark Matters

With production taking place inside a real abandon house of tragedy, the 4K shot Dark Matters sets a methodically paced and truly creepy environment for any horror movie.

Faces Of Death

The unsettling Faces Of Death is a fully customizable horror/grunge based After Effects project file, and is ideally suited for anything creepy or suspensful.

Horror Movie

Created for cinematic titles and trailers, Horror Movie is a multi-purpose After Effects project file with high customization potential and fantastic modern horror movie visual appeal.

Grave Encounters – The Living Dead

What’s Halloween without some flesh-eating zombies? Grave Encounters is a throwback to the classic zombie films from the 60s and 70s. This bundle was actually shot at Evan’s City cemetery, the location where George Romero shot the classic “Night of The Living Dead”, which kind of makes it a little bit more creepy.

Scary Titles

Scary Titles is an eerie and suspenseful type of project that will slowly build the tension of your audience. It would make a great intro for any horror or chiller movie, or even as the titles of a scary documentary.

Hollywood Horror

Hollywood Horror is another creepy After Effects project file for adding professional titles to a paranormal or horror movie, tv show or documentary.

Mask of Death

Mask Of Death portrays an intimidating and seemingly laughing ghost-like skull, that gently floats in a mysterious and dream-like fog. This file would be perfect as the opening intro or title revealer of any horror related movie.

Real Blood, Flesh & Brains

Every good horror movie needs a little bit of gore, you know, those splatters of blood, flesh and brains that makes any slasher movies memorable.

We also have ‘nice’ collection of these splashes/splatters available here: Blood, Flesh and Brain Movie Splashes.

Happy Halloween

Thankfully, Expresso Happy Halloween 2 is no where near as creepy or scary as the other video files on this page. As it’s a little bit gentler, it would work nicely as a Happy Halloween greeting on your website or to send via email as your own video ecard. Just type in your Halloween greeting, add your logo and you’ll be good to go.

Funny Dancing Skeleton

Halloween doesn’t have to always be scary, it can be hilarious at times as well. VideoMagus has created a Dancing Skeleton motion graphic template that is quite possibly the funniest Halloween-related video resource I have seen this year… but then I discovered the Belly Dancing Skeleton, Halloween just doesn’t get better than that!

More Halloween resources

For all you designers and video makers we have lots of Halloween resources for you…

There are couple of amazing Halloween video file collections available from VideoHive, The Halloween Collection for Video Makers and Halloween Video Project Files, GraphicRiver has a great selection of Scary Halloween Flyer Templates, AudioJungle has a huge Halloween SFX collection, and PhotoDune has well over 24,000 Halloween-related images to choose from.

Browse The Halloween Collection for Video Makers on VideoHive →

The post Terrifying and Creepy Video Files for Halloween appeared first on Envato.

]]>
https://envato.com/blog/terrifying-creepy-video-files-halloween/feed/ 0