25+ Bold & Free Script Fonts

Today we’re featuring some of the best free script fonts from across the web. We’ve hand-picked bold script fonts with impact, that can be a stand-out choice for your next project.

Fonts don’t always need to be expensive. In fact, it’s hard to believe that the fonts in this collection are actually free to use.

We handpicked these bold script fonts from all around the web, so be sure to check the license and attribution details before using them with your client and commercial projects.

Unlimited Downloads of 1 Million+ Serif, Script, Sans-Serif Fonts & More

If you’re looking for high-end results and you want your font to stand out, it’s a good idea to choose from one of the many affordable premium fonts available through Envato Elements. Here are a few of our favorite fonts:

All the fonts you need, and many other design elements, are available for a monthly subscription. It starts at $17 per month and gives you unlimited access to a massive and growing library of 500,000+ items that can be downloaded as often as you need (stock photos too)!

Before we get to the free items, we wanted to show you a couple of our favourite script fonts from Envato Elements:



This beautiful handwritten script font features both uppercase and lowercase letters with numbers and punctuations. It’s the perfect font for designing everything from website headers to greeting cards, T-Shirt designs, and more.

  • Price: Envato Elements Subscription

The Historia

The Historia

Historia is a script font with a vintage brush style script design. The font features a realistic hand painted look and it’s ideal for crafting posters, book covers, and banners. It includes uppercase and lowercase letters with numbers and glyphs.

  • Price: Envato Elements Subscription



Watch is a modern script font with a graffiti style design. You can use it to design website headers, posters, social media posts, and much more. It will fit in well with millennial and fashion related designs.

  • Price: Envato Elements Subscription

Sophia Script

Sophia Script

This elegant script font is the perfect choice for designing greeting cards and wedding invitations. It features a natural and flowing design that makes it one of a kind. In addition to the basic characters, the font also includes 370 glyphs and 115 alternate characters as well.

  • Price: Envato Elements Subscription

Stay High

Stay High

Stay High is a unique script font with a pop-culture design. It’s a great choice for designing posters, flyers, banners, and other types of print and digital designs. The font also includes 200 ligatures and glyphs as well.

  • Price: Envato Elements Subscription

The Crawley Script Font

The Crawley Script Font

Crawley is a retro-themed script font that …

80+ Modern Stationery Templates

This collection of the best modern stationery templates gives you a way to showcase your brand or identity in a realistic setting. Show off your company image, and deliver branding mockups in an authentic and professional way.

We’ve gathered a variety of stationery templates that contain a number of useful branding items — envelope designs, business cards, invoices, letterheads and many others.

These beautiful templates are comprised of fully editable files. Your brand will never have looked as good!

Our Favorite Stationery Templates

These are our favorite free and premium templates on the list.

Top Premium Pick

Stego – Complete Stationery & Invoice Templates

Stego - Complete Stationery & Invoice Templates

Stego is a complete set of stationery templates that includes designs for all elements of professionally branded stationery.

The bundle includes templates for letterheads, business cards, folders, envelopes, postcards and even has an invoice template with matching designs. You can easily edit the templates with InDesign CS4 or higher.

Why This Is A Top Pick

This is an all-in-one bundle that has all the templates you’ll need to create branded stationery for a company. The minimal and matching design makes it a great choice for both small business and corporate agencies.

Top Free Pick

Free Business Card & Letterhead Templates

Free Business Card & Letterhead Templates

Featuring a beautifully modern design, this set of stationery templates can be used for free with your personal and commercial projects as long as you attribute to its author.

This pack includes matching templates for a letterhead, business cards, and envelopes that you can customize using Adobe Illustrator.

Why This Is A Top Pick

If you don’t mind including attribution in your designs, this free templates kit is ideal for designing a simple letterhead and a business card for a small business.

Minimal Stationery Design Template

Minimal Stationery Design Template

This bundle of minimalist stationery templates is perfect for designing all kinds of branding related stationery as it comes with plenty of space for adding your own unique branding elements and graphics. It includes a business card, a letterhead, envelope, and a presentation folder.

  • Price: Envato Elements Subscription

FlatKitchen – Stationery Design Template

FlatKitchen Stationery Design

This stationery template features a branded design most suitable for a food-related business, restaurant, hotel, or an agency. It features a creative mascot and a logo template as well as A4 flyer, trifold brochure, social media banners, Keynote and PowerPoint presentations, and much more.

  • Price: Envato Elements Subscription

Stationery Corporate Identity Template 004

Stationery Corporate Identity 004

An elegantly designed stationery templates pack made for corporate identity designs. This bundle comes with a set of templates for creating a unique envelope front, business card, a presentation folder, and a letterhead.

  • Price: Envato Elements Subscription

Business – Stationery Template 23

Business - Stationery Template 23

Another set …

Copy-and-Paste CSS Animation Cheat Sheets

