Posts

Showing posts from August, 2018

Reorder Elements in Adobe XD Assets Panel

Image
One of the new features in August 2018 release of Adobe XD is the ability to reorder elements in the Assets panel . This new feature is coming immediately after the ability to label or rename assets from the Assets panel in July 2018 update . This is one more improvement which will help us to stay organized and work faster. From now and on it is possible to arrange elements by importance, frequency of use or in any other meaningful or useful order. How to reorder element and a group of elements in the Assets panel It is possible to reorder ( move ) single element or multiple elements which are arranged continuously or in any non-continuous order. To reorder single element do the following: Open Assets panel ( Shift + Ctrl/Cmd + Y ). To reorder single element just click on it and drag using the left mouse button. While dragging you will see the blue indicator line which is indicating a new possible position. Release the mouse button to drop element on its new position.

Options Bar in Adobe Photoshop to Control Tool Behavior and More...

Image
Options bar is directly connected with tools in Adobe Photoshop . It is providing options and instructions for tool behavior. On the right side is workspace switcher, and in the newer versions, there is a magnifying glass icon to display search Photoshop and online sharing options. From my experience, it is an extremely important feature in Photoshop and it deserves a separate post and mention. Options bar is the first spot where your eyes should look after activating any tool. It is also the first spot to look when the tool is not behaving as expected. When something is wrong with composition/file on my screen and some tool was involved, the first spot where my eyes go is the Layers panel and the second is the Options bar. The basics of the Options bar By default Options bar is positioned just below application menus. To display/hide Options bar go to Window > Options . Options bar is context sensitive and it is changing options depend on which tool is selected/active.

Free Old Brick Patterns for Photoshop and Elements

Image
Today I have to share Old Brick 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  the freebies section  and on my site Photoshop Plus > Free . Patterns in this package are created using  The Best Photoshop Plugin :  Filter 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 Old brick 1 Old brick 2 Old brick 3 Old brick 4 Old brick 5

How to Sample Color from the Image in Photoshop Action

Image
Sometimes it can be tricky to record step in Photoshop action . One of such situations is a step in action to sample color from image and to set it as Foreground or Background color. It may seem impossible at first try but it is actually doable. In this post, I will explain to you how to record step using the Eyedropper tool to sample color from image and to set it either as Foreground or Background color. What is the problem when sampling color in action step One of the interesting problems to solve when recording action is how to sample color from image and to set it as Foreground or Background color without interrupting Photoshop action. It seems not doable because when using the Eyedropper tool to sample color from image Photoshop will record: Set Foreground/Background Color step with hard-coded color. When recording step in action to sample color from the image using Eyedropper tool, Photoshop will record step Set Foreground Color with hard coded color. This is the c

Naming (Labeling) Adobe XD Assets

Image
One of the new features in July 2018 update of Adobe XD is named: label assets. What means label assets? Simply speaking it means that you can rename saved color, character style or symbol from the Assets panel . Why and how to label assets in Adobe XD The very first question you may have is why label assets anyway? Why not enjoy default naming convention which is done automatically by XD? Why spend time on labeling assets? One of the benefits and reason to spend time on labeling assets is speed because it is easier to find asset when it is labeled with a meaningful name like a paragraph, heading (H1, H2...), caption, primary, secondary color and so on... Let's go now to actual labeling. Here are the steps: Open Assets panel by clicking on assets panel icon on the right side of the screen or using keyboard shortcut Ctrl/Cmd + Shift + Y . Double click on asset default name/value. Type new and meaningful name then click outside or press Enter/Return . Another option i

Free Damaged Patterns for Photoshop and Elements

Image
Today I have to share Damaged 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 Plugin :  Filter 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 Damaged Pattern 1 Damaged Pattern 2 Damaged Pattern 3 Damaged Pattern 4 Damaged Pattern 5

Stroke Enhancements in Adobe XD

Image
One of the new features in Adobe XD starting with July 2018 update is referenced as  stroke enhancements . Using new Appearance options you can create dashed and dotted strokes inside Adobe XD. In case that the project needs more complex stroke there is the solution to create a stroke in Illustrator than to paste it in XD. Another cool thing is that complex stroke from Illustrator can be copied and pasted to any native object inside Adobe XD. How to create a dashed and dotted stroke in Adobe XD Dashed and dotted strokes can be created using Properties inspector under Appearance section. Here are the steps to create a dashed stroke : Select an object or group of objects. Check Border  if it's not checked and border options will expand. Adjust Size , Dash , and Gap . There are and options ( icons ) to set stroke Cap , for angled/curved open and closed paths you can choose Join and for closed paths you can choose stroke Position . Steps to create dashed stroke:

How to Add (Record) Additional Step in Photoshop Action

Image
Adding or recording additional step to existing action in Photoshop is a common task for developers and many occasional users. It turns out that it can be very useful and for every user to learn this easy skill. In this post, I will guide you through steps to add a step(s) to existing Photoshop action. If you want to learn from scratch here is my mini course about Photoshop actions to learn the basics. Why add an additional step There are many scenarios when it can be useful to add an additional step to Photoshop action even when action works just fine. For example: conditional step can be added to check bit depth or image orientation and to inform you through a message in action when a file has different bit depth or orientation of what is expected. Another scenario is that downloaded/recorded action have a missing or wrongly recorded step which needs to be replaced. Another scenario is to add a step to open the file at the beginning of action before running action wh