Design

Alien T-shirt mockups

Category: Design
Platform: Windows
Length: 21 min
Resolution: 1920 × 1080
Software: Adobe Photoshop

Samples play on a computer

21min

628clicks

235keys

Adobe Photoshop · Windows

00:00 / 21:07

Events2,068

00:00.000AppAdobe Photoshop 2025

00:00.100Move35, 9 → 45, 11

00:01.068Move45, 11 → 58, 61

00:02.077Click58, 61

00:02.333Move58, 61 → 275, 501

00:05.908Click275, 501

00:06.020Move275, 501 → 833, 614

00:08.997Click833, 613

00:09.332Move833, 613 → 949, 631

00:09.740Move949, 631 → 950, 630

00:10.581Move951, 629 → 957, 626

00:10.933Move958, 626 → 968, 599

00:11.429Move968, 599 → 1233, 685

00:11.765Click1233, 685

00:11.893Move1233, 685 → 20, 96

00:13.669Click20, 96

00:13.829Move21, 95 → 120, 4

00:14.597Click120, 4

00:14.719Move120, 4 → 154, 100

00:16.334Move154, 100 → 156, 195

00:17.237Click156, 195

00:17.478Move157, 195 → 1097, 391

00:18.654Click1097, 391

00:18.718Drag1096, 390 → 916, 397

00:19.833KeyBackspace

00:20.185Typed"300"

00:21.057KeyEnter

00:21.766Move914, 398 → 982, 432

00:22.222Move982, 432 → 1003, 430

00:22.350Move1006, 437 → 1056, 508

00:22.438Move1057, 516 → 1059, 560

00:22.838Move1060, 561 → 1146, 583

00:24.845Move1147, 583 → 1243, 570

00:25.238ScrollDown

00:25.246Move1243, 570 → 1244, 567

00:25.262ScrollDown

00:25.413Move1244, 567 → 1244, 563

00:25.510ScrollDown

00:25.526ScrollDown

00:25.557Move1244, 562 → 1245, 561

Loading events

Narration171

