• File
    • My Design in Cart {{ 'M-S-O' | keyboardShortcut }}
    • Import Design {{ 'M-S-I' | keyboardShortcut }}
    • Export Design {{ 'M-S-E' | keyboardShortcut }}
    • Download
      • PNG
      • CMYK JPG
      • SVG
      • PDF
  • Edit
    • Clear all design {{ 'M-E' | keyboardShortcut }}
    • Save for later {{ 'M-S-S' | keyboardShortcut }}
    • Fill out with your information
  • View
    • Ruler {{ 'M-R' | keyboardShortcut }}
    • Show grid {{ 'S-G' | keyboardShortcut }}
    • Show bleed line {{ 'M-L' | keyboardShortcut }}
    • Show dimensions {{ 'S-D' | keyboardShortcut }}
    • Clear Guides {{ 'S-L' | keyboardShortcut }}
    • Show warning
      • Out of stage
      • Image low resolution
  • ?
  • Undo
  • Redo
  • Change Product
  • Process
  • Design
  • Text
  • Cliparts
  • Photos
  • Elements
  • Layers
Template
{{temp.name}}
{{stages[$index].config.name}}
Click to add text
Add heading Add subheading Add a little bit of body text Add curved text
  • Typography
{{resource.clipart.filter.currentCat.name}}
  • {{cat.name}}{{cat.amount}}
Upload
Image url
Facebook
Webcam
Pixabay
Unsplash
Pexels
Freepik

You need to be logged in to upload images!

{{resource.upload.progressBar}}
Click or drop images here
Accept file types: png, jpg, svg Max file size: {{settings['nbdesigner_maxsize_upload']}} MB Min file size: {{settings['nbdesigner_minsize_upload']}} MB Max upload files: {{settings['nbdesigner_max_upload_files_at_once']}}
I accept the terms
Clear all uploaded images
{{img.des}}
webcam
Facebook
Color
Draw
Shapes
Icons
Flaticon
Stories
Bar/QR-Code
vCard
Grid Frame
Photo Frame
Maps
Combination colors
Aa
Background colors
Free Drawing

Choose

  • {{resource.drawMode.brushWidth}}

Brush color

Default palette

Default palette

Color palette

{{art.name}}
{{resource.icon.filter.currentCat.name}}
  • {{cat.name}}{{cat.total}}
{{art.name}}
{{art.name}}
{{art.name}}
{{art.name}}

Your information

Generate

Photo Frame
Insert map
Facebook
  • {{settings.nbdlangs[layer.type]}}
    • Mask
infomation
  • Document Fonts
    • {{(font.display_name && font.display_name != '') ? font.display_name : font.name}} {{settings.subsets[font.subset]['preview_text']}}
    All Fonts
    • {{(font.display_name && font.display_name != '') ? font.display_name : font.name}} {{settings.subsets[font.subset]['preview_text']}}
  • pt
    • {{fontsize}}
  • {{stages[currentStage].states.text.charSpacing}}
    {{stages[currentStage].states.text.lineHeight}}
  • outline
    {{stages[currentStage].states.text.stroke}}
    {{stages[currentStage].states.text.strokeWidth}}
  • {{stages[currentStage].states.text.radius}}
    {{stages[currentStage].states.text.spacing}}
    Reverse
    RTL
  • Custom Mask
  • Group layers
  • Fill
  • Stroke
  • Stroke Width
  • Stroke Dash
  • Stroke Uniform
  • {{stages[currentStage].states.angle}}
    0°
    30°
    45°
    60°
    90°
    120°
    135°
    150°
    180°
    210°
    240°
    270°
  • {{stages[currentStage].states.opacity}}
  • {{stages[currentStage].states.shadow.color}}
    {{stages[currentStage].states.shadow.opacity}}
    • Bring to Front {{ 'M-S-]' | keyboardShortcut }}
    • Bring Forward {{ 'M-]' | keyboardShortcut }}
    • Send to Backward {{ 'M-[' | keyboardShortcut }}
    • Send to Back {{ 'M-S-[' | keyboardShortcut }}
    • Layer position

Document colors

Default palette

Color palette

{{settings.product_data.product[$index].product_width + ' ' + settings.nbdesigner_dimensions_unit}}
{{settings.product_data.product[$index].product_height + ' ' + settings.nbdesigner_dimensions_unit}}
{{stages[currentStage].states.boundingRealSize.size}}
Drop to replace
{{stages[currentStage].states.coordinates.left}} {{stages[currentStage].states.coordinates.top}}
{{stages[currentStage].states.rotate.angle}}
  • {{$index + 1}}/{{stages.length}}