Animation is a staple of web and UI design. A perfectly still website devoid of even subtle hover states can feel incomplete, like something essential is missing.

Luckily, there are many ways to add animations to your website. WebGL, JavaScript, and even HTML5 all support or are dedicated to animation. But one of the easiest to learn and implement are CSS animations.

Flash was another source of lightweight, easy to create animations for websites. But with Flash being finally deprecated, many designers are turning to CSS to enhance their websites with beautiful motion graphics.

While CSS animation is easy to learn as far as web animation platforms go, it can still take a lot of time to master it. And it can really help to have some example code to learn from and use in the meantime.

Today we’ve collected for you some copy-and-paste cheat sheets for CSS animations. If you need some beautiful animations to include in your design, quick code for a test website, or want to learn from the code snippets provided, you’ll love this collection of animations.


Example from CSSFX

With dozens of beautifully clean animations, CSSFX offers a great start for those who need small and simple effects for their site. In particular you’ll find a lot of interesting loading animations and quite a few hover states as well. Just click the ones you like to copy their code and see for yourself how they did it.


Example from Animista

Need something with a little more customization? Animista has nearly 20 types of CSS animations to browse, each coming with tons of extra settings to change to your liking. Add animations you want to save to your favorites, then click the generate button to get the code.

Epic Spinners

Example from Epic Spinners

Everyone loves spinners. They’re cute, fun to look at, and they can keep people interested for the few seconds it takes a page to load. Or they just make great page decorations! Click a spinner to see its code, and use it with Vue.js too.

Easing Functions Cheat Sheet

Example from Easing Functions Cheat Sheet

An easing function explains how an animation accelerates and decelerates throughout the frames. Animations can move linearly, smoothly, or even bounce rapidly back and forth.

A linear animation with no easing of any kind is often boring. Use this easing function cheat sheet to easily create unique and smooth animations.


Example from Transformicons

Transformicons are icons that shift between states when clicked. A few extra icons like loading bars and scroll indicators are included as well. Just click to see a preview of the icon in action, and toggle to select the ones you want to build code for.

These CSS …

Checkbox To Bring Back The SHIFT KEY For Proportional Transform

Photoshop Proportional Scale

In this tutorial, you will learn how to turn off the new proportional scaling while transforming layers in Photoshop CC 2019.

Holding Shift now gets you the un-proportional scale. This new checkbox in Photoshop CC 20.0.5 allows you to bring back the legacy feature of holding Shift to scale and transform layers proportionally.

Instructions for Reverting the Shift Key for Proportional Scale in Photoshop version 20.0.5 (June 2019 release) or newer.

  1. Open the Preferences Panel

    Press Ctrl K on windows or Command K on the Mac.

  2. Check “Use Legacy Free Transform”

    From the General tab, check the box that reads Use “Legacy Free Transform.”

  3. Restart Photoshop

    Restart Photoshop if the new settings do not take place.

Instructions to revert the Shift Key in Photoshop versions 20.0, 20.0.1, 20.0.2, 20.0.3, and 20.0.4

The post Checkbox To Bring Back The SHIFT KEY For Proportional Transform appeared first on Photoshop Training Channel.

from Photoshop Training Channel https://photoshoptrainingchannel.com/photoshop-proportional-scale-transform-checkbox/…

[Freebie] Responsive Design Icon Pack: 50 Icons, SVG and PNG

The most important aim of any web design is to reach their target audience effectively. It needs to be easy to get in touch with the people in charge and with the right graphics it can even be enjoyable. This colorful icon pack is fun and invites engagement. Now, make it easy for your visitors to interact you with this colorful icon pack. About Responsive Design Icon Pack This icon set will help you create amazing design-centered visuals with ease. These are perfect for any websites of any field. This icon pack by Flaticon contains 50 icons for your various … Continue reading

Visit us at InstantShift.com


from InstantShift http://www.instantshift.com/2019/06/19/freebie-responsive-design-icons/…

How Do You List Freelance Work on Your Resume? (We Have the Answer)

Congratulations, your freelance business is proving successful. But how do you handle talking about it or explaining freelance work to potential employers, or on your resume? It can be a hard subject to explain as a single entry on paper, and you don’t want freelance work to look like an employment gap.

There are some things you can do to on paper (and on LinkedIn) to help present freelance work in a way that is more understandable to others. The key for many freelancers – especially those working part-time – is remembering to include freelance work as part of your resume and design portfolio. Sometimes those jobs can be just the thing you need to help land the next big gig!

List Work as a Freelancer

The simple answer is that you should include freelance work on your resume. This includes paid jobs, side projects or pretty much anything that relates to your competencies as an employee or independent contractor. How you choose to list these jobs is the real question.

