diff --git a/docs/index.md b/docs/index.md index 29cebb5..d7b20aa 100644 --- a/docs/index.md +++ b/docs/index.md @@ -20,26 +20,24 @@ micro_nav: false --- ## Starting -When you open Mega Creator, at the top you will see the area that will hold any images you create. Here you can start a new project or scroll down to view all of our templates which you can use as a base for your project. These templates range from our stock photos and illustrations to Pinterest posts and TikTok thumbnails. +When you open Mega Creator, at the top you will see the **My designs** section, which will hold any collages you create. Here you can start a new project right away or scroll down to view all of our templates which you can use as a base for your project. These templates range from stock photos and illustrations to Pinterest posts and TikTok thumbnails.

- +

+Before proceeding, click on in the top-right corner and log in to your Icons8 account to connect your subscription if you have one and save your designs. + Let's create a simple event announcement poster for social media. ### Canvas settings and controls Click **Create new design** in the My Designs area or press _Ctrl+X_. You will see the main working area with a blank canvas. As a first step click on the canvas size dropdown menu at the top and select the resolution you need. You can choose a preset template or set a custom size. Here you can also set a name for your design and control the zoom scale. For now we will go with a standard 4x3 canvas. -Often you will need to apply a specific color to the canvas, so head to the **Backgrounds** section in the left-side panel. There you can choose a color or a gradient from a preset palette, set your own color via a colorpicker or by inputting a HEX-code. Below the color options you will also see suggested graphic assets you can use as backgrounds. - -

- -

+Often you will need to apply a specific color to the canvas, so head to the **Backgrounds** section in the left-side panel. There you can choose a color or a gradient from a preset palette, set a custome color via a color picker, or by inputting a HEX-code. Below the color options, you will also see suggested graphic assets you can use as backgrounds.

- +

### Libraries and Search @@ -47,208 +45,75 @@ Often you will need to apply a specific color to the canvas, so head to the **Ba The main highlight of Mega Creator are the integrated libraries of Icons8 graphics, which let you seamlessly combine and modify any of our assets in your designs. Currently Mega Creator includes illustrations, 3D models, icons and photos. Some categories such as Shapes and Backgrounds combine several types of assets. -### Graphics - -#### Photos - -Search for a photo using keywords and/or filters: +Click on the **Icons** section of the left-side panel. You can use the search bar at the top to find icons from all styles we have or use the filters and categories menu to limit the search.

- +

-

- -

- -

- -

- -#### Illustrations +## Mega Creator controls and features -Find an illustration using keywords or by searching through styles and categories: +Place an icon on the canvas by clicking on it or dragging and dropping it onto the working area. Click on the placed icon again to see the available controls:

- +

-

- -

- -#### Icons +**Adjust Effects** menu includes the following settings: +* **Opacity** is used to control how transparent the object is. +* **Shadow** adds a tweakable shadow to the object. +* **Outline** is available for text objects and adds an outline of variable thickness that can be recolored. +* **Harmonization** is available for user-uploaded objects and is used to adjust the color balance of an image to make it fit the project. -To find icons, use keywords or scroll down and pick the style: +After we resized an icon and adjusted its opacity to make it act as a background accent, we also placed several **illustrations** that fit the theme of our project. The illustration menu filters are more extensive than those in the icons section: you can sort by technique, mood, and colors amongst other parameters:

- +

-

- -

+One of the illustrations we decided to use blends with the background, so we need to **recolor** it: + -#### Backgrounds +Now it's time to add **text**. In the corresponding section of the tool, you can use text blocks of a preset size and explore all the fonts we have. Mega Creator uses [Google Fonts](https://fonts.google.com/) for all your text-based needs. -There are 2 types of backgrounds available in Mega Creator: photographic and illustrated. Pick the type you need and search for backgrounds using keywords: +After placing a text object you can change its color, weight, line spacing, formatting, and alignment:

- +

-

- -

+Let's switch to the **Shapes** tab. This section includes basic geometric shapes and simple illustrations. In our example we are going to use rectangles to make the text stand out: -#### Text + -You may pick the size, color and style: +As a final touch, we are going to add a QR code generated in a third-party tool to the flyer. For that, we are going to use the **Upload** tab of the left-side panel. Mega Creator supports **.png**, **.jpg**, **.webp** and **.svg** uploads of up to **20 Mb** in size.

- +

-#### Uploads +## Additional features -You may also upload your images in JPG, SVG and PNG formats up to 20Mb +Apart from the graphic assets described above, Mega Creator features our AI tools: **Background Remover** and **Face Swapper**. -