Cut line
Safe zone
Warning
  • {{currentStage+1}}/{{stages.length}}
{{stages[currentStage].config.name}}
  • {{stages[currentStage].states.scaleRange[stages[currentStage].states.currentScaleIndex].value}}
    • {{s.label}}
    • Print Size
    • Fit
    • Fill
Out Of Stage
Image Low Resolution
  • Exclude from export
  • Reflect Horizontal
  • Reflect Vertical
  • Fit to width
  • Fit to height
  • Stretch
  • Set as background
  • Bring to Front
  • Bring Forward
  • Send to Backward
  • Send to Back
  • Center horizontal
  • Center vertical
  • Align Vertical Center
  • Align Horizontal Center
  • Align Left
  • Align Right
  • Align Top
  • Align Bottom
  • Distribute Horizontal
  • Distribute Vertical
  • Replace Image
  • Lock all adjustment
  • Lock mask position
  • Lock edit
  • Lock horizontal movement
  • Lock vertical movement
  • x Lock horizontal scaling
  • y Lock vertical scaling
  • Lock rotation
  • Map layer with
    • {{field.name}}
  • Duplicate
  • Ungroup
  • Delete
  • Copy Design
  • Paste Design
  • Duplicate Stage
  • Add Stage
  • Delete Stage
  • Grid View

Share this design

  • Keyboard shortcuts
  • About
Ctrl +A Select all layers
Ctrl +D Deselect all layers
Ctrl +E Clear all layers
Ctrl +Z Undo changes
Ctrl +Y Redo changes
Ctrl +L Show/hide Bleed line
Ctrl +R Show/hide Ruler
Ctrl +H Align layer horizontal center
Ctrl ++ Zoom In stage
Ctrl +- Zoom Out stage
Ctrl +0 Fit stage with viewport
Ctrl +1 Resize stage to real size
Ctrl +] Bring layer forward
Ctrl +[ Bring layer backward
Ctrl +O Load your designs
Ctrl +B Make your text bold
Ctrl +I Italicize your text
Ctrl +G Group layers
Ctrl +P Duplicate layers
Alt +U Make your text UPPERCASE
Alt +L Make your text lowercase
Alt +← Move the selected layers to left 1px
Alt +→ Move the selected layers to right 1px
Alt +↑ Move the selected layers to top 1px
Alt +↓ Move the selected layers to bottom 1px
Alt + Free transform
Shift ++ Zoom out selected layers
Shift +- Zoom in selected layer
Shift +G Show/hide Grid
Shift +D Show/hide stage dimensions
Shift +L Clear all guidelines
Shift + Centered scaling
← Move the selected layers to left 10px
→ Move the selected layers to right 10px
↑ Move the selected layers to top 10px
↓ Move the selected layers to bottom 10px
Delete Delete selected layers
V Disable drawing mode
B Enable drawing mode
Esc Quit text editing
Ctrl +Shift +] Bring layer to front
Ctrl +Shift +[ Send layer to back
Ctrl +Shift +V Align layer vertical center
Ctrl +Shift +I Import Design
Ctrl +Shift +E Export Design
Ctrl +Shift +S Save Design for later
Ctrl +Shift +O Load Your Design in Cart
Ctrl +Shift +G Ungroup
Ctrl +Shift +L Clear all stages
Ctrl +Shift +< Decreate font size
Ctrl +Shift +> Increate font size
online design

Copyright © . GraphicsFamily: The #1 marketplace for free graphic design resources

All Rights Reserved

Powered by NBDesigner version 2.8.3

Image upload terms
Your term
Delete All Layers
Are you sure you want to delete all layers?
Delete Selected Stage
Are you sure you want to delete selected stage?
Clear All Stages
Are you sure you want to clear all stages?
Replace stage content
By selecting another template you are deleting all the content on the current stage. To restore, click Undo button.

Crop image

Guidelines

Cut Line

This is where we aim to trim the product. The actual line can vary due to the trimming process.

Safe zone

Keep text and important imagery within this line to ensure it does not get cut off during trimming.

My design

Select Delete

Save as new designs or overwrite last design

New design

Template

My designs

Template

My designs in cart

Template

Grid View

{{$index + 1}}

Your Information

See your information
All changes saved

- Double click to edit text

- Right click on selected layers to show context menu

Drag & drop image from sidebar into shape layer to replace the current image.

- Double click masked photo to turn on mask editing mode.

- Click Apply mask icon or click outside selected mask to turn off mask editing mode.

Document colors

Default palette

Color palette

Prev
{{tourGuide.currentStep + 1}} of {{tourGuide.steps.length}}
Next