Weekly News for Designers № 611

Welcome to the W3C design system – A look at how the W3C’s design system is structured. You can even download templates for use in your own projects.
Example from Welcome to the W3C design system

How to Work With Both Good & Bad Design Clients – How to determine which clients are worth the trouble and which ones you should just skip over.
Example from How to Work With Both Good & Bad Design Clients

CSS Container Query Units – Experimenting with CSS container queries using different units.
Example from CSS Container Query Units

Paper to HTML Converter – Check out an experimental prototype that aims to render scientific papers in HTML.
Example from Paper to HTML Converter

Doodle Ipsum – Create custom doodles for use on your project prototypes, etc.
Example from Doodle Ipsum

10 WordPress Plugins to Help Improve Website Accessibility – A wide selection of tools to help us meet the challenges of accessibility.
Example from 10 WordPress Plugins to Help Improve Website Accessibility

Purity UI Dashboard – Grab a copy of this free ReactJS Dashboard based on Chakra UI.
Example from Purity UI Dashboard

Koloicons – A fully-customizable library of 3,000+ free SVG icons.
Example from Koloicons

Mechanic – An open-source framework that makes it easy to create custom, web-based design tools that export design assets right in your browser.
Example from Mechanic

Clients Make Too Many UX Decisions. Here’s How to Stop Them. – Tips for inviting client feedback while keeping them at a safe distance from UX.
Example from Clients Make Too Many UX Decisions. Here’s How to Stop Them.

iPod.js – This JavaScript app uses the familiar iPod Classic UI and pairs it with the ability to connect with popular streaming services.
Example from iPod.js

Basic Pattern Repository – A collection of simple and seamless SVG patterns that you can copy and paste into projects.
Example from Basic Pattern Repository

Faust.js, the Framework For Headless WordPress – Take a peek at WPEngine’s new headless WordPress framework.
Example from Faust.js, the Framework For Headless WordPress

Grainy Gradients – Learn how to create noise effects with CSS and SVG.
Example from Grainy Gradients

Tips for Improving the Core Web Vitals of Your WordPress Website – Optimize your site’s performance and stay in Google’s good graces.
Example from Tips for Improving the Core Web Vitals of Your WordPress Website

iPhone 13 Mockup (FREE) – Add the latest iPhone to your device mockup collection with this free Figma file.
Example from iPhone 13 Mockup (FREE)

Create Content That Targets Your Existing Design Clients – Write informative content that is sure to pique your client’s interest.
Example from Create Content That Targets Your Existing Design Clients

Tove – This new WordPress theme takes advantage of Full Site Editing (FSE) and the Gutenberg block editor.
Example from Tove WordPress Theme

The post Weekly News for Designers № 611 appeared first on Speckyboy Design Magazine.

Did you miss our previous article…
https://www.1clanek.info/?p=1206

10 Free Slideshow & Gallery Templates for Adobe After Effects in 2021

Slideshows are a great way to grab your audience’s attention. Whether you’re making a business presentation or want a unique way to preserve precious moments, a slideshow can help you make it more memorable.

That’s why in this article, we’ve selected the best After Effects slideshow and gallery templates that will help you create a stunning video presentation.

You might also like our collection of the 10 Best Slideshow & Gallery Templates for After Effects

More free After Effects templates: Titles, Animated Icons, Logo Reveals, Animated Fonts, Lower Thirds, Intros, and Openers.

Contact Sheet Slideshow Free After Effects Template (Free)

Use this Contact Sheet Slideshow if you want a creative way to present your employees or team members. The template includes 10 placeholder images and you can easily add more if you need them.

Old Slideshow Free After Effects Template (Free)

The Old Slideshow template is another great choice if you’re looking for a retro-style gallery or slideshow. The template comes with full color control so you can easily customize the colors and drop in your photos.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Wall Slideshow (with Envato Elements)

Try the Wall Slideshow if you want a cool-looking, modern gallery to display your family photos and albums. The template is easy to customize and comes with full color control.

Modern Zoom Telescopic Slideshow After Effects Template (Free)

This Modern Zoom Telescopic Slideshow Video features a unique zoom effect pictured through a telescopic transition. You will also find multiple light leaks with sleek camera motion and a grand total of 6 image placeholders.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Clean Slideshow After Effects Templates (Free)