To know how to best explain freelance or contract work, take inventory of your specific role and accomplishments.

  • How long have you done freelance work?
  • Would work be “worthy” of your resume if you had done it for an employer?
  • How long have you been doing this type of work?
  • Does it relate to your field or area of expertise?
  • Does it show expertise in areas that other jobs might not?
  • Do you feel comfortable talking about the work or companies you did work for and would they speak about you in a flattering way?

How you list these jobs can vary and how you decide to list freelance projects can depend on the type of work you do and the frequency of such jobs. Freelance work should be listed on your resume just like other jobs – in reverse chronology (newest on top) and in a consistent way.

Drop (Business) Names

When it comes to actually listing your freelance projects, start with current projects or clients and move through to less recent projects. This type of listing often works best when you do freelance work fairly consistently for a handful of regular clients.

Long-term freelance jobs can stand alone just like any position with any other company. You can list this type of work as you would any other “regular” job, just make sure your position or title is clearly labeled. You do, in fact, work for said company, just not as a full-time employee. One consideration here is always whether the company will acknowledge you. Make sure the point of contact is someone you have worked with …

How to Create Actions in Photoshop in 5 Minutes

A Photoshop action can save time and effort when you perform some of the same edits and tasks repeatedly. You can record almost any command into an action that you can replay for later use on different files.

Here, we have step=by-step instructions so you can learn how to create actions in Photoshop. (It really only takes five minutes.)

In no time at all, you’ll have a helpful Photoshop action that can save you time every day!

How to Create Actions in Photoshop: Step by Step

You can create and be ready to use a Photoshop action in just a few minutes. All it takes is a basic working knowledge of Adobe Photoshop – you don’t have to be an advanced user – and an understanding of the steps needed to perform the task you want to accomplish.

Here’s how you do it.

1. Open the File and Actions Panel

how to create actions in photoshop

Open the file you will use to create an action, and then open the Actions panel from Window Actions.

Click New Action in the menu or using the button at the bottom of the panel. Enter a name for your action, supply a set (where it will be located if you want to specify a location), create a function key (or shortcut), and add color (optional) to make it easy to find in the panel.

how to create actions in photoshop

After you finish choosing settings, click Record.

2. Record the Action

Now it is time to perform the steps you want to include in the action.

After you finish choosing settings, click Start Recording from the Actions Panel menu, or the dot at the bottom of the panel. The dot icon will turn red when you are recording.

Perform all the actions you want to record. Click Stop Recording from the Actions Panel menu, or the small square at the bottom of the panel. (You can also hit the Esc key.)

You can stop and resume in the same action to add steps to the recording.

3. Test the Action

how to create actions in photoshop

Open a new file and test the recording. Here, I adjusted a photo from color to black and white.

Open the file, navigate to your action in the Actions Panel, and click Play or use the triangle button at the bottom of the panel.

Save your new file with the settings from the action you created. Note that Photoshop actions will retain settings native to the open file, not the file from when the action was created. This includes file size, aspect ratio, and resolution unless making those changes are part of your saved Photoshop action.

Keep this in mind if you notice pixelation, or …

100+ Logo Mockup Templates (PSD & Vector)

Logo design plays a crucial role when it comes to the success of a business. And great logo mockup templates not only help you better present your logo design but can also make your logo design process more streamlined and efficient.

In order to help you present a logo design to your client in a super-polished way, we’ve gathered the best logo mockup templates from across the web. All of these logo mockups are easy to use and can present your logo beautifully. Some are free, while others cost a few dollars.

Are you in the middle of a logo design project? Don’t forget to check out our in-depth guide on how to design a logo!

What is a Logo Mockup?

A logo mockup is a template you can use to present your logo designs in a more realistic and creative way.

Logo mockups come in all kinds of designs and with different background environments and layouts such as business cards, wood surfaces, signage, and more. These help you to present your logo designs to clients to show how the logos would look like in a real-life environment.

For example, if you’re designing a logo for a business card, you can use a logo mockup with a business card background design to show your client how the logo would look like when it’s printed on a business card.

How to Use a Logo Mockup Template

Using a logo mockup is quite easy. Mockup templates are usually available in Photoshop PSD file format. Once you’ve downloaded the mockup template file, all you have to do is open the PSD file in Photoshop and then simply drag and drop your logo design onto the mockup template.

Most mockups even include smart object layers that makes it much easier to place your own logo designs in the mockup template with just a few clicks.

Realistic Logo Mockup Templates

Realistic Logo Mockup Template

The realistic logo mockup templates in this bundle will make it tough to tell the difference whether it’s a real logo or not. This pack includes 11 PSD mockups you can use to showcase your logo designs in a professional way.

Logo Mockup Paper Edition 2

Logo Mockup Paper Edition 2

If you’re working on a logo design for a luxury brand, this pack of 11 mockups will help you showcase your logo designs in a professional way.

Modern Logo Mockup Set

