App Design + Web Design + Photoshop = Combined Course

Learn to customize the workspace with tools, panels, bars, and windows to view, edit, and add elements to images and documents. Save and reset typography presets for a personalized workspace.

Create a new document in Photoshop CS6, set the default size to 1920x1080 at 72 dpi, and save it as a Photoshop document using the File menu shortcuts.

Learn to move objects by activating the selection tool, clicking or pressing to select items in the document window, and dragging them to new positions.

Master the brush tool for digital painting in Photoshop, adjust size with bracket keys, select colors, paint on new layers, and control opacity and flow while erasing with shift.

Create and manipulate smart objects in Photoshop using geometrical shapes in Invicta format, resize without losing a link, and customize stroke colors with quick shape options.

Learn to create vector shapes in Photoshop with the Pen and Paint tools, convert points, adjust control points on the x and y axes, and move, resize, and fill shapes.

Activate the text tool with T, click the canvas to start typing, then click away to finish. Drag to create a resizable text box; double-click the text icon to edit.

Master Photoshop selection tools by opening an image, using marquee, lasso, magnetic lasso, quick selection, and magic wand, then refine edges, save selections, and paste into new documents.

Learn to work with layers in Photoshop, starting from the locked background, unlock or create new layers, and arrange, rename, hide, and paint on transparent sheets.

Learn to copy layers and objects in Photoshop using shortcuts such as Ctrl+C, Ctrl+V, and Ctrl+E, and paste in place with Ctrl+Shift+V after selecting the item.

Discover how Photoshop guides help you design with precision. Use draggable horizontal and vertical guides, enable magnetic attraction to guides, and snap objects to align.

Enable Photoshop smart guides from the View tab to show, then drag an object while pressing the old key to see pixel measurements with pink lines for precise, straight moves.

Explore the header with logo and phone, the navigation menu, a media-rich body with images, text, video, and banners, and the filter with important links in a 960-pixel responsive site.

Design a header using a 960-pixel grid to structure content, place the logo, and include contact details such as a toll-free number and email for a device-friendly website.

Create a brand-aligned menu with a red and orange rectangle box, small text frames, copy and edit text, and keep the Beej, active, and ready boxes consistent for mouse-over actions.

Learn to design web banners with rotating slides, active indicator dots, and clickable cycles, then preview with a box that shows color overlays as the page background.

Divide 960 pixels into three equal sections of 320 pixels, drag guides for a device-friendly layout, and create three icons using smart objects with a light pattern at low opacity.

Design a colorful, detailed footer by styling the first column with the SOP page and second with supporting links, a brand logo, dark address box, and copyright and designer signature.

Design an Android app for second-hand car classifieds by outlining four screens: splash, search, results, and details, featuring logo, car photos, and intuitive navigation, with four videos explaining each screen.

Design a portrait splash screen by centering the logo on a 1920 by 1080 canvas. Create a green-to-white middle gradient and refine with the scale tool.

Design the search page by placing the logo, creating a car company and model dropdown, and building the find the car and advanced search buttons with gradients.

Design the search results page by building a header, gradient-tinted boxes, and a grid of result cards in Photoshop, using clipping masks, shadows, and icons to maintain a static layout.

Design the details page for a car listing app, including a header with back icon, model name, rounded detail boxes, and sections for price, market rate, and description.