Photoshop actually gives us three variations of lasso to work with. The one we’ll be looking at in this tutorial is the standard Lasso Tool, which you can access by clicking on its icon in the Tools panel. It’s the tool that looks like the sort of lasso you’d find a cowboy swinging at a […]
Adding To A Selection To keep things simple, I have a fairly basic shape open in my Document window: A basic shape in Photoshop. I want to select this shape using the most common selection tool in all of Photoshop, the Rectangular Marquee Tool, so I’m going to grab it from my Tools palette: Selecting the […]
By default, the Elliptical Marquee Tool is hiding behind the Rectangular Marquee Tool in the Tools panel. To access it, simply click on the Rectangular Marquee Tool, then hold your mouse button down for a second or two until a fly-out menu appears showing you the other tools that are nested behind it. Click on […]
You’ll find the Rectangular Marquee Tool sitting at the very top of the Tools panel in Photoshop. It’s the tool with the icon that looks like the outline of a square. Click on it to select it: The Rectangular Marquee Tool is located at the top of the Tools panel. If you’re using Photoshop CS4 […]
Do You See What I See? As I write this, summer is once again coming to an end. The days are getting shorter, the nights are cooler, and around here, with autumn fast approaching, the weekend farmers markets will soon be filled with bushels and bushels of apples. In fact, here’s some right now just […]
Photoshop is the world’s most powerful image editor. But to unlock that power, there’s a few essential skills we need to have. One of them is knowing how to make selections. Without selections, we’d have no way to adjust or edit specific areas of an image. All we could do is adjust the entire image as […]
Set the text direction to “right-to-left”: p.rtl { direction: rtl; } Try it Yourself » Definition and Usage The direction property specifies the text direction/writing direction within a block-level element. Tip: Use this property together with the unicode-bidi property to set or return whether the text should be overridden to support multiple languages in the same document. Default value: ltr […]
CSS can generate a bunch of different mouse cursors: .alias {cursor: alias;} .all-scroll {cursor: all-scroll;} .auto {cursor: auto;} .cell {cursor: cell;} .context-menu {cursor: context-menu;} .col-resize {cursor: col-resize;} .copy {cursor: copy;} .crosshair {cursor: crosshair;} .default {cursor: default;} .e-resize {cursor: e-resize;} .ew-resize {cursor: ew-resize;} .grab {cursor: grab;} .grabbing {cursor: grabbing;} .help {cursor: help;} .move {cursor: move;} .n-resize {cursor: n-resize;} .ne-resize {cursor: ne-resize;} .nesw-resize {cursor: nesw-resize;} .ns-resize {cursor: ns-resize;} .nw-resize {cursor: nw-resize;} .nwse-resize {cursor: nwse-resize;} .no-drop {cursor: no-drop;} .none {cursor: none;} .not-allowed {cursor: not-allowed;} .pointer {cursor: pointer;} .progress {cursor: progress;} .row-resize {cursor: row-resize;} .s-resize {cursor: s-resize;} .se-resize {cursor: se-resize;} .sw-resize {cursor: sw-resize;} .text {cursor: text;} .url {cursor: url(myBall.cur),auto;} .w-resize {cursor: w-resize;} .wait {cursor: wait;} .zoom-in {cursor: zoom-in;} .zoom-out {cursor: zoom-out;} Try it Yourself » Definition and Usage The cursor property […]
Create a counter (“my-sec-counter”) and increase it by one for each occurrence of the <h2> selector: body { /* Set “my-sec-counter” to 0 */ counter-reset: my-sec-counter; }h2:before { /* Increment “my-sec-counter” by 1 */ counter-increment: my-sec-counter; content: “Section ” counter(my-sec-counter) “. “; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The counter-reset property creates […]
Create a counter (“my-sec-counter”) and increase it by one for each occurrence of the <h2> selector: body { /* Set “my-sec-counter” to 0 */ counter-reset: my-sec-counter; }h2:before { /* Increment “my-sec-counter” by 1 */ counter-increment: my-sec-counter; content: “Section ” counter(my-sec-counter) “. “; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The counter-increment property increases […]
content: The following example inserts the value of the href attribute in parenthesis after each <a> element: a:after { content: ” (” attr(href) “)”; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The content property is used with the :before and :after pseudo-elements, to insert generated content. Default value: normal Inherited: […]
Speed up your workflow with this list of essential tips, tricks and shortcuts for navigating images in Photoshop. Covers basic image navigation commands, the Zoom Tool, the Hand Tool, the Navigator panel, and the Rotate View Tool. For Photoshop CC and CS6. Basic Image Navigation Shortcuts Zoom In and Zoom Out The Zoom In and Zoom Out commands are […]
Photoshop’s Rotate View Tool makes editing, drawing and painting in Photoshop easier than ever. Learn how to rotate your view as you work, and how to take advantage of “spring-loaded” tools in Photoshop for the best results! For Photoshop CC and CS6. To follow along, you can open any image in Photoshop. Here’s the photo I’ll be […]
Learn how to use Birds Eye View in Photoshop to easily navigate around your image while you’re zoomed in, including the secret trick you need to know to access this amazing but hidden feature. Part 5 of our chapter on Navigating Images in Photoshop. For Photoshop CC ad CS6. Here’s the image I’ve opened in […]
Learn how to use Overscroll in Photoshop CC to unlock your image from the document window so you can scroll and pan the image around freely, even when you’re zoomed out! Part 4 of our chapter on Navigating Images in Photoshop. To begin, go ahead and open any image. Here’s the photo I’ll be using […]
Learn how to use Photoshop’s Navigator panel to zoom and pan your images, and why it’s perfect for navigating around an image when you’re zoomed in! Part 3 of our Image Navigation chapter. For Photoshop CC and CS6. You can follow along by opening any image in Photoshop. Here’s the photo I’ll be using (lighthouse photo from Adobe […]
Learn how to zoom and pan multiple images at once in Photoshop! You’ll learn pro-level tricks for zooming all open images at a time with the Zoom Tool and for scrolling all images with the Hand Tool, along with how to instantly jump every image to the same zoom level and location! Viewing The Images […]
Learn how to zoom, pan and navigate your images like a pro in Photoshop! You’ll learn all about the Zoom Tool, the Hand Tool, View modes, and more, along with some great tips and tricks to speed up your workflow! For Photoshop CC and CS6. This is lesson 1 of 7 in Chapter 4 – Navigating […]
In this fourth chapter of our Photoshop Basics series, you’ll learn how to navigate images in Photoshop.Use the 7 tutorials below, in the order they’re presented, to get up to speed with navigating images in Photoshop quickly. 01. Zooming And Panning Images In Photoshop In this first lesson, you’ll learn the basics of navigating images, starting with […]
When it comes to working in Photoshop, there has always been one frustrating issue. With so many panels, tools, menus and options available, Photoshop’s interface can crowd and clutter up the screen. And the more room the interface takes up, the less room we have for viewing our images. As camera technology improves, our photos […]