Modern Logo Mockup Set

A bundle of modern mockup templates featuring stylish backgrounds. It includes 6 different mockups in PSD format.

Logo and Label MockUp Set

If you’re designing a logo for a brand or a product, this set of mockups will help you showcase your design as creatively designed labels. …

20+ Best Sketch iOS App Templates

Sketch is one of the most popular vector graphics editing tools user interface designers can’t live without. The app makes it so easy for designers to craft fluid mobile app user interfaces in a way unlike any other tool out there.

Did you know that you can actually make the process of designing apps and interfaces in Sketch much easier with templates?

With Sketch templates, you get to import pre-designed sections you need to design app interfaces, like app icons, interface layouts, content layouts, onboarding screens, and more you can easily copy and paste to design your own apps.

For this collection, we handpicked a collection of the best Sketch iOS app templates that includes iOS app interface layouts designed for making many different types of apps. Have a look.

Our Favorite Sketch iOS Templates

We picked our favorites templates from the list. Be sure to download these two free and premium templates first.

Top Premium Pick

iOS App Wireframe Kit For Sketch

iOS App Wireframe Kit For Sketch

With a collection of more than 2000 components, this complete iOS app wireframing kit will allow you to quickly craft wireframes for all kinds of mobile apps with ease.

It includes more than 150 user interface templates in 15 different categories, including sign up screens, shopping carts, profiles, navigation, and much more.

Why This Is A Top Pick

The best thing about this wireframing kit is that it has templates for every type of screen you’ll need to create a complete app user interface. All the elements in the template are also available in vector format, allowing you to easily edit, resize, and customize to your preference.

Top Free Pick

Atro – Sketch & Adobe XD Mobile UI Kit

Atro - Sketch & Adobe XD Mobile UI Kit

Atro is a collection of beautiful mobile screens that feature multiple screen layouts you can use to find inspiration for your next iOS app design.

The free bundle comes with 12 creative mobile screens such as messaging screens, walkthrough, login screens, and more with editable elements, symbols, and vector graphics.

Why This Is A Top Pick

The modern and creative designs of the templates make this freebie stand out from the crowd. Being able to customize the templates with Sketch, Adobe XD, and Figma is also another benefit.

Flok – iOS UI Kit Sketch Templates

Flok - iOS UI Kit Sketch Templates

This complete UI kit for Sketch comes with more than 110 iOS screens with beautifully visualized content layouts. The screens are available in 19 different categories that’ll help you design all kinds of iOS interfaces and screens for various apps.

Origin – Sketch iOS Mobile UI Kit

Origin Mobile - Sketch UI Kit

Origin is a bundle of 65 unique iOS screens that feature a collection of app designs …

Change And Reset Password On Your Mac Computer

Need to change your Mac password? If you need to, don’t worry. You can easily do it.

Changing your password from time to time is important. It actually is a good practice to change your password regularly. Of course, you just have to remember it. If you forget it, there’s still no reason for you to worry. You can easily change and reset your password on your Mac computer.

Here’s are the simple steps that can help you change the password in your Mac computer.

If you know your password, you can login to your account and reset it with a few easy steps.

1. Log into your Mac.

2. Open the Apple menu (the Apple logo at the top-left of your screen) and choose “System Preferences.” You may also have it pinned to your menu bar (it’s a gray gear).

3. Click “Users & Groups.”

4. Select your user account on the left of the box and click the padlock in the bottom left to make your changes.

5. Click “Change Password.”

6. Enter your current password, your new password (twice) and a hint to help you remember your password (don’t make it too obvious). Click “Change Password” to complete the process.

(Via: https://www.newstimes.com/technology/businessinsider/article/How-to-change-your-Apple-ID-and-device-passwords-13841102.php)

Changing password is a lot different from resetting it. To say the least, the latter leaves you clueless as to what your password is. You really have no idea what it is but you shouldn’t worry about it. You can always reset your password but before you do so, keep this in mind.

Before you attempt to reset your password, check that you’re typing the correct upper and lower case letters and that Caps Lock isn’t turned on. Your password field may also have a question mark, which will display a password hint when clicked.

(Via: https://www.newstimes.com/technology/businessinsider/article/How-to-change-your-Apple-ID-and-device-passwords-13841102.php)

It’s not just your mom or grandma who usually forgets passwords. Everybody forgets passwords. When you do forget yours,  you can refer to these simple steps to reset.

There are two ways you can reset your Mac password. First of which is by using your Apple ID.

You may be able to reset your password using your Apple ID.

1. To trigger this option, keep entering passwords until you’re given the prompt that you can reset your password using your Apple ID.

Note: If you don’t see this message after 3 or more password attempts, then you don’t have this option and will have to try another method.

2. Click the arrow next to the prompt message and enter your Apple ID.

3. Create a new password and password hint.

4. Restart your