Blogs

  • Adobe Premiere Pro tips and tricks

    1. Change playback resolution

    One of the Premiere Pro tips includes changing the playback resolution of your footage. Simply go to “Program Monitor” and hit on “Select Playback Resolution” box. You can choose from “1/2” or “1/4” for HD video and “1/8” or “1/6” for 4K and above video. In case the video is 1080p, you shouldn’t select less than “1/4”. Reducing the preview quality will lessen the system burden.

    2. Remember to use proxy

    Here is another Premiere Pro tip. According to this, if you want a smoother editing and rendering of your clip, using proxy is a considerable way. Creating proxies will improve the performance on your computer by reducing the footage quality for the time being. At the time of final rendering of the footage, the quality will be same.

    In order to use proxy, right-click on the video and pick “Proxy” > “Create Proxies” and choose file format and location of proxy. Choose “GoPro Cineform” or “Apple ProRes” followed by “OK”. Now, “Adobe Media Encoder” will be launched to render your files into easy-to-edit proxy files. Then you need to add a button in order to turn proxies on and off. Below the video preview, you may find “Program Monitor Toolbar” button.

    Choose the “Button Editor” and drag the “Toggle Proxies” button on the toolbar. Quit the Button Editor then. From now on, you will see the proxy button getting turned blue when you press it. By re-pressing it, you can use the original media.

    3. Use shortcuts

    Who doesn’t love shortcuts? Not actually shortcuts, but everyone loves to get the work especially editing done speedily. When you know the shortcuts in Premiere Pro, you will be able to apply effects, making cuts and other things quickly. To follow this Premiere Pro tip, head to “Premiere Pro CC” followed by “Keyboard Shortcuts”. A keyboard will come up on the screen where you can notice all the shortcuts and learn them.

    4. Enable Ripple Sequence Markers

    As the next Premiere Pro tip, use sequence marker by pressing M and keep the track of what changes you have to do by giving the name, content and duration for markers. However, please ensure to enable Ripple sequence markers. This will shift the positions of the sequence markers when you move the clips on the time to match them.

    5. Use Voiceover wisely

    A video is incomplete without a voice-over. You are indeed going to use a voice-over in your video. And there are times when you aren’t having the perfectly recorded version of that voice-over yet. Well, during this wait you can utilize your time by recording a sample voice over directly over the Timeline. With the help a sample voice over you’ll have a rough idea to get through with the clip editing (trim crop etc.) meanwhile.

    It is easy to add voiceover to video. For this, head to the “Settings” menu over the “Timeline” and then add a Voice-over Record button by customizing the audio track headers. Now, you simply need to hit the Voice-over Record button and you’re good to go.

    Note: Set up an input sound device before hitting the record button.

    6. Synchronize Audio

    Syncing audio with the video can be challenging when you have to use an external recorder and move the audio file frame-by-frame. However, with this Premiere Pro hack, you can synchronize your audio track in a click. Wondering how? Choose the audio clips to be synced and right-click. Choose “Synchronize”. Select “Audio” at the bottom and the program will do the job.

    7. Lag

    No one likes lagging in there footage. On your system, when you add plug-ins, it may eat up internal memory thereby letting you experience lag. However, there is a Premiere Pro hack that could come to rescue. Simply head to “Edit”, “Preferences”, “Memory” and keep the “RAM reserved for other applications” lowest. This will lessen the amount of lag. You can use the tips to fix lagging issue.

    8. Use Adjustment Layers

    Giving a cinematic feel to the footage is never a bad idea. Using this Premiere Pro hack rather than just “Lumetri Color” for color grading, you can boost your video’s quality. You can opt for some cheap or free packs from the LUT packs. And to add a professional look, you can go for more advanced pack named as Magic Bullet Looks. Now, you can place the adjustment layer and lower the opacity as needed.

    9. Dynamic Trimming

    There are times when you have to do minor trimmings in your clips. And it takes full concentration for a precise trimming. For this, use this Premiere Pro hack and make your cuts perfect. With dynamic trimming, you can work in frame-by-frame to cut the video.

    10. Use reverb to end audio track

    Use the reverb effect to make your footage more dramatic. Choose the clip that needs to get this effect. Nest it (by right clicking) and add black video in a new sequence. You can now add the reverb effect.

  • Adobe Photoshop Generative Fill

    Make stunning images with Generative Fill 

    Generative Fill is a magical new tool grounded in your innate creativity, enabling you to add, extend, or remove content from your images non-destructively, using simple text prompts to achieve realistic results that will surprise, delight, and astound you—in seconds.

    To work with Generative Fill, begin with making a selection with any of the selection tools in Photoshop around a desired object or an area in your image. Then do any of the following:

    • Select the Generative Fill button in the contextual task bar that appears. 
    • Select Edit > Generative Fill from the application bar.
    • Ctrl/ Right+click within the selection and choose Generative Fill from the menu.

    Add drama to your images with Adjustment Presets

    With Adjustment Presets, you can preview and change the appearance of your images in just a few steps. The Adjustments panel now comes with presets — Portraits, Landscape, Photo Repair, Creative, Black & White, and Cinematic — an ideal solution for photo editors starting to create gorgeous images and needing to save time and effort in elaborate workflows. 

    Remove distractions with the Remove Tool

    Remove Tool ( ) in Photoshop is an easy-to-use yet powerful tool for quick, easy cleanups. Use it to get rid of distractions or unwanted areas in your photos. It uses intelligent technology to remove unwanted objects when a user brushes over them and automatically fills in the background while preserving the integrity of objects and depth in complex and varied backgrounds. 

    Remove Tool is particularly powerful when removing larger objects while respecting boundaries between objects. For example, this tool can remove an entire building or car from a mountain landscape image while maintaining the fidelity of the mountainous terrain.

    Find relevant next steps with the Contextual Task Bar

    With the May release of Photoshop 24.5, you can find the right tool at the right time to speed up your workflows in Photoshop with Contextual Task Bar.

    The Contextual Task Bar is a persistent menu that presents the most relevant next steps in your workflow. For example, when an object is selected, the Contextual Task Bar appears on the canvas with more curated options for the potential next step, such as Select and Mask, Feather, Invert, Create Adjustment Layer, or Fill Selection.

    Improved Gradients

    With the May release of Photoshop 24.5, you can easily draw, preview, and modify beautiful gradients with improved Gradient Tool in the Photoshop desktop app.

    The Gradients feature has been significantly improved and the workflow has been expedited with the introduction of new on-canvas controls and a live preview, that is created automatically and that can be edited non-destructively.

    Use the Gradients widget to adjust your gradients and check out their impact in real-time. Add color stops and opacity stops, and move those to make the color, density, opacity, and blend mode adjustments to the gradients.

  • Adobe inDesign Tips

    1. Populate text on every page to save time

    A function of Adobe InDesign is a red plus sign at the lower right corner of a text frame that indicates overset (overspill) text. If working on a page with overset text you can thread frames together – click on the plus sign, line up a new frame and your text will flow into it. Connecting frames using in and out ports is known as threading.

    But that’s not all. Save time by automating frames on every page until all text has flowed through an entire document by holding shift and clicking in the margins. This is known as auto flow. Once you have populated text or use an in or out port, your pointer becomes a loaded text icon.

    You can now populate pages automatically, and avoid having to create a new frame each time you have overset.

    2. Find and replace for improved efficiency

    If creating a text-heavy design layout, you’ll probably need to change some keywords or phrases along the way. The dialog box is easily opened with Choose Edit > Find/Change. Click the Text tab for more options. Changing text or metadata is easily done – advanced options include GREP, a pattern-based search option, and glyph.

    3. Balance ragged lines to create cleaner layouts

    When using text and typography, it’s important to have a layout that’s easy on your readers’ eyes. Layouts can make a huge impression on your brand identity, especially when using snappy captions, pull quotes and centered paragraphs that help you create stand-out content. Utilize this simple function that easily balances your ragged lines.

    4. Preview mode creates a clearer picture with zoom

    Switching between normal and preview mode allows you to see a cleaner representation of your work. Clicking the letter W turns the preview on and off. This tool removes any excess bleeds, guides and line blocks, presenting you with a clean version of your work. Throw in a zoom shortcut for multiple viewpoints of your designs: (pc) control or (mac) command with the keys plus for zoom in and minus for zoom out.

    5. Eyedropper color five panel selection

    The eyedropper color theme tool allows you to sample popular colors within your design layouts. Switch to the eyedropper icon with the shortcut command or option and I, or by selecting it from the Tool panel. A cool feature is the ability to create a color theme panel. Click on an image or graphic or text and a floating palette based on the colors clicked on will appear.

    These InDesign tips will not only save time, but they also help you create impactful design layouts to capture your audience’s attention.

  • Adobe Illustrator tips

    1. Transparency Background

    Use the hotkey Cmd/Ctrl + Shift + D to bring up the transparency grid so you can see if an object is the same color as the background, or truly transparent. This will allow white artwork to appear much more easily compared to the white-on-white effect that you normal would get with a regular Illustrator document.

    2. Better Tangent Handles with the Pen Tool

    Hold down Alt/Opt when you click and drag out a long tangent handle with the Pen Tool to suck it back in on the lead end to prepare for the next segment of path more effectively. Also, use the spacebar to adjust the placement of the anchor point.

    3. Cap Height is Sometimes Better

    Cap height for font sizing. Open the Character panel and hit the hamburger menu and choose to turn on “Show Font Height Options” choose “X-height” to change the height to the actual size of the type based upon the size of lower case letters from the baseline. I can set the height of my logo’s text to the exact height of the logo mark height.

    4. Align to the Actual Type/Glyphs

    You can align objects to the actual text and not just the text box with a newer feature of Illustrator. Open the Align panel and hit the hamburger menu and choose the Align to Glyph Bounds option and choose the point text selection. Now when you align text and a graphic object, the graphic object will align to the edges of the actual text, not the bounds of the text box. Also, we can turn on snap to glyph by going View>Snap to Glyph and this will also objects to “click” to the sides and edges of the actual text without having to outline the type.

    5. Easier Type on a Path

    After you create some type on a path, there are a number of different ways to customize this text beyond what you may be used to doing. Use the Type>Type on a Path>Type on a Path Options to get in and adjust exactly how the type interacts with the path and where it is positioned and oriented depending on the path.

    6. The Touch Type Tool

    You can use the Touch Type Tool to move characters. Buried under the Type tool in the toolbar is the Touch Type tool. Use the hotkey Shift + T to quickly access this tool. Select any letter in your text field and move, rotate, adjust the width, or resize to tweak and adjust the finer points of your text. You can do crazy stuff with this tool, but usually, you’d probably use it for simple adjustments where something looks optically “off” and you want to nudge something a tiny bit. NOTE: nudge letters with the keyboard, there is no shift hotkey to keep letters on a straight line.

    7. Create a Grid of Artwork Fast!

    Hold Alt/Opt to drag out a copy of the artwork. Then hit Cmd/Ctrl + D to duplicate that copy and movement as many times as you like to get a row of artwork. Now select the entire row and Alt/Opt click and drag it down to create a second row and hit Cmd/Ctrl + D to duplicate that copy and movement to get a grid of your artwork for rapid copying and adjustment opportunities for your work.

    8. Easy Alignment to a Key Object

    Align to key object by selecting both shapes and then clicking the shape you want to align TO a second time to choose that as the key object. Now the align functions will align the other artwork against this key object without moving the key object.

    9. Smoothing Four Ways

    Smoothing tool for easily smoothed paths (double click to open tool options and make the tool perfect for you.) Use the Pencil tool to draw shapes quickly. Open the Pencil tool options to ensure you get no fill and toggle on the option to use the Alt/Opt key as the Smooth tool (check to make sure Keep Selected is ticked on as well.) Draw shapes and quickly smooth them before moving on. You can use the Smooth tool by selecting the path which you wish to smooth out and then grab the Smooth tool and draw along the path roughly where you want the path to be smoothed and Illustrator will do all the work! Additionally, you can select a path and go Object>Path>Simplify and you will be able to do a certain level of smoothing and reduction of anchor points on your artwork. NOTE: Also, the Brush tool has the smoothing tool hidden in it. Use the Brush tool and hold Alt/Opt while painting to smooth paths quickly.

    10. Groups of Global Color

    Select the artwork and hit the hamburger menu in the Swatches panel. Choose to create a new color group. Tick on the Global color option to ensure all the swatches are global colors. Now we can double-click any swatch in the swatches panel and adjust the color and watch it change across all of our artwork. This includes a color that is used on strokes, fills, gradients, blend modes and opacity, patterns using the color, and even complex shapes that have the color buried within them.

  • Adobe Illustrator New Features

    On June 14th, 2023, Adobe announced six new Adobe Illustrator features. While the internet buzz largely surrounds its latest AI feature, Generative Recolor, the other features announced are certainly exciting too.

    1. Generative Recolor

    In April 2023, when Adobe introduced its vector recoloring tool, it was expected, but not confirmed, the tool would become an Adobe Illustrator feature once beta testing was complete with Firefly. As a beta tool with a new name, you can find Generative Recolor in Adobe Illustrator.

    Our guide to using Adobe Firefly’s vector recoloring tool gives a glimpse into how it can be used directly in Illustrator. One thing we know for sure is that this tool is game-changing for designers, illustrators, and digital artists. A recoloring tool right at your fingertips will save so much time.

    With a text prompt, you can type a color theme or imagery to apply the colors to your premade vector graphic. This is helpful to test colorways, change branding, or to colorize from black and white.

    2. Share for Review

    As creative artists and digital designers, you’re often working directly with clients or collaborating on creative projects, and it can be a hassle to send files and designs for feedback.

    With Adobe Illustrator’s Share for Review feature, you can easily share your work with others—even if they don’t have a Creative Cloud account. Create a link for your work to share or invite them directly. You can change access settings anytime and push updates to the same link for a smoother process.

    3. Retype

    Retype is a beta tool that allows you to use inspiration from text you find in the wild and bring it directly into your Illustrator projects.

    You can import images of text you’ve found or taken and, using Retype, Adobe Illustrator can identify the font type and match it with an Adobe Font that closely resembles it. While it may not always be a perfect match since it only offers Adobe Font choices, it will help in those frustrating moments when you can’t find a font you’ve seen elsewhere.

    4. Image Trace Improvements

    Adobe Illustrator has added improvements to its Image Trace tool, giving you more options and better results. You can now preview the image trace styles before choosing the options—previously, you only had a text title to know what the result may look like.

    https://af221a911443ffdc0e5c26b1da1d0049.safeframe.googlesyndication.com/safeframe/1-0-40/html/container.html

    The auto-detection is new and improved from Image Trace’s prior default trace tool. You will create better results using this improved feature for turning raster images into vectors.

    5. PDF Enhancements

    Although you might typically use Adobe InDesign or Canva to make PDF documents, you can also make them with Illustrator. Adobe has improved its PDF function for this software, allowing you to save PDF presets and load your popular settings by default.

    You can also add working hyperlinks directly to your PDFs, both on images and text. This allows you to add some creative pizzazz to your PDF documents, while keeping them functional for all uses.

    6. Layers Search and Filter

    When creating complex artwork in Illustrator, you may find yourself with a slew of layers that are sometimes hard to navigate. Illustrator now has the option to search and filter your layers, saving time and frustration trying to find your one specific layer that’s lost in the mix.

  • Add fireworks into photos

    For the Fourth of July today I will show you how to add an image of a firework into your photo with the help of photoshop.

    Step 1: Drag The Fireworks Photo Into The Other Photo

    Open both images in Photoshop so that each one is in its own separate document window on the screen. We need to get the fireworks photo into the other photo, and with both images open in their own document window, all we need to do is drag the fireworks photo into the other photo’s document window. To do that, we need the Move Tool, so select it from the Tools palette or press the letter V on your keyboard to quickly access it with the keyboard shortcut:

    Select the Move tool from the Tools palette, or press “V” for the keyboard shortcut.

    Then with the Move Tool selected, click inside the fireworks photo and drag it over into the other photo:

    Click inside the fireworks photo and drag it into the other photo’s document window with the Move Tool.

    When you release the mouse button, the fireworks photo will appear above the second photo in the same document window, and if we look in the Layers palette, we can see that it’s been placed on its own separate layer, with the fireworks photo on “Layer 1” at the top:

    Photoshop’s Layers palette showing both images now in the same document, each on its own separate layer. The fireworks photo is on “Layer 1”.

    You can close out of the document window containing the fireworks photo by itself at this point, since we no longer need it.

    Step 2: Resize And Reposition The Fireworks With Free Transform

    Now that we have the fireworks photo in the same document as the photo we want to add the fireworks to, we can move the fireworks where we want them and resize them if needed, and we can do both of these things at once with Photoshop’s Free Transform command. With “Layer 1” selected in the Layers palette, use the keyboard shortcut Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform box and handles around the fireworks image. If you can’t see the corner handles because part of your image is outside the viewable area, press Ctrl+0 (Win) / Command+0 (Mac) to fit everything on the screen. Then, to resize the image, hold down the Shift key, which will prevent you from accidentally distorting the width or height as you’re resizing it, and then click and drag any of the four corner handles. To move the image around on the screen, simply click on the image and drag it with your mouse.

    I’m going to reduce the size of my fireworks image and move it into the top right corner so the fireworks appear above the main part of the city:

    Move and resize the fireworks if needed with the Free Transform command.

    Press Enter (Win) / Return (Mac) when you’re done to accept the transformation.

    Step 3: Change The Blend Mode Of The Fireworks Layer To “Screen”

    To blend the fireworks in with the photo behind it and remove the black background behind the fireworks, all we need to do is change the blend mode of the fireworks layer to Screen. To do that, go up to the blend mode options in the top left corner of the Layers palette, click on the down-pointing arrow to the right of the word “Normal”, and select “Screen” from the list:

    Change the blend mode of the fireworks layer to “Screen” to blend them in with the photo below.

    Here’s my image after changing the blend mode:

    The image after changing the blend mode of the fireworks layer to “Screen”.

    Step 4: Add A Layer Mask

    With “Layer 1” still selected, click on the Add A Layer Mask icon at the bottom of the Layers palette:

    Click the “Add A Layer Mask” icon.

    This adds a layer mask thumbnail to “Layer 1”, and we can see that the layer mask, not the contents of the layer (the fireworks photo), is selected by the white highlight border around the thumbnail:

    A layer mask is added to “Layer 1”, with the layer mask thumbnail visible in the Layers palette.

    Step 5: Lower The Opacity Of The Fireworks Layer

    With the layer mask added, we’re going to use it to hide the fireworks in any areas where we don’t want them to appear. Currently, the fireworks in my image are appearing in front of the buildings, and I want them to appear to be behind the buildings, which means I need to hide any areas of the fireworks that are in front of them. To do that, all I need to do is paint with black over the buildings, and because I’m painting on the layer mask, not the image itself, I’ll be hiding the fireworks in any areas I paint over. Problem is, the fireworks are making it difficult for me to see where the buildings actually are, so to solve that problem, I’m simply going to lower the opacity of the fireworks layer in the top right corner of the Layers palette. I’m going to lower it all the way down to about 25% so I have no trouble seeing the buildings behind them:

    Lower the opacity of the fireworks layer so you can see the image behind it.

    Step 6: Paint With Black To Hide The Fireworks As Needed

    Now that I can see the image easily behind the fireworks, I can paint with black over the buildings. Press the letter D on your keyboard to reset your Foreground and Background colors. Normally when you do this, you end up with black as your Foreground color and white as your Background color, but when you have a layer mask selected in the Layers palette, as we do, and you reset the colors, you actually end up with the exact opposite. White becomes your Foreground color and black becomes your Background color. We want black as our Foreground color, so to fix that, simply press X on your keyboard to swap your Foreground and Background colors.

    Then, grab your Brush Tool from the Tools palette or press B to access it with the keyboard shortcut:

    Select the Brush Tool.

    Then, using a hard-edged brush and with black as your Foreground color, paint over any areas in the image where you want to hide the fireworks. You can zoom in on the image to make things easier by holding down Ctrl+Spacebar (Win) / Command+Spacebar (Mac) and dragging a selection around the area you want to zoom in on, then hold down the spacebar by itself to access the Hand Tool and drag the image around on the screen as needed:

    Paint with black over any areas where you need to hide the fireworks.

    If you make a mistake and accidentally paint over an area you didn’t mean to paint over, just press X on your keyboard once again to swap your Foreground and Background colors, which will make white your Foreground color, and paint over the area to bring back the fireworks. Then press X to set black as your Foreground color again and continue painting.

    When you’re done, if you’ve zoomed in on the image, press Ctrl+0 (Win) / Command+0 (Mac) to quickly zoom back out. Also, set the opacity of the fireworks layer back to 100%.

    Here’s my image after painting on the layer mask. The fireworks now appear to be behind the buildings:

    The fireworks now appear to be behind the buildings..

    Step 7: Duplicate The Fireworks Layer To Brighten Them (Optional)

    Finally, if you want your fireworks to be even brighter, with “Layer 1” still selected, press Ctrl+J (Win) / Command+J (Mac) to duplicate the layer:

    Press “Ctrl+J” (Win) / “Command+J” (Mac) to duplicate the fireworks layer and add more intensity to them.

    If, after duplicating the layer, you find your fireworks are a little too intense, simply lower the opacity of the duplicated layer. I’m going to lower mine to about 50%:

    Lower the opacity of the duplicate layer to fine-tune the intensity of the fireworks.

    Once you’ve fine-tuned the brightness of your fireworks, you’re done! Here, after duplicating my fireworks layer and then lowering the opacity of the duplicate layer to 50%, is my final result:

  • Adobe Indesign tips and tricks

    1. Populate text on every page to save time

    A function of Adobe InDesign is a red plus sign at the lower right corner of a text frame that indicates overset (overspill) text. If working on a page with overset text you can thread frames together – click on the plus sign, line up a new frame and your text will flow into it. Connecting frames using in and out ports is known as threading.

    But that’s not all. Save time by automating frames on every page until all text has flowed through an entire document by holding shift and clicking in the margins. This is known as auto flow. Once you have populated text or use an in or out port, your pointer becomes a loaded text icon.

    You can now populate pages automatically, and avoid having to create a new frame each time you have overset.

    2. Find and replace for improved efficiency

    If creating a text-heavy design layout, you’ll probably need to change some keywords or phrases along the way. The dialog box is easily opened with Choose Edit > Find/Change. Click the Text tab for more options. Changing text or metadata is easily done – advanced options include GREP, a pattern-based search option, and glyph.

    3. Balance ragged lines to create cleaner layouts

    When using text and typography, it’s important to have a layout that’s easy on your readers’ eyes. Layouts can make a huge impression on your brand identity, especially when using snappy captions, pull quotes and centered paragraphs that help you create stand-out content. Utilize this simple function that easily balances your ragged lines.

    There are only two steps for balanced ragged lines:

    1. Locate and click on your targeted text.
    2. Under paragraph select – balance ragged lines.

    4. Preview mode creates a clearer picture with zoom

    Switching between normal and preview mode allows you to see a cleaner representation of your work. Clicking the letter W turns the preview on and off. This tool removes any excess bleeds, guides and line blocks, presenting you with a clean version of your work. Throw in a zoom shortcut for multiple viewpoints of your designs: (pc) control or (mac) command with the keys plus for zoom in and minus for zoom out.

    5. Eyedropper color five panel selection

    The eyedropper color theme tool allows you to sample popular colors within your design layouts. Switch to the eyedropper icon with the shortcut command or option and I, or by selecting it from the Tool panel. A cool feature is the ability to create a color theme panel. Click on an image or graphic or text and a floating palette based on the colors clicked on will appear.

    These InDesign tips will not only save time, but they also help you create impactful design layouts to capture your audience’s attention. Try out a few of these cool tricks as you employ an Adobe InDesign software that’s equipped to help you succeed. And that’s not all – InDesign is fully integrable with Canto, making it even easier for your designs to play a central role in future marketing strategies.

  • Adobe xd tips and tricks

    #1 — Mockups in Adobe Comp

    You can create simple mockups and wireframes with Adobe Comp mobile app for iOS and Android. The advantages are quick and intuitive prototyping using finger or stylus, with a lot of predefined gestures. It’s also easy to create a wireframe on a meeting with your client. Even though Adobe Comp does not support Adobe XD Export, you can Export to Illustrator and then copy > paste to Adobe XD for editable, vector shapes.

    #2 — Import vectors from Photoshop

    If you want to transfer bitmaps between Photoshop and Adobe XD, simply make a selection in Photoshop, and Cmd + Shift + c (Copy Merged copies everything that’s visible under selection), and then Cmd + v in Adobe XD. However, you can also export vector layers from Photoshop by right clicking on a layer and selecting “Copy SVG” and pasting in XD.

    #3 — 10 px nudge 👉 10 px grid

    In Adobe XD, you can enable Grid for an Artboard by using Cmd + ‘ shortcut. By default, the grid is set to 8 px, so nudging with Shift + left / right arrows does not fit in the grid. Click on the Artboards’ name to select it and change default 8px value to 10 pixel grid to match the nudge. Make that a default for further projects.

    #4 — To Guide or not to Guide 🤔

    There are no such guides as in Photoshop in Adobe XD (so far), but smart guides appear while dragging and enable better positioning of elements. However, sometimes this default behaviour could generate unwanted snapping. Simply press Cmd while dragging to temporarily disable smart guides.

    #5 — Style Guides to the rescue!

    It is best to create a separate Artboard for a Style Guide, where you’ll put all the identity assets as well as brand colors, typography, common styles and controls such as buttons, inputs, and common icons.

    #6 — Type rhythm & re-use Styles

    For a vertical type rhythm you can use gridlover.net. Re-using text styles in Adobe XD works as follows: select the text area you want to use as a reference for styles in the next text area then create a new one and styles will inherit.

    #7 — Font size

    You can increase and decrease the font size by dragging the small oval at the bottom outline of the text. The text field has to of the point type, that means that it has to be created with a single mouse click, not dragging the text field.

    #8 — Text substyles

    Each text field can contain substyles with different text properties, such as color and weight.

    #9 — Create Text Area on paste

    Copy any text and paste it directly in Adobe XD and the text field will be automatically created.

    #10 — Reset line height with 0

    After experimenting with font’s line height you might want to reset to the default value. No need to guess it — just put 0 in line height input and it will reset.

    #11 — Nudge color values

    Use Shift + left / right arrow to manipulate values in inputs such as alpha or color.

    #12 — #HEX color values

    In the color picker dialog box, use hexadecimal values for a precise color match. You can enter one letter / number, eg. #f, to get #ffffff result or use 2- or 3- letter / number combinations for different results.

    #13 — Simple icons in XD

    Sometimes it’s easier and faster to use the default Adobe XD tools such as shapes and pen as well as boolean operations on shapes to draw simple icons.

    #14 — Convert Text into Shapes

    To convert text to shapes and edit each letter’s vector points, use Cmd + 8 shortcut.

    #15 — Image copying & masking

    You can drag and drop images directly to Adobe XD canvas, from Finder or even from a website. Also, you can drop an image on any shape to fill it. In some cases, you might prefer to mask a part of an image. Remember, that mask is applied from the layer that’s on top, and is non-destructive.

  • Photoshop tips and tricks for beginners

    1. Start by opening up the Photoshop workspace and getting familiar with the various panels and tools.

    2. Next, take some time to play around with the different features and options that Photoshop has to offer.

    3. Once you have a good understanding of the basics, start exploring some of the more advanced features such as layers, masks, and adjustment layers.

    4. Another great way to learn more about Photoshop is to attend some of the many online tutorials or even in-person workshops that are offered.

    5. Experiment with different techniques and try out new things – you never know what you might come up with!

    6. When working on a project, always save your work frequently so that you don’t lose any progress. Can be done with the command S shortcut

    7. It is a good idea to create a backup of your work, either on an external drive or cloud storage.

    8. Always save files in the highest quality possible, especially if you are creating projects for print.

    9. Make sure that you are familiar with the tools available in Photoshop.

    10. Use the Undo command often to remove any mistakes that you make. Use command Z shortcut

  • Adobe Photoshop

    Adobe Photoshop has been offering users cutting-edge digital image manipulation tools for the best part of 30 years. And while there’s no denying the show-stopping power it still offers, its market-leading status.

    Most users turn to Adobe Photoshop to process their photographs, but the software is also a brilliant offering for digital artists, website and graphic designers, plus video editors too, thanks to its complex handling of file types, layers, and compatibility with other Adobe programs.