Project Afternight custom icons: Setup Guide & Tips - Customization

Project Afternight custom icons: Setup Guide & Tips

Learn how to unlock Project Afternight custom icons, prepare the correct image layout, and upload a readable three-state icon set.

2026-08-24
Project Afternight Wiki Team
Quick Guide
  • Project Afternight custom icons unlock after 50 qualifying unique song Full Combos.
  • Qualifying songs need at least 175 notes for their Full Combo to count.
  • Three icon states are required: neutral, losing, and winning.
  • Image layout follows a Psych Engine-style horizontal strip between 150x150 and 450x150 pixels.
  • Best preparation is to test readability at small size before uploading your final set.

Project Afternight Custom Icons: Unlock Requirements

Project Afternight custom icons are an earned customization feature rather than a default menu option. To unlock access, build progress through 50 unique song Full Combos, commonly described in-game as UFCs. A song only contributes when it meets the listed note-count requirement, so short charts may not advance the icon milestone.

The requirement encourages consistent chart completion across the game’s wide song selection. Because the milestone is based on unique songs, repeating the same chart does not provide the same progress as clearing another eligible song. Track your completed charts carefully and prioritize songs that you can finish reliably with a Full Combo.

Video Highlights:

  • The visual workflow focuses on creating a custom icon for Project Afternight.
  • The feature uses a three-state icon arrangement rather than one isolated portrait.
  • Image preparation is the key step before attempting an upload.
RequirementWhat to verifyPractical advice
Unique songs50 different songsKeep a personal list of completed charts
Full ComboNo missed notes on the qualifying runChoose familiar patterns before attempting harder charts
Minimum chart sizeAt least 175 notesVery short songs may not count toward progress
Unlock statusCustom icon access becomes available after the milestoneRecheck the customization area after completing the requirement
Progress Check

Do not assume every Full Combo advances the milestone. Confirm that the song is unique and contains at least 175 notes before counting it toward your goal.

A sensible route is to begin with charts that match your current accuracy and stamina. Once your reliable options are exhausted, expand into moderate-difficulty songs instead of immediately forcing the hardest available charts. This reduces wasted attempts and makes the 50-song target easier to monitor.

Icon Layout and Image Specifications

The custom icon system uses three visual states: neutral, losing, and winning. These states correspond to the player’s performance condition during a song. Instead of uploading three separate files, prepare one horizontal image strip with each state placed beside the next.

The supported structure is similar to the icon arrangement used by Psych Engine. The reference format allows an image from 150x150 pixels up to 450x150 pixels. At the smallest size, the strip can contain three 50-pixel sections; at the largest size, it can contain three 150-pixel sections. For practical editing, a 450x150 canvas gives each state the most room.

Canvas sizeState layoutBest use
150x150Three compact sections across the stripMinimal designs with bold silhouettes
300x150Three medium-width sectionsBalanced detail and file simplicity
450x150Three 150x150 sectionsRecommended layout for detailed portraits
Unsupported proportionsStates may be cropped or misreadAvoid non-horizontal icon sheets

For a dependable setup, divide the canvas into three equal panels:

  1. Left panel: Neutral expression or standard pose.
  2. Center panel: Losing expression, damaged pose, or worried reaction.
  3. Right panel: Winning expression, confident pose, or celebratory reaction.

Use strong contrast between the character and background. Tiny facial details can disappear when the icon is displayed beside a health bar, so prioritize clear eyes, mouth shapes, hair outlines, and recognizable color blocks.

Neutral State

  • Standard expression
  • Clear silhouette
  • Works as the visual baseline

Losing State

  • Worried or damaged expression
  • Strong emotional contrast
  • Avoid subtle changes that vanish at small size

Winning State

  • Confident or excited expression
  • Bright focal details
  • Make the reaction distinct from neutral
Design Tip

Build the winning and losing expressions from the same base drawing when possible. Consistent proportions make the three-state strip easier to read.

Avoid placing important features directly on panel boundaries. Leave a small visual margin around the face or character so the neighboring state does not appear connected. If the design includes text, keep it short and large enough to remain legible at the smallest display size.

Step-by-Step Custom Icon Setup

Once the unlock requirement is complete, prepare the image before opening the upload interface. A finished file is easier to review than an experimental sheet with uneven panels or missing states.

1

Reach the Icon Milestone

Complete 50 unique qualifying songs with Full Combos. Confirm that each chart has at least 175 notes, since the note threshold affects whether the run contributes to custom icon progress.

2

Create a Horizontal Canvas

Start with a 150x150, 300x150, or 450x150 image. The 450x150 format is generally easier for detailed artwork because each of the three states can occupy a full 150x150 panel.

3

Arrange the Three States

Place neutral, losing, and winning states in a consistent left-to-right order. Keep the character centered and make each panel visually distinct.

4

Review at Small Size

Shrink the artwork to the approximate size used in the interface. Check facial expressions, outlines, contrast, and panel separation before uploading.