00:00
Opened Photoshop’s file picker and waited while the Downloads > Telegram Desktop folder loaded, then clicked within the dialog to select and open an image.
Load an image into Photoshop for editing.
00:09
Loaded the poster image reading “I DON’T BELIEVE IN HUMANS” into Photoshop, then clicked the left toolbar area.
Prepare the poster image for editing.
00:13
Opened the Image Size dialog and selected the width value, replaced it with 300, and pressed Enter.
Change the poster image’s size settings.
00:21
Returned to the poster, changed the zoom from 100% through 66.7% to 33.3%, and used the on-canvas controls and layer panel while inspecting the enlarged view.
Review the resized poster and adjust its layer setup.
00:31
Worked in the Layers panel, creating and selecting a duplicate pixel layer, then clicked and right-clicked layer controls while the poster remained visible.
Set up and manage a duplicate layer for further image editing.
00:41
Renamed the selected layer “halftone,” then clicked and right-clicked layer controls and selected the lower layer; the poster remained visually unchanged.
Name and manage the poster’s layers during editing.
00:59
Switched to the open Photoshop artwork, changed the document from the halftone view to its RGB view, and clicked around the canvas and menus.
Inspect and adjust the halftone poster document.
01:05
Opened the Image menu while the poster layer was selected, then clicked back on the canvas.
Access image-level adjustments for the selected poster layer.
01:10
Confirmed a change that converted the poster document from RGB to grayscale, then clicked on the artwork and menu area; the green and yellow colors became gray and white.
Convert the poster artwork to grayscale.
01:15
Opened the Levels dialog for the grayscale poster and adjusted its input levels using the dialog controls.
Tune the grayscale contrast and tonal range.
01:26
Continued adjusting the Levels controls, changing the preset to Custom and modifying the input values; the poster preview updated as the settings changed.
Refine the grayscale poster's tonal levels.
01:39
Closed or confirmed the Levels adjustment, returning to the grayscale poster with its layer bounds visible; briefly switched windows, then returned to Photoshop.
Apply the grayscale tonal adjustment and review the result.
01:45
Clicked and dragged on the poster while the Bitmap conversion dialog was open, then returned to the halftone document.
Adjust or confirm the bitmap conversion for the poster artwork.
01:49
Worked in the Halftone Screen dialog, repeatedly clicking and dragging around the Shape control and opening its list of pattern choices.
Configure the halftone screen settings for the poster.
01:57
Returned to the halftone document and clicked in the workspace; the poster appeared as a black-and-white bitmap halftone, with a selection visible around the top lettering.
Inspect the bitmap-halftone result.
02:01
Clicked in the workspace, used keyboard shortcuts, and switched from the bitmap document to the source image tab.
Continue editing the poster from its source image.
02:05
Edited the source image's halftone layer mask, switching between selected mask and image content; the poster alternated between colored and black-and-white halftone previews.
Refine the halftone effect on the colored poster.
02:17
Adjusted the color in the Color Picker (Solid Color) dialog by dragging within the color field, then clicked to confirm the selected color.
Set a solid color for the poster's Color Fill layer.
02:22
Dragged on the layer visibility controls and repeatedly clicked the visibility area for the selected artwork layers, toggling the poster’s displayed layer state while the full-color design remained visible.
Adjust or inspect the poster’s layer visibility.
02:31
Continued clicking layer visibility controls, hiding the black background so the artwork appeared over transparency. Opened the File menu and initiated Save As; the Save As dialog appeared.
Prepare a transparent version of the poster for saving.
02:45
Dragged across the canvas, then edited the filename in the Save As dialog by deleting existing characters and typing a replacement ending in “alien1”; pressed Enter to confirm.
Save the transparent poster under a new filename.
02:56
Returned to the poster document, clicked the File menu, and selected Open; the Open dialog began to appear.
Open another image in Photoshop.
03:00
Scrolled through the files in the Open dialog to browse the Telegram Desktop folder, then clicked Open for the selected image.
Choose an image file to open in Photoshop.
03:14
Opened the selected image, showing a mockup with front and back views of a plain black T-shirt. Briefly switched focus between the image and Pixel Layer Bar, clicked within the mockup, and returned to the layer bar.
Inspect the T-shirt mockup and access its layer controls.
03:19
Opened Photoshop’s File menu and chose Place Embedded to add artwork to the T-shirt mockup, bringing up the file picker.
Place a graphic into the open T-shirt mockup.
03:24
Selected the alien1 graphic in the file picker and clicked Place to insert it into the mockup.
Import the selected alien design into the mockup.
03:28
Dragged the placed alien design onto the right-hand shirt and adjusted its placement and size using the transform box.
Position the graphic on the shirt’s back.
03:33
Continued resizing and repositioning the design within the transform box until it fit more compactly on the shirt.
Refine the graphic’s size and alignment on the mockup.
03:37
Committed the transform, leaving the graphic placed on the right shirt, then opened the File menu and chose Open.
Finalize the mockup placement and open another image.
03:46
In the Open dialog, selected the file “photo_2026-11-03_08-52-15 (11)” from Downloads > Telegram Desktop and clicked Open.
Open the selected image in Photoshop.
03:51
Switched to the alien-logo image in Photoshop, opened the Image menu, and selected Image Size.
Adjust the image dimensions or resolution.
03:56
Selected the Resolution field in the Image Size dialog, replaced its value with 300, and pressed Enter.
Set the image resolution to 300 pixels per inch.
04:01
Returned to the image canvas and zoomed out to view the artwork at a smaller scale.
Review the resized artwork on the canvas.
04:06
Made several canvas and Layers-panel interactions, changing the selected layer and creating a “Layer 0 copy,” then returned to a single visible “Background” layer.
Manage the artwork’s image layer.
04:14
Opened the selected layer’s context menu and moved through its options, including Convert to Smart Object, while the image layer remained selected.
Review layer operations for the artwork.
04:27
Dismissed the layer menu, selected the pixel layer, and chose the Magic Wand tool; the artwork remained displayed without a visible selection or other change.
Prepare to select part of the artwork.
04:37
Switched among Photoshop documents and selected the layer mask and artwork controls while viewing the circular alien “I DON’T BELIEVE IN HUMANS” design on a transparent background.
Prepare the alien graphic for saving or use in the mockup.
04:57
Opened the Save As dialog, edited the filename to “alie1front,” and confirmed the save.
Save the alien design as a front graphic asset.
05:04
Returned to the T-shirt mockup document, then switched to the mockup tab showing the back design and blank front shirt.
Prepare the T-shirt mockup to add the saved front graphic.
05:12
Opened Place Embedded, selected the saved “alie1front” graphic, and placed it into the mockup document.
Add the saved graphic as a new layer in the T-shirt mockup.
05:17
Dragged the placed graphic through repeated transform adjustments, reducing and positioning it on the front shirt.
Fit the front graphic onto the shirt mockup.
05:22
Continued dragging transform handles to shrink and reposition the graphic, then clicked around the shirt and transform controls to adjust its placement.
Refine the size and placement of the front shirt graphic.
05:30
Dragged the small green alien emblem across the front of the left shirt, then clicked to finish the placement.
Adjust the emblem placement on the shirt mockup.
05:34
Clicked near the shirt artwork and made another brief drag across the canvas, leaving the mockup visible.
Continue adjusting the shirt artwork placement.
05:40
Clicked near the lower right of the canvas, then dragged across the left shirt’s chest area and clicked again.
Fine-tune the small chest graphic placement.
05:44
Clicked and dragged around the lower portion of the mockup, then clicked the Photoshop File menu and a control near the left side of the canvas.
Continue editing the shirt mockup and open a file-related command.
05:54
Reviewed the Place Embedded file dialog in the Telegram Desktop folder, scrolled through the image thumbnails, and clicked within the file list and near the Place button.
Choose an image asset to embed in the Photoshop document.
05:59
Returned to the mockup with a newly placed image layer selected, then dragged its transform handles over the left shirt’s chest and clicked to finish the adjustment.
Position and size the newly embedded graphic on the shirt mockup.
06:03
Switched to the Photoshop shirt mockup and dragged the selected small graphic repeatedly around the front of the left shirt, with the transform controls visible.
Position the small graphic on the shirt mockup.
06:09
Clicked around the canvas and interface, then opened the File menu and selected Save As. The Save As dialog began to open.
Save the edited shirt mockup.

