Posts

Showing posts from June, 2018

Interactive Overlays in Adobe XD CC

Image
One of the new features in June 2018 update of Adobe XD CC  is named overlays. This feature is useful to simulate drop-down menus, lightbox effects and so on. In other words, the user can click on hamburger icon and the interactive menu will slide down while testing prototype. How cool is that!

What are overlays in Adobe XD CC Overlays are elements (artboards) which can be stacked one on top of another. As any other artboard, overlaying artboard can contain interactive elements which are linked to some other artboard.

And yes, overlaying elements (artboards) can be used multiple times within design. You need to create only one artboard with the menu, for example.

How to add overlaying elements It is super easy to add an overlying element in Prototype mode. Here are the steps:
The first step is to create artboard with an element which you want to use for the overlay.The next step is to switch to Prototype mode.Select element in your design to which you want to add overlaying element. D…

When, Why and How to Use Conditional Steps in Photoshop Actions

Image
Conditional steps in Photoshop actions can be used to make decisions based on some condition like layers present in the document. Simple chain if > then > else can do a lot of hard work in the background to speed up your workflow but also to avoid mistakes and frustrations.

In this post, I will explain to you why and how to use a limited set of conditions to make actions smarter and more productive using Conditional actions.

When and why to use conditional steps in actions Conditional steps are treated as any other step in action. After executing conditional step Photoshop will proceed with the next step. You can recognize conditional steps which are always represented as If steps in action.

Why use conditional steps Conditional steps are useful to avoid mistakes, error messages when playing actions and wrong outcome. Conditional steps in action are useful when playing single action and extremely useful when running batch processes with an entire folder or hundreds of images.

Wh…

Free Plaid V3 Patterns for Photoshop and Elements

Image
Today I have to share Plaid Version 3 seamless tiling patterns. Patterns will be delivered with .pat extension and as JPEG files. Patterns are useful for the Web and Print design. The license is free for personal and commercial projects as and everything else listed in freebies section and on my site Photoshop Plus > Free.

Patterns in this package are created using The Best Photoshop PluginFilter Forge. There are and so many other cool things that you can do using Filter Forge and Photoshop.


Here is a useful link for Photoshop newbies: How to Manage and Work with Presets in Photoshop and Photoshop Elements.

What is included in the package Package contains set of 5 different seamless tiling patterns with the following dimensions: 512x512px.

Preview of all patterns included in the package




When Things Go Wrong With Layer Styles in Photoshop

Image
Layer styles are one of the most popular features among Photoshop users. Using layer styles it is possible to stylize any shape, type or pixel based layer with a single click. Usually, layer style is created using 2 or more layer effects. When applying layer style Photoshop will reproduce settings captured when saving layer style and scale effects as needed what depends on the resolution of the document in which layer style is used versus resolution of the document when layer style is captured/saved. That's the power and easy to use. However, sometimes things do not work as expected. In this post, I will give you hints on what to pay attention and how to solve the problem when things go wrong.

What problems can occur when applying layer styles and how to solve them There are a couple of settings that can affect the appearance of the layer style. There are tons of layer styles available online to download for free or to purchase. If you already have downloaded layer styles created …

Why and How to Record Steps with Messages in Photoshop Actions

Image
Actions are one of the coolest features in Adobe Photoshop. Even simplest action can save tons of time and make the user happy. However, sometimes actions can start to be more complex while other times some requirements must be met before running action for a batch process, for example, as in this situation posted on Adobe Forums. The problem is solved with some effort and testing which requires time and brain muscles. Chances are that exactly the same action can do the job in the near or far feature. Instead of multiple tests runs and expands to read steps and understand action, wouldn't be easier to add a reminder (message) at the beginning of action which will inform the user how the action works or what requirements should be met to successfully run action? That's the point where I want to draw your attention to option Insert Stop when recording the action. This option allows you to add even multiple messages anywhere inside the action. The message can inform/remind user(s…

Free Banana Inside Patterns for Photoshop and Elements

Image
Today I have to share Banana Inside seamless tiling patterns. Patterns will be delivered with .pat extension and as JPEG files. Patterns are useful for the Web and Print design. The license is free for personal and commercial projects as and everything else listed in freebies section and on my site Photoshop Plus > Free.

Patterns in this package are created using The Best Photoshop PluginFilter Forge. There are and so many other cool things that you can do using Filter Forge and Photoshop.


Here is a useful link for Photoshop newbies: How to Manage and Work with Presets in Photoshop and Photoshop Elements.

What is included in the package Package contains set of 5 different seamless tiling patterns with the following dimensions: 512x512px.

Preview of all patterns included in the package




How to Automate Boring Tasks Using Script Events Manager and Actions in Adobe Photoshop

Image
There are many simple boring tasks which we are performing occasionally or on daily basis in Adobe Photoshop. I am talking about tasks like converting Background layer to normal/Smart Object layer when opening image, for example.

One way to automate simple boring tasks is to record the action(s). But wait, action must be played to be executed right? For a single step or two steps manually performed is it worth to record action? Probably not unless you can play action automatically based on some event like every time when opening a new document. Is it possible to do in Photoshop, I mean for non-scripters and non-coders? Yes, it is.

In this post, I will explain to you how to play action/script automatically based on an event (New Document, Open Document, Save Document...) in Adobe Photoshop using Script Events Manager.

What you can do with Script Events Manager in Photoshop Script Events Manager allows you to automatically play/execute script or action based on some event.

What is a Ph…

3 Techniques to Show Through Image From Underlying Layer in Adobe Photoshop (Video)

Image
One of the most common uses of Adobe Photoshop is to combine two or more images. There are many techniques which can be used for this task. Sometimes requirement is to mix or blend two images while other times final composition requires only some regions of underlying layer visible. In this tutorial, I will demonstrate to you 3 ways or techniques to reveal or show through content from underlying layer in layers stack: opacity settings for the layer above, blending modes and advanced blending or the Blend if sliders.

Video tutorial Here is my recording with details and explanations of 3 ways to show through content or image from underlying layer in Adobe Photoshop. If you have any question or doubt, please do not hesitate to leave comments.


Transcript Hi guys, in this tip I will present to you 3 techniques to show through image or pixels from underlying layer in Adobe Photoshop. 
In my Layers panel, I have two layers: layer with image and underlying layer with paper texture. 
The firs…