5

Upload and Test

Use the unlocked custom icon feature to submit the icon sheet. Test the result in a song and revise the artwork if a state is difficult to distinguish.

StepMain actionCompletion signal
1Earn the milestone50 unique qualifying UFCs
2Select the canvasHorizontal strip within the supported dimensions
3Add the statesNeutral, losing, and winning panels are present
4Inspect the artworkDetails remain readable when reduced
5Test the uploadEach performance state displays as intended
Reliable Workflow

Finish the artwork in a separate editor, save an original copy, and upload only after the three panels have been checked at reduced size.

The upload stage should be treated as a test pass, not the end of the design process. Watch for issues such as a neutral image appearing in every condition, a losing panel being too similar to neutral, or artwork that is clipped at the edge. Keeping the original layered file makes corrections faster.

If the icon does not look right immediately, simplify it before adding more effects. Heavy glows, thin outlines, and complex backgrounds often compete with the character when the image is displayed at a small scale.

Best Practices for Readable Icon Sets

Custom icons are most effective when they communicate a reaction instantly. The player usually sees the icon briefly, so a strong silhouette and clear expression matter more than highly detailed rendering.

Use the same character proportions in all three panels. A consistent head position helps the states feel like one set, while expression, eye direction, mouth shape, and pose provide the necessary variation.

Design areaRecommended approachCommon problem
ContrastUse a clear foreground/background separationDark artwork disappears against a dark interface
ExpressionExaggerate the emotional differenceNeutral and losing states look identical
FramingKeep the face inside each panel’s centerCropped eyes or hair weaken recognition
BackgroundUse simple colors or restrained patternsBusy backgrounds hide the character
OutlinePrefer bold, clean edgesThin lines vanish after scaling
TextUse only large, short labels if neededSmall lettering becomes unreadable

A practical three-state design can follow this pattern:

  • Neutral: relaxed face, standard pose, balanced colors.
  • Losing: lowered eyes, open mouth, sweat marks, cracks, or a defensive pose.
  • Winning: raised eyebrows, smile, sharp eyes, sparkle accents, or a stronger stance.

Readable at a Glance

Use bold shapes and limited details so the icon remains recognizable beside the health bar.

Consistent Framing

Keep the head size, eye line, and character position similar across all three panels.

Distinct Reactions

Change expression and pose enough that each state has a clear gameplay meaning.

Editor Check

Preview the sheet at both full canvas size and reduced display size. A design that looks polished when zoomed in may lose its identity during normal play.

Do not rely only on color to communicate the state. Some players may not distinguish small color changes quickly, and the interface may reduce the visual impact of subtle shading. Facial expression and pose should carry the main difference, with color used as support.

A clean layout also makes future revisions easier. Keep each state on its own layer, use guides for equal panel widths, and retain a transparent or simple background version. This approach lets you adjust expressions without rebuilding the whole sheet.

Custom Icon Progress Checklist and Troubleshooting

Use the checklist below to organize both the unlock grind and the final upload. It separates progress requirements from visual quality checks, helping prevent a technically valid but difficult-to-read icon set.

Custom Icon Milestones:

  • Complete 50 unique song Full Combos
  • Confirm each counted song has at least 175 notes
  • Prepare neutral, losing, and winning states
  • Use a supported horizontal image size
  • Test the uploaded set at reduced display size
IssueLikely causeSuggested fix
Progress does not increaseThe song is not unique or has fewer than 175 notesChoose another eligible chart and track it separately
One state is missingThe strip contains fewer than three panelsRebuild the canvas with neutral, losing, and winning sections
Artwork looks croppedImportant details touch the panel edgeAdd margin and center the character
States are hard to tell apartExpressions are too subtleIncrease facial and pose differences
Icon appears blurryArtwork was enlarged from a small sourceDesign at the intended canvas size instead of scaling up later
Troubleshooting Boundary

Only adjust the artwork after confirming the unlock requirement. A visual problem and an account progression problem require different fixes.

When tracking Full Combos, record the song title and whether it meets the note threshold. This avoids confusing a successful run with a qualifying run. If the game’s interface provides a progress indicator, use it as the final confirmation rather than relying only on a manual count.

For more project context, consult the Project: Afternight entry on Funkipedia Mods Wiki. Treat community pages as reference material and check the in-game interface for the latest presentation of customization options.

Q: How do I unlock Project Afternight custom icons?

Complete 50 unique song Full Combos, or UFCs, with each counted song containing at least 175 notes.

Q: How many image states does a custom icon sheet need?

The supported structure uses three states: neutral, losing, and winning.

Q: What image dimensions should I use?

Use a horizontal image between 150x150 and 450x150 pixels. A 450x150 canvas gives each state a 150x150 panel.

Q: Why might a Full Combo not count toward the icon unlock?

The chart may have fewer than 175 notes, or it may already have been counted as one of your unique Full Combos.