If you want a clean slideshow that you can use to present your family photos or if you need a clean slideshow for a corporate project, the Clean Slideshow template is the right choice. It features a stylish design, simple text animations, and smooth transitioning effects.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Slideshow Constructor for After Effects (with Envato Elements)

The first template on this list features a vintage-style slideshow of polaroids. It’s a great choice if you want to combine all your photos and create a truly unique photo album.

Free Parallax Scrolling Slideshow After Effects Template (Free)

Parallax is an extremely popular animation effect used in a number of websites. Thanks to this template, you can use it in your videos as well. This template contains 9 image or video placeholders, and 9 text placeholders.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Bold Slideshow (with Envato Elements)

Try the Bold Slideshow if you want a bold and colorful look. This template includes a detailed help file, full color control so you can easily customize the colors to match your brand, and editable text layers.

Modern Tile Slideshow (Free)

The Modern Tile Slideshow is a great choice for professional and corporate videos. The slideshow template features a unique, tiled look and a 3D tile drop down effect to reveal your images and transition between them in 3D. The template also includes multiple light leaks.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Free Dynamic Colorful Slideshow After Effects Template (Free)

This dynamic template features a modern and colorful style paired with minimal typography. It’s a great choice for both business and personal video slideshows. The template includes 23 media placeholders, 19 editable text layers and an intelligent color controller.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Stylish Spinning Columns Slideshow After Effects Template (Free)

Consider the Stylish Spinning Columns Slideshow Template if you’re working on a high-end project. The template features 6 image placeholders paired with a modern spinning column transition effect and multiple light leaks.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Travel Slideshow (with Envato Elements)

This versatile template features an upbeat and cinematic style based on the popular travel intro trend. The template is easy to update and customize to suit your individual styles.

Free Elegant Slideshow After Effects Template (Free)

This After Effects template is perfect for corporate and business slideshows. The template features elegant slide transitions and includes a number of placeholder images. You can easily add more and customize text and colors to match your brand.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Free After Effects Slideshow Templates (Free)

In this template, you will find 14 image placeholders that are arranged in a stunning grid layout. You can easily adjust the colors thanks to the intelligent color controller and replace the text with your own.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Fast Slides Free After Effects Slideshow Template (Free)

Use this template if you’re working a video that could use a fast-moving animation. This slideshow would be perfect at the beginning of a video to introduce different concepts that will be addressed in the video.

slideshow gallery animation ae adobe after effects template motion design project files video movie free

Creative Slideshow (with Envato Elements)

This Creative Slideshow template features a dynamic, fast-paced animation style and bold typography. The template would be perfect for a corporate video presentation and includes full color control as well as editable text layers.

Conclusion

Adding a slideshow to the beginning of your video can be a great way to give a preview of what you will talk about in the video. You can also use slideshows in the middle of the video to introduce a new segment or as a personal collage of your favorite moments.

This collection is a great starting point that you can use as an inspiration or to find the perfect After Effects slideshow template for your project.

The post 10 Free Slideshow & Gallery Templates for Adobe After Effects in 2021 appeared first on Speckyboy Design Magazine.

Did you miss our previous article…
https://www.1clanek.info/?p=1195

The 10 Best Photoshop Action Sets for Creating the Bokeh Effect

The bokeh effect has a multitude of uses within digital art. It can be overused, sure. But it can also be simply stunning. Trying to recreate this look on your own would be a time-consuming task. Thank goodness for Photoshop actions, right?

What you’ll find here is a fantastic set of Photoshop actions that greatly simplify the process for making the bokeh effect. Most of these can be implemented with just one click and offer a wide range of stunning results.

It’s a good idea to try a few of these effects for yourself to see which would best serve your work. You’re certain to find something that works well, and that speaks to your specific needs. Now, without further delay, let’s jump right into the list!

Dual Light Photoshop Actions

The Dual Light Photoshop Actions set creates a beautiful double light effect on any photo of your choosing and add smoke and bokeh effects. The final image is layered and can be customized in a wide number of ways. This action set also comes with 20 color presets.

Soft Focus Photoshop Actions