- -

+You can remove backgrounds from any images uploaded manually: -Note that it’s possible to **remove background** of the uploaded picture if needed (use the “person” button): + -

- -

+If you pick an image from the **Photo** section, you will be able to swap the face of a person on the photo with an AI-generated twin, one of the preloaded images, or with a photo you uploaded yourself: + ## Export and Sharing -When clipart is ready, it’s automatically saved in your dashboard: - -

- -

- -You may check all designs by pressing the “See all” button or scrolling right: - -

- -

- -To **share** a clipart, press the “Share” buttons and select an option: - -

- -

- - -To **export** a clipart, press the “Export” button, pick an option, and press the “Download” button: - -

- -

- - -### Main Features - -

- -

- - -**1** \- Adjust Effects \(Shift \+ E\) \- Select Opacity\, add shadow\, bring forward/send backwards - -**2** - Crop (Shift +Ctrl + C) - -**3** - Flip Horizontal (Shift + H) - -**4** - Flip Vertical (Shift + V) - -**5** - Bring Forward (Ctrl + ]) - -**6** - Send Backwards (Ctrl + [) - -**7** - Duplicate (Ctrl + D) - -**8** - Delete (D) - -You may also ***undo*** (Ctrl +Z) /***redo*** (Shift+Ctrl+Z), ***create new*** (Ctrl+X) and ***duplicate*** (Shift + Ctrl+ S) collages. - - -**Recolor icons and illustrations** - -

- -

- -

- -

- -**Swap Faces** - -**Swap faces using** *Shift+Control+F* or![](https://lh4.googleusercontent.com/22haFFwOipauxpPkBQH9B5D3atKonjGGSc5u1wQqgIeTxG-idnUoRxBKC3tjDRqXQsEcxvozhCGZcVvycW-Nigs3D6vgQkq1nrKarhrXGDFVv21T98_MzD3Z1fttstbPuL4awy3x3CJxUdtt7dW1Gtg) button: - -

- -

- -Either choose our AI-generated photos, Photostock, Memes, Celebrities or upload your images: - -

- -

- -**Shortcut Keys** - -

- -

- - -## Common Questions - -**Case#1.What is meant by 100 assets?** - -Users can download up to 100 assets per month (means that if your collage has 5 photos and 2 illustrations you will use 7 credits). The unused limits will roll over to the next month. Text and all the uploaded assets aren’t counted. Plus, all the assets that have already been purchased won’t be counted again. - - -**Case#2.Can I edit my images in MegaCreator?** - -Yes. You can upload your images using the “Uploads” button. - -

- -

- - -**Case#3.Where to find my designs?** - -You can find your designs in your dashboard and “My images” section: - -

- -

- - - -**Case#4.How to remove background using MegaCreator?** - -Upload an image using the “Uploads” button and use the “person” button to remove background or use  Shift + B: - -

- -

- +Any changes you make in a project get automatically saved and synced with the server. This way you can safely close and revisit your documents at any point. -**Case#5.Can I share my designs with others?** +You can export your projects in three formats: .svg, .png, and .psd, which are available in several sizes. +Please note that if your project contains raster images (for example photos or non-svg files you uploaded manually), you won't be able to export it in .svg. -Yes. You can share your designs in social media: +Let's save our project as a large resolution .png:

- +

diff --git a/docs/public/Artboard1.png b/docs/public/Artboard1.png deleted file mode 100644 index 053a57a..0000000 Binary files a/docs/public/Artboard1.png and /dev/null differ diff --git a/docs/public/Artboard2.png b/docs/public/Artboard2.png deleted file mode 100644 index 4b9dca7..0000000 Binary files a/docs/public/Artboard2.png and /dev/null differ diff --git a/docs/public/Backgrounds1.png b/docs/public/Backgrounds1.png deleted file mode 100644 index ea16ad0..0000000 Binary files a/docs/public/Backgrounds1.png and /dev/null differ diff --git a/docs/public/Backgrounds2.png b/docs/public/Backgrounds2.png deleted file mode 100644 index 806a643..0000000 Binary files a/docs/public/Backgrounds2.png and /dev/null differ diff --git a/docs/public/Dashboard.png b/docs/public/Dashboard.png deleted file mode 100644 index a9204cd..0000000 Binary files a/docs/public/Dashboard.png and /dev/null differ diff --git a/docs/public/EditImages.png b/docs/public/EditImages.png deleted file mode 100644 index d7d238e..0000000 Binary files a/docs/public/EditImages.png and /dev/null differ diff --git a/docs/public/Export.png b/docs/public/Export.png deleted file mode 100644 index 7500ff1..0000000 Binary files a/docs/public/Export.png and /dev/null differ diff --git a/docs/public/Features.png b/docs/public/Features.png deleted file mode 100644 index 94959bb..0000000 Binary files a/docs/public/Features.png and /dev/null differ diff --git a/docs/public/FindDesigns.png b/docs/public/FindDesigns.png deleted file mode 100644 index a34b466..0000000 Binary files a/docs/public/FindDesigns.png and /dev/null differ diff --git a/docs/public/Icons1.png b/docs/public/Icons1.png deleted file mode 100644 index 7dde281..0000000 Binary files a/docs/public/Icons1.png and /dev/null differ diff --git a/docs/public/Icons2.png b/docs/public/Icons2.png deleted file mode 100644 index ac2b116..0000000 Binary files a/docs/public/Icons2.png and /dev/null differ diff --git a/docs/public/Illustration1.png b/docs/public/Illustration1.png deleted file mode 100644 index 4c040cc..0000000 Binary files a/docs/public/Illustration1.png and /dev/null differ diff --git a/docs/public/Illustration2.png b/docs/public/Illustration2.png deleted file mode 100644 index 2f24b36..0000000 Binary files a/docs/public/Illustration2.png and /dev/null differ diff --git a/docs/public/MyDesigns.png b/docs/public/MyDesigns.png deleted file mode 100644 index 1377617..0000000 Binary files a/docs/public/MyDesigns.png and /dev/null differ diff --git a/docs/public/Photo1.png b/docs/public/Photo1.png deleted file mode 100644 index 9fb14bc..0000000 Binary files a/docs/public/Photo1.png and /dev/null differ diff --git a/docs/public/Photo2.png b/docs/public/Photo2.png deleted file mode 100644 index d91cc94..0000000 Binary files a/docs/public/Photo2.png and /dev/null differ diff --git a/docs/public/QR.png b/docs/public/QR.png new file mode 100644 index 0000000..a7a00b0 Binary files /dev/null and b/docs/public/QR.png differ diff --git a/docs/public/Recolor Illustration.png b/docs/public/Recolor Illustration.png deleted file mode 100644 index 993bd9e..0000000 Binary files a/docs/public/Recolor Illustration.png and /dev/null differ diff --git a/docs/public/RecolorIcon.png b/docs/public/RecolorIcon.png deleted file mode 100644 index bd4cbe4..0000000 Binary files a/docs/public/RecolorIcon.png and /dev/null differ diff --git a/docs/public/RemoveBackground.png b/docs/public/RemoveBackground.png deleted file mode 100644 index e275836..0000000 Binary files a/docs/public/RemoveBackground.png and /dev/null differ diff --git a/docs/public/RemoveBackground2.png b/docs/public/RemoveBackground2.png deleted file mode 100644 index c4b52bb..0000000 Binary files a/docs/public/RemoveBackground2.png and /dev/null differ diff --git a/docs/public/Share.png b/docs/public/Share.png deleted file mode 100644 index 2fd00e3..0000000 Binary files a/docs/public/Share.png and /dev/null differ diff --git a/docs/public/Share2.png b/docs/public/Share2.png deleted file mode 100644 index f3f40e2..0000000 Binary files a/docs/public/Share2.png and /dev/null differ diff --git a/docs/public/ShortcutKeys.png b/docs/public/ShortcutKeys.png deleted file mode 100644 index 688364c..0000000 Binary files a/docs/public/ShortcutKeys.png and /dev/null differ diff --git a/docs/public/Start.png b/docs/public/Start.png deleted file mode 100644 index 3e34362..0000000 Binary files a/docs/public/Start.png and /dev/null differ diff --git a/docs/public/SwapFace1.png b/docs/public/SwapFace1.png deleted file mode 100644 index 4ce1f81..0000000 Binary files a/docs/public/SwapFace1.png and /dev/null differ diff --git a/docs/public/SwapFace2.png b/docs/public/SwapFace2.png deleted file mode 100644 index 34cf41f..0000000 Binary files a/docs/public/SwapFace2.png and /dev/null differ diff --git a/docs/public/Templates.png b/docs/public/Templates.png deleted file mode 100644 index 27ed22d..0000000 Binary files a/docs/public/Templates.png and /dev/null differ diff --git a/docs/public/Text.png b/docs/public/Text.png deleted file mode 100644 index bb38819..0000000 Binary files a/docs/public/Text.png and /dev/null differ diff --git a/docs/public/Untitled 1.png b/docs/public/Untitled 1.png deleted file mode 100644 index 7259a05..0000000 Binary files a/docs/public/Untitled 1.png and /dev/null differ diff --git a/docs/public/Untitled 10.png b/docs/public/Untitled 10.png deleted file mode 100644 index 1cceb4a..0000000 Binary files a/docs/public/Untitled 10.png and /dev/null differ diff --git a/docs/public/Untitled 11.png b/docs/public/Untitled 11.png deleted file mode 100644 index 2f84b13..0000000 Binary files a/docs/public/Untitled 11.png and /dev/null differ diff --git a/docs/public/Untitled 12.png b/docs/public/Untitled 12.png deleted file mode 100644 index 0ee8214..0000000 Binary files a/docs/public/Untitled 12.png and /dev/null differ diff --git a/docs/public/Untitled 13.png b/docs/public/Untitled 13.png deleted file mode 100644 index e0d304a..0000000 Binary files a/docs/public/Untitled 13.png and /dev/null differ diff --git a/docs/public/Untitled 14.png b/docs/public/Untitled 14.png deleted file mode 100644 index c127f65..0000000 Binary files a/docs/public/Untitled 14.png and /dev/null differ diff --git a/docs/public/Untitled 15.png b/docs/public/Untitled 15.png deleted file mode 100644 index bcc652a..0000000 Binary files a/docs/public/Untitled 15.png and /dev/null differ diff --git a/docs/public/Untitled 16.png b/docs/public/Untitled 16.png deleted file mode 100644 index bc4208e..0000000 Binary files a/docs/public/Untitled 16.png and /dev/null differ diff --git a/docs/public/Untitled 17.png b/docs/public/Untitled 17.png deleted file mode 100644 index 0921d3e..0000000 Binary files a/docs/public/Untitled 17.png and /dev/null differ diff --git a/docs/public/Untitled 18.png b/docs/public/Untitled 18.png deleted file mode 100644 index f465c24..0000000 Binary files a/docs/public/Untitled 18.png and /dev/null differ diff --git a/docs/public/Untitled 19.png b/docs/public/Untitled 19.png deleted file mode 100644 index c3351aa..0000000 Binary files a/docs/public/Untitled 19.png and /dev/null differ diff --git a/docs/public/Untitled 2.png b/docs/public/Untitled 2.png deleted file mode 100644 index 5c90612..0000000 Binary files a/docs/public/Untitled 2.png and /dev/null differ diff --git a/docs/public/Untitled 20.png b/docs/public/Untitled 20.png deleted file mode 100644 index fc15ac1..0000000 Binary files a/docs/public/Untitled 20.png and /dev/null differ diff --git a/docs/public/Untitled 21.png b/docs/public/Untitled 21.png deleted file mode 100644 index 1603e85..0000000 Binary files a/docs/public/Untitled 21.png and /dev/null differ diff --git a/docs/public/Untitled 22.png b/docs/public/Untitled 22.png deleted file mode 100644 index 758d8cc..0000000 Binary files a/docs/public/Untitled 22.png and /dev/null differ diff --git a/docs/public/Untitled 23.png b/docs/public/Untitled 23.png deleted file mode 100644 index 792c2f9..0000000 Binary files a/docs/public/Untitled 23.png and /dev/null differ diff --git a/docs/public/Untitled 24.png b/docs/public/Untitled 24.png deleted file mode 100644 index 72d7895..0000000 Binary files a/docs/public/Untitled 24.png and /dev/null differ diff --git a/docs/public/Untitled 25.png b/docs/public/Untitled 25.png deleted file mode 100644 index 6d27afa..0000000 Binary files a/docs/public/Untitled 25.png and /dev/null differ diff --git a/docs/public/Untitled 26.png b/docs/public/Untitled 26.png deleted file mode 100644 index 03f2880..0000000 Binary files a/docs/public/Untitled 26.png and /dev/null differ diff --git a/docs/public/Untitled 27.png b/docs/public/Untitled 27.png deleted file mode 100644 index 7745147..0000000 Binary files a/docs/public/Untitled 27.png and /dev/null differ diff --git a/docs/public/Untitled 28.png b/docs/public/Untitled 28.png deleted file mode 100644 index b6de7fc..0000000 Binary files a/docs/public/Untitled 28.png and /dev/null differ diff --git a/docs/public/Untitled 29.png b/docs/public/Untitled 29.png deleted file mode 100644 index f9b5fcd..0000000 Binary files a/docs/public/Untitled 29.png and /dev/null differ diff --git a/docs/public/Untitled 3.png b/docs/public/Untitled 3.png deleted file mode 100644 index 3b650b7..0000000 Binary files a/docs/public/Untitled 3.png and /dev/null differ diff --git a/docs/public/Untitled 4.png b/docs/public/Untitled 4.png deleted file mode 100644 index 079b0d6..0000000 Binary files a/docs/public/Untitled 4.png and /dev/null differ diff --git a/docs/public/Untitled 5.png b/docs/public/Untitled 5.png deleted file mode 100644 index 71bc5d8..0000000 Binary files a/docs/public/Untitled 5.png and /dev/null differ diff --git a/docs/public/Untitled 6.png b/docs/public/Untitled 6.png deleted file mode 100644 index 95ee435..0000000 Binary files a/docs/public/Untitled 6.png and /dev/null differ diff --git a/docs/public/Untitled 7.png b/docs/public/Untitled 7.png deleted file mode 100644 index d2c5b8c..0000000 Binary files a/docs/public/Untitled 7.png and /dev/null differ diff --git a/docs/public/Untitled 8.png b/docs/public/Untitled 8.png deleted file mode 100644 index 5b56a1d..0000000 Binary files a/docs/public/Untitled 8.png and /dev/null differ diff --git a/docs/public/Untitled 9.png b/docs/public/Untitled 9.png deleted file mode 100644 index 7bbe685..0000000 Binary files a/docs/public/Untitled 9.png and /dev/null differ diff --git a/docs/public/Upload.png b/docs/public/Upload.png deleted file mode 100644 index 361c55e..0000000 Binary files a/docs/public/Upload.png and /dev/null differ diff --git a/docs/public/faceswap.mp4 b/docs/public/faceswap.mp4 new file mode 100644 index 0000000..c13f3dd Binary files /dev/null and b/docs/public/faceswap.mp4 differ diff --git a/docs/public/flyer.png b/docs/public/flyer.png new file mode 100644 index 0000000..ad42a0d Binary files /dev/null and b/docs/public/flyer.png differ diff --git a/docs/public/hamburger menu.png b/docs/public/hamburger menu.png new file mode 100644 index 0000000..ab50ab6 Binary files /dev/null and b/docs/public/hamburger menu.png differ diff --git a/docs/public/iconcontrols.png b/docs/public/iconcontrols.png new file mode 100644 index 0000000..9c838aa Binary files /dev/null and b/docs/public/iconcontrols.png differ diff --git a/docs/public/icons.png b/docs/public/icons.png new file mode 100644 index 0000000..5bd350f Binary files /dev/null and b/docs/public/icons.png differ diff --git a/docs/public/illsearch.png b/docs/public/illsearch.png new file mode 100644 index 0000000..a8d271e Binary files /dev/null and b/docs/public/illsearch.png differ diff --git a/docs/public/photo3.png b/docs/public/photo3.png deleted file mode 100644 index 107043e..0000000 Binary files a/docs/public/photo3.png and /dev/null differ diff --git a/docs/public/recolor.mp4 b/docs/public/recolor.mp4 new file mode 100644 index 0000000..fad5dc0 Binary files /dev/null and b/docs/public/recolor.mp4 differ diff --git a/docs/public/reindeer.mp4 b/docs/public/reindeer.mp4 new file mode 100644 index 0000000..6cd5e18 Binary files /dev/null and b/docs/public/reindeer.mp4 differ diff --git a/docs/public/resolution.png b/docs/public/resolution.png new file mode 100644 index 0000000..26b8e7d Binary files /dev/null and b/docs/public/resolution.png differ diff --git a/docs/public/shape.mp4 b/docs/public/shape.mp4 new file mode 100644 index 0000000..decbe34 Binary files /dev/null and b/docs/public/shape.mp4 differ diff --git a/docs/public/shapes.png b/docs/public/shapes.png new file mode 100644 index 0000000..5a61d25 Binary files /dev/null and b/docs/public/shapes.png differ diff --git a/docs/public/space.mp4 b/docs/public/space.mp4 new file mode 100644 index 0000000..598250c Binary files /dev/null and b/docs/public/space.mp4 differ diff --git a/docs/public/templates.png b/docs/public/templates.png new file mode 100644 index 0000000..6578c16 Binary files /dev/null and b/docs/public/templates.png differ diff --git a/docs/public/text.png b/docs/public/text.png new file mode 100644 index 0000000..675cbfd Binary files /dev/null and b/docs/public/text.png differ