06:20
Returned from the Save As dialog to the mockup, zoomed in to 100% for inspection, and switched to the separate alien emblem image tab.
Inspect the mockup details and move to the emblem artwork.
06:38
Switched among the emblem, mockup, and halftone artwork tabs, briefly viewing the black-and-white halftone version of the slogan and alien design before returning to the mockup.
Review the related artwork and mockup documents.
06:44
Switched between the open Photoshop documents and returned to the shirt mockup, then clicked the File menu.
Access file commands for the current mockup.
06:49
Opened the file picker, scrolled slightly through the Telegram Desktop folder, and clicked within the file list before returning to the mockup.
Browse for an image file to open in Photoshop.
06:57
Switched to Photoshop and brought the poster image into view, then clicked the top menu area.
Continue working with the open poster image in Photoshop.
07:01
Opened the Image menu and selected Image Size to bring up the image-dimensions dialog.
Adjust the image's size or resolution.
07:06
Selected the Resolution field, replaced its value with 300, and confirmed the Image Size dialog. Returned to the poster view, which appeared highly magnified, then clicked near the bottom of the screen.
Set the poster's resolution to 300 pixels per inch.
07:15
Navigated around the poster canvas with repeated drags and scrolling, bringing the full artwork into view at 25% zoom. Clicked near the lower-right interface area, briefly switching away and back to Photoshop.
Review the poster at a usable zoom and position.
07:22
Selected the poster layer, duplicated it, and clicked around the canvas and layer controls; the document briefly showed two layers before returning to a single-layer view.
Create and manage a duplicate of the poster layer.
07:26
Worked with the duplicated layer through the layer panel and opened its separate PSB document. Selected the image layer, adjusted its view or selection, and clicked the top menu and canvas controls before switching to a Photoshop popup.
Continue editing the duplicated poster layer in its separate document.
07:36
Switched to the open Photoshop document showing the color poster, then clicked around the document and toolbar; the poster remained selected with transform handles.
Continue editing the poster in Photoshop.
07:40
Clicked around the document and menus, changing the image from color to grayscale; opened the Image menu and continued clicking on the canvas.
Convert the poster to grayscale and access image-editing controls.
07:48
Opened the Image menu, selected Auto Tone, and opened the Levels dialog. Adjusted controls in the dialog through a sequence of pointer drags and clicks while previewing the grayscale poster.
Adjust tonal levels and contrast in the grayscale poster.
08:06
Returned to the document and clicked around the canvas, leaving the grayscale poster visible without transform handles.
Review the poster after tonal adjustments.
08:10
Clicked the document and invoked the Bitmap conversion, bringing up a Photoshop confirmation dialog asking whether to flatten layers.
Proceed with converting the grayscale image to bitmap mode.
08:15
Opened the Halftone Screen settings and expanded the Shape menu to inspect the available patterns, including Round, Diamond, Ellipse, Line, Square, and Cross; then clicked within the dialog.
Configure the halftone screen pattern for the bitmap conversion.
08:24
Switched between the Photoshop window titled “Pixel Layer Bar” and the open “Layer 0 copy.psb” document, clicking in the canvas area; the black-and-white “SINGLE TAKEN” design remained visible.
Return to and inspect the open design document.
08:28
Selected the full canvas in “Layer 0 copy.psb,” then switched to the other open image tab and clicked its tab area; the document title changed to the photo file.
Move between the open Photoshop documents and select the artwork canvas.
08:34
Switched to the colored design document, selected its image layer and added or selected a layer mask. Toggled between the colored artwork and its monochrome masked appearance while clicking in the Layers panel.
Adjust the layer and mask state of the design.
08:45
Adjusted the color in the Color Picker (Solid Color) using the color field, then clicked to confirm and return to the document.
Choose a solid fill color for the design.
08:49
Changed layer visibility in the Layers panel, revealing the artwork over transparency, and continued toggling layer controls. Opened File > Export and highlighted Quick Export as PNG, then opened the Save As dialog.
Prepare an artwork export and choose where to save it.
09:04
In the Save As dialog, selected the filename field, replaced the existing text with “alien,” and typed “2.” The dialog remained open with filename suggestions visible; no save confirmation was shown.
Enter a filename for the artwork export.
09:10
Switched between the open Photoshop documents, clicked the canvas and layer area, and changed from the colorful “SINGLE TAKEN” graphic to the T-shirt mockup document.
Move between the open artwork and mockup documents.
09:15
Worked in the T-shirt mockup document, clicking and dragging around the layer panel and selecting layer controls; the back-shirt design was visible with transform bounds before the selection was cleared.
Adjust or manage the mockup’s design layers.
09:21
Clicked the canvas and layer area, leaving the mockup with plain front and back shirts, then opened the File menu and selected Place Embedded.
Prepare to place an artwork asset into the T-shirt mockup.
09:26
Placed an embedded asset into the mockup; Photoshop showed transform bounds around the imported content over the two shirts.
Add an image asset to the mockup document.
09:31
Dragged the selected “SINGLE TAKEN” artwork from between the shirts toward the back shirt, reducing it to a small design positioned near the center of the shirt.
Position and size the artwork on the back of the T-shirt mockup.
09:35
Continued dragging and resizing the selected artwork, moving it onto the back shirt and enlarging it to occupy a substantial central area.
Fit the “SINGLE TAKEN” design onto the back of the T-shirt mockup.
09:39
Dragged the selected alien-themed “SINGLE TAKEN” graphic on the front of the shirt, adjusting its placement and size within the transform box.
Position the graphic on the shirt mockup.
09:43
Continued dragging the selected graphic to refine its placement on the shirt, then clicked away from the artwork.
Fine-tune the graphic’s size and position on the mockup.
09:53
Confirmed the transform so the graphic appeared cleanly on the shirt, then switched among the open Photoshop documents and clicked within the canvas and document tabs.
Apply the shirt graphic and navigate between the related artwork documents.
10:09
Worked in the open alien artwork document, switching to its canvas and selecting or manipulating the artwork with the visible selection controls.
Prepare the alien artwork for editing.
10:14
Used the Crop tool on the alien artwork and dragged the crop boundaries to isolate the small green alien-head portion from the larger design.
Crop the artwork down to the alien-head graphic.
10:26
Adjusted and confirmed the crop around the alien head, then opened the Save As dialog.
Finalize and save the cropped alien-head artwork.
10:34
Clicked repeatedly in the Save As dialog, then typed “back” into the filename field and pressed Enter to save the image under a new name.
Save the image as a back-design file.
10:39
Returned to the T-shirt mockup document and switched between document tabs, leaving the crop preview active while navigating Photoshop controls.
Prepare the mockup document for editing.
10:46
Placed the saved alien graphic into the mockup and dragged it around the canvas while its transform handles were active.
Add an alien graphic to the back of the shirt mockup.
10:51
Dragged the selected alien graphic from the space between the shirts onto the upper back of the right-hand shirt, adjusting its position and size.
Position the alien graphic on the back of the T-shirt.
10:55
Continued adjusting the selected graphic on the back shirt, shrinking it and fine-tuning its placement near the collar.
Refine the size and placement of the back-shirt graphic.
10:59
Committed the graphic placement, then used Photoshop controls and opened Save As for the edited mockup.
Finalize and save the T-shirt mockup with the back design.
11:17
Selected the filename in Photoshop’s Save As dialog and confirmed replacing the existing PNG file.
Save the current T-shirt mockup image over the existing file.
11:21
Edited the Save As filename, replacing the selected name with “sample7,” and pressed Enter to save.
Save another copy of the mockup under a new filename.
11:29
Returned to the T-shirt mockup, where the front design and small alien graphic on the back were visible; clicked in the Layers panel.
Continue working with the mockup’s image layers.
11:33
Opened the selected layer’s context menu, then switched to the document showing the shirts without the front and back graphics and selected the small label near the front hem.
Inspect and work with individual mockup layers.
11:37
Switched among open Photoshop documents, viewing the black-and-white “SINGLE TAKEN” artwork and then the colored artwork on a transparent background; confirmed discarding changes when prompted to close the latter document.
Review the source artwork and return to another open Photoshop document.
11:41
Switched through the artwork and mockup documents, dismissed a prompt to save changes to Layer 0 copy.psb, and opened alien2.png with its small green alien graphic selected.
Move between source assets and continue editing the alien graphic.
11:47
Switched among open Photoshop documents, bringing the black T-shirt mockup image forward, then opened the File menu and selected Open.
Open an image file in Photoshop.
11:52
Reviewed the Open dialog in the Downloads > Telegram Desktop folder, scrolling through the image thumbnails and clicking among files without opening one.
Locate an image file to open.
12:03
Returned to the open poster image, opened the Image menu, and selected Image Size.
Adjust or inspect the poster image dimensions.
12:10
Selected the Resolution value in the Image Size dialog, replaced it with 300, and confirmed the entry.
Set the poster image resolution to 300 pixels per inch.

Prepare a collection of graphic prints and black T-shirt mockups in Photoshop.

Edited several poster designs into grayscale halftone and colored transparent graphics, then placed the artwork on front and back views of black T-shirt mockups and saved the resulting files.

clip.mp4The screen recording56 MB events.jsonEvery input logged, synced to the video clock23 MB frame_events.jsonEvery input logged, synced per frame22 MB narration.jsonDescriptions of what happened, and why74 KB metadata.jsonThe session's facts1 KB

More from this set

All 21 samples →

Productivity · Windows29 min

Build the bikes Power BI report

29 minPower BI Desktop

Power BI

Video editing · Windows16 min

Composite car footage

16 minAdobe After Effects

After Effects

Productivity · Windows27 min

Superstore sales analysis

27 minPower BI Desktop, Microsoft Word

Power BI +1

All 21 samples→