Another action set you might want to consider is the Soft Focus Photoshop Action. This one works quite simply. Just add it to a specific area of a photo that you want to remain in sharp focus, then play the Action. The end result is a soft focus on the rest of the image which provides a bokeh effect.

Soft Focus Photoshop Actions

Bokeh Kit for Photoshop

The Bokeh Kit for Photoshop is another fantastic option. It’s minimal in effect but really cool and can transform your photographs in a variety of ways. This kit actually has a lot going for it, in that it’s not just a bokeh Photoshop action. It also comes with 8 bokeh gradients and 40 bokeh brushes to help give you more control over the end result.

Bokeh Kit for Photoshop

Bokeh Bomb Creation Kit for Photoshop

Another great option is the Bokeh Bomb Creation Kit for Photoshop. It’s chock full tools and resources for adding bokeh effects to your photographs. This kit comes with eight smoke effects, fast rendering, and snapshot prerendering play. It’s also nondestructive, so you can revert an image back to your original photo if need be. Other features include 20 bokeh gradients and 180 bokeh overlays.

Bokeh Bomb Creation Kit for Photoshop

Holidays Bokeh Photoshop Action

You might always want to check out the Holidays Bokeh Photoshop Action set. This one comes with just one action file and one brush file and is supplemented by a thorough how-to file. It’s completely easy to use, non destructive and compatible with all of the latest versions of Photoshop.

Holidays Bokeh Photoshop Action

Bokeh Photoshop Actions

This is another great option designed with selfies in mind. This Photoshop action works by turning your selfies or iPhone photos into professional-looking photos by adding a bokeh effect. The action has 10 color effects that you can use as well to further customize the finished product. A help file and video tutorial are also included for your convenience.

Bokeh Photoshop Actions

Brightum Soft Focus Photoshop Action

The Brightum Soft Focus Photoshop Action is definitely worth considering as well. This action works by creating soft focus and light effects on your photos. All you have to do is select on area then click play. From there, you can make adjustments to color, contrast, and gradients as well thanks to 10 color presets and well-organized layers.

Brightum Soft Focus Photoshop Action

Shimmer Photoshop Action

If you want to leave your viewers dazzled, the Shimmer Photoshop Action is a great option. This action works as follows: brush the area of the photo you want to add a sparkle effect to then click play. That’s it! The end result is bright area of the photo that draws the eye and looks like it’s shining with tiny pieces of glitter.

Shimmer Photoshop Action

Circles Animation Photoshop Action

And check this one out! The Circles Animation Photoshop Action is a great one to add to your toolbox. With just one click, you can add soft focus light effects around The end specific area of a photo that you select. The end result is a sparkling effect that pulls in the eye.

Circles Animation Photoshop Action

Glory Photoshop Action

The Glory Photoshop Action is super easy to use. All you have to do is fill in your chosen subject with a color of your choice, select a light direction, then play the action. That’s it! You can select from 8 different light directions and the end result is non destructive as well so you can undo the effect if you don’t like how it turned out.

Glory Photoshop Action

Magicum Studio Lights Photoshop Action

The last action on our list is the Dreamy Photoshop Action. This one adds firefly effects with soft focus to your images. Select the area you want to highlight and click play. That’s all there is to it. This action comes with 10 color presets, graphic elements, and it’s layered and organized for convenient use (and undoing, should the need arise).

Magicum Studio Lights Photoshop Action

How to Install Photoshop Actions

  1. Download and unzip the action file
  2. Launch Photoshop
  3. Go to Window > Actions
  4. Select Load Actions from the menu and go to the folder where you saved the unzipped action file to select it
  5. The Action will now be installed
  6. To use the newly installed action, locate it in the Action panel
  7. Click the triangle to the left of the action name to see the list of available actions
  8. Click the action you want to play and press the play button at the bottom of the Actions panel

We hope you enjoyed this list of the best Photoshop actions for creating the bokeh effect. Bokeh is versatile and relevant for a wide number of photographs and design choices. And in the end, after you’ve experimented with a few of the actions provided here, you’re bound to capture a look that fulfills your artistic preferences. Best of luck!

The post The 10 Best Photoshop Action Sets for Creating the Bokeh Effect appeared first on Speckyboy Design Magazine.