Saturday, 24 May 2025

How to Create a Picture with MidJourney - DesignUKnow

How to Create a Picture with MidJourney (with Prompts to Use People) | DesignUKnow




Introduction

In the evolving world of digital content and creativity, AI image generators have become a revolutionary tool. Among them, MidJourney stands out as one of the most advanced and artistic platforms available. It allows users to generate breathtaking images simply by describing them in text. Whether you're an artist, marketer, or enthusiast, MidJourney can unlock your creative potential.

This comprehensive guide will teach you how to create a picture in MidJourney with a special focus on generating human images. We'll cover everything from signing up to crafting advanced prompts and using your images effectively. Let's dive in.

What is MidJourney?

MidJourney is a cutting-edge text-to-image AI tool that works through Discord. It uses machine learning to generate visually compelling artwork based on textual prompts. Unlike traditional image editing software, MidJourney doesn’t require design skills—just a vivid imagination and an understanding of how to craft effective prompts.

Why Use MidJourney for Picture Generation?

  • Ease of Use: No design experience needed.

  • High-Quality Output: Produces artistic, realistic, and surreal visuals.

  • Prompt Flexibility: Allows deep customization using natural language.

  • Fast Results: Generates images within seconds.

  • Creative Freedom: Great for concept artists, marketers, and storytellers.

Getting Started with MidJourney

To use MidJourney, you’ll need a Discord account and access to the MidJourney server.

Creating a Discord Account

  1. Go to discord.com

  2. Sign up with your email address.

  3. Confirm your email and log in.

Joining the MidJourney Server

  1. Visit MidJourney.com

  2. Click on "Join the Beta"

  3. Accept the invite to join their official Discord server.

Choosing a Plan

MidJourney offers several subscription plans:

  • Basic Plan: For casual use.

  • Standard Plan: For moderate creators.

  • Pro Plan: For heavy users with unlimited relaxed generations.

Pick a plan that suits your needs and follow the billing instructions.

Basic Terminology in MidJourney

  • Prompt: Text input that describes the image.

  • Upscale: Enhances image quality.

  • Variation: Creates multiple versions of a result.

  • Seed: A value to reproduce consistent results.

  • Aspect Ratio: Determines image dimensions.

Understanding Prompts: The Heart of MidJourney

Prompts are the key to image generation in MidJourney. The better your prompt, the better your result. You can be as simple or detailed as you like.

Example:

  • Basic: a cat wearing glasses

  • Detailed: a fluffy white Persian cat wearing round glasses, sitting on a vintage wooden chair, soft light, DSLR-style, --ar 4:5

How to Write Effective Prompts

  1. Start with the subject – e.g., "a portrait of a woman"

  2. Add descriptors – age, emotion, pose, lighting

  3. Include style – painting, digital art, photo-realistic

  4. Use camera terms – depth of field, bokeh, lens type

  5. Add parameters – aspect ratio, quality, version

Example:
a confident young African-American man in a navy suit, smiling, dramatic lighting, ultra-realistic, DSLR photo, --ar 2:3 --v 6 --style raw

Using Prompts to Generate People Images

MidJourney excels at creating human images. Here’s how you can refine it:

Basic People Prompts

  • a happy woman standing in a field

  • a group of teenagers at a beach during sunset

Detailed Character Prompts

  • a 30-year-old male warrior with scars, futuristic armor, cyberpunk style, blue mohawk, standing in a rainy alley, --v 6 --ar 9:16

Realism vs Fantasy Prompts

  • Realistic: a middle-aged woman reading a book in a café, photo-realistic, --style raw

  • Fantasy: an elf queen with emerald eyes, glowing crown, magical forest, fantasy style

Cultural, Ethnic & Fashion-Oriented People Prompts

  • a traditional Japanese bride in white kimono, cherry blossoms, 85mm lens photo, --ar 2:3

  • a stylish African man in Ankara fashion, urban setting, street photography

Tips for Better Results

  • Use clear, descriptive language

  • Avoid conflicting keywords

  • Repeat key elements for emphasis

  • Use parameters like --ar, --v, --style wisely

Advanced Prompting Techniques

Parameters

  • --v 6 – Uses version 6 of the model

  • --ar 2:3 – Aspect ratio 2:3 for portraits

  • --q 2 – Higher quality image

Stylize Commands

  • --style raw – Photographic realism

  • --style 4a – Artistic variation

Aspect Ratios

  • Square: --ar 1:1

  • Portrait: --ar 2:3

  • Landscape: --ar 16:9

Chaos & Seeds

  • --chaos 50 – More variation/randomness

  • --seed 12345 – Reproduce same image

Ethical Use of People Images

  • Avoid using real names or celebrities without permission

  • Do not create misleading images for false identity

  • Use MidJourney-generated people ethically in ads, books, and social media

Common Mistakes to Avoid

  • Overloading the prompt

  • Using conflicting or vague terms

  • Forgetting aspect ratios or parameters

Real Examples of Prompts and Results

  1. a girl sitting by the window, rainy weather, soft light, DSLR-style, --ar 3:4

  2. a confident Indian businessman with spectacles, formal wear, skyscraper in background, --v 6 --style raw

Best Practices for Commercial Use

  • Always check license terms

  • Avoid real-person likeness

  • Use generated faces for avatars, ads, thumbnails, and storytelling

Editing MidJourney Pictures

  • Upscale images using built-in tools

  • Use Photoshop, Canva, or Lightroom for touch-ups

  • Add overlays, texts, or effects for social media

Exporting and Using Images

  • Right-click the final image on Discord and save it

  • Use it for YouTube thumbnails, blog banners, product covers, NFTs, and more

MidJourney vs Other AI Generators (DALL·E, Stable Diffusion)

  • Feature
  • MidJourney
  • DALL·E
  • Stable Diffusion
  • Quality
  • ⭐⭐⭐⭐⭐
  • ⭐⭐⭐
  • ⭐⭐⭐⭐
  • Style
  • Artistic, detailed
  • Balanced
  • Highly customizable
  • Interface
  • Discord-based
  • Web UI
  • Web & Local Options

SEO & Marketing with MidJourney Images

  • Create blog images for featured posts

  • Design eye-catching pins for Pinterest

  • Use unique images for Instagram reels and carousels

  • Add custom graphics to your landing pages

Final Thoughts

MidJourney opens new doors for digital creators by transforming words into stunning visuals. With the right prompting technique and ethical use, you can build entire campaigns, stories, and portfolios with AI-generated people images.

FAQs

1. Can I use MidJourney images commercially?
Yes, with a paid plan, you can use the images for commercial purposes.

2. Is it legal to generate people’s faces?
Yes, as long as the image doesn’t impersonate or misuse a real person.

3. What’s the best prompt format for portraits?
Describe the subject, add lighting, background, camera details, and use --ar 2:3.

4. Does MidJourney work on mobile?
Yes, through the Discord mobile app.

5. How do I make an image look more realistic?
Use --style raw, detailed prompts, and proper lighting terms like "soft shadow," "bokeh," or "DSLR-style."


Labels:

Thursday, 15 May 2025

How I Can Make $10K/Month Using ChatGPT – DesignUKnow

 How I Can Make $10K/Month Using ChatGPT – And You Can Too: DesignUKnow


Introduction

With the rise of AI tools, many people are exploring new ways to generate income online. Among them, ChatGPT stands out as a powerful assistant that can help you earn money, even up to $10K/month or more, if used smartly. In this article, I’ll break down how I personally use ChatGPT to build income streams—and how you can do it too, even as a beginner.





Can You Really Make Money with ChatGPT?

Yes, you can. ChatGPT is not just a chatbot; it's a business assistant, content creator, researcher, marketing expert, and developer all in one. The key is to use it creatively and consistently. Whether you're a freelancer, entrepreneur, or content creator, ChatGPT can help automate tasks, scale content, and open multiple income streams.


1. Offer Freelance Services Using ChatGPT

You can use ChatGPT to:

  • Write SEO blog posts for clients.

  • Generate social media content calendars.

  • Create email marketing campaigns.

  • Write product descriptions for eCommerce.

How to start:

  • Set up a Fiverr or Upwork profile.

  • Offer services like “AI-Powered Content Writing” or “SEO Blog Posts Using ChatGPT.”

  • Use ChatGPT to deliver high-quality, fast-turnaround content.

Income Potential: $500–$3000/month


2. Sell eBooks or Digital Products

ChatGPT can help you write full eBooks, guides, or planners on trending topics.

Ideas to try:

  • “30-Day Self-Improvement Planner”

  • “Beginner’s Guide to Freelancing”

  • “KDP Coloring Book using AI Prompts”

Use platforms like Gumroad, Amazon KDP, or Payhip to sell your products.

Income Potential: $1000–$5000/month (passive)


3. Create a Blog and Monetize It

Start a niche blog using ChatGPT for content writing, keyword research, and SEO optimization.

Steps:

  • Choose a niche: AI tools, health, finance, travel, etc.

  • Use ChatGPT to generate 20+ SEO-friendly articles.

  • Monetize with ads (Google AdSense), affiliate links, or sponsored posts.

Income Potential: $2000–$10,000/month over time


4. Start a YouTube Channel Using ChatGPT Scripts

You can use ChatGPT to:

  • Write YouTube video scripts.

  • Generate voiceover text.

  • Create titles, thumbnails, and descriptions.

Combine ChatGPT with tools like Pictory, Canva, or Descript to edit videos easily.

Channel Ideas:

  • “AI Tools Explained”

  • “Motivational Quotes with AI Voice”

  • “Finance Tips Using AI Data”

Income Potential: $1000–$10,000/month with monetization


5. Build an AI-Powered Website or App

Even if you're not a developer, ChatGPT can help you:

  • Write HTML, CSS, JavaScript code

  • Build landing pages

  • Create logic for mobile apps

Monetize it via:

  • Subscriptions

  • Ads

  • In-app purchases

Income Potential: $500–$10,000/month (scalable)


6. Start an AI-Powered Pinterest or Instagram Page

Use ChatGPT + Canva to create viral content in niches like:

  • Quotes

  • Infographics

  • Tips & tricks

  • Facts

Grow your followers, then monetize through:

  • Affiliate marketing

  • Brand collaborations

  • Selling digital products

Income Potential: $500–$5000/month


7. Sell ChatGPT Prompt Packs

People are willing to pay for organized and result-driven prompt templates.

Steps:

  • Create prompt packs (e.g., “100 Prompts for Freelancers”).

  • Design them nicely on Canva.

  • Sell on Gumroad, Etsy, or your website.

Income Potential: $500–$2000/month (passive)


8. Start an AI Newsletter

Use ChatGPT to generate engaging content for a weekly email newsletter in a niche like:

  • AI tools and news

  • Productivity hacks

  • Business ideas

Grow your email list using freebies and monetize through:

  • Paid subscriptions

  • Affiliate links

  • Sponsored ads

Income Potential: $1000–$7000/month


Tips to Scale to $10K/month Using ChatGPT

  1. Focus on Multiple Income Streams – Don't rely on just one method.

  2. Automate and Delegate – Use AI tools to save time and scale.

  3. Invest in Learning – Study digital marketing, SEO, and content monetization.

  4. Track Results and Optimize – Use analytics to improve your content strategy.


Final Thoughts

You don’t need to be a tech expert to make money with ChatGPT. All you need is creativity, consistency, and a willingness to learn. Whether you're writing blogs, selling prompt packs, or creating viral posts, ChatGPT can be your powerful business partner.

So yes—you CAN make $10,000/month using ChatGPT. The real question is: will you start today?


FAQs

Q1. Is ChatGPT free to use for making money?
Yes, the basic version is free. But GPT-4 (ChatGPT Plus) gives better quality, especially for long-form content.

Q2. Do I need coding skills to earn with ChatGPT?
No, but basic understanding helps if you plan to build apps or websites.

Q3. Can I use ChatGPT content for commercial use?
Yes, OpenAI allows commercial use for content created using ChatGPT.

Q4. What niche is best for ChatGPT monetization?
Popular niches: AI tools, finance, health, productivity, freelancing, and education.

Keywords: make money with ChatGPT, ChatGPT business ideas, earn online with AI, how to make $10k per month with ChatGPT, ChatGPT income strategies, passive income AI





Labels:

Tuesday, 6 May 2025

How to Create a Rotating 3D Cube Using HTML and CSS- DesignUKnow

How to Create a Rotating 3D Cube Using HTML and CSS

Creating 3D animations using just HTML and CSS is both fun and powerful. In this blog post, we'll walk through how to build a rotating 3D cube using only basic web technologies — no JavaScript required!

We’ll break down the code step-by-step and explain the key concepts like perspective, transform-style, and @keyframes animation.






📌 Final Result Preview

You'll end up with a smooth, continuously rotating 3D cube that looks something like this in your browser:

+--------+
/ /|
+--------+ |
| | +
| |/
+--------+

It will rotate on both X and Y axes using CSS animation, giving it a realistic 3D effect.


🧱 Step 1: Basic HTML Structure

The first part of our project is the HTML structure . We use six <div> elements to represent each face of the cube.

html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Rotating 3D Cube</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="cube-container">
<div class="cube">
<!-- Faces -->
<div class="face front"></div>
<div class="face back"></div>
<div class="face left"></div>
<div class="face right"></div>
<div class="face top"></div>
<div class="face bottom"></div>
</div>
</div>
</body>
</html>

🎨 Step 2: Styling with CSS

Now let’s dive into the CSS that brings the cube to life.

🔁 Reset & Page Setup

This ensures consistent styling across browsers and centers the cube on the screen.

css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}

👁️ 3D Perspective

To enable 3D effects, we set the perspective property on the container. This simulates depth for all child elements.

css
.cube-container {
perspective: 1000px;
}

🧱 The Cube Itself

Here's where we define the size, transform style, and start the animation.

css
.cube {
position: relative;
width: 200px;
height: 200px;
transform-style: preserve-3d; /* Keeps children in 3D space */
animation: rotateCube 5s infinite linear; /* Rotate forever */
}
  • transform-style: preserve-3d: Ensures child elements (faces) are rendered in 3D.
  • animation: Applies a continuous rotation using keyframe animation.

🟦 Each Face of the Cube

Each face is absolutely positioned and moved outward in 3D space using translateZ.

css
.face {
position: absolute;
width: 200px;
height: 200px;
background-color: red;
border: 2px solid whitesmoke;
}

Positioning Each Face in 3D Space

We use rotateX, rotateY, and translateZ to place each face correctly.

css
.front { transform: translateZ(100px); }
.back { transform: rotateY(180deg) translateZ(100px); }
.left { transform: rotateY(-90deg) translateZ(100px); }
.right { transform: rotateY(90deg) translateZ(100px); }
.top { transform: rotateX(-90deg) translateZ(100px); }
.bottom { transform: rotateX(90deg) translateZ(100px); }

These transformations create the illusion of depth and form a complete cube.


🌀 Animation: Rotating the Cube

Finally, we define an animation using @keyframes to rotate the cube smoothly around both the X and Y axes.

css
@keyframes rotateCube {
0% {
transform: rotateX(0deg) rotateY(0deg);
}
100% {
transform: rotateX(360deg) rotateY(360deg);
}
}

This creates a full 3D rotation loop.


<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rotating 3D Cube</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="cube-container"> <div class="cube"> <!-- Front face --> <div class="face front"></div> <!-- Back face --> <div class="face back"></div> <!-- Left face --> <div class="face left"></div> <!-- Right face --> <div class="face right"></div> <!-- Top face --> <div class="face top"></div> <!-- Bottom face --> <div class="face bottom"></div> </div> </div> </body> <style type="text/css">/* Reset default margins and paddings */ * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; } /* Container for the cube */ .cube-container { perspective: 1000px; /* Creates a 3D perspective */ } /* The cube itself */ .cube { position: relative; width: 200px; height: 200px; transform-style: preserve-3d; /* Ensures 3D child elements are rendered correctly */ animation: rotateCube 5s infinite linear; /* Applies the rotation animation */ } /* Each face of the cube */ .face { position: absolute; width: 200px; height: 200px; background-color: red; border: 2px solid; whitesmoke; } /* Positioning each face */ .front { transform: translateZ(100px); } .back { transform: rotateY(180deg) translateZ(100px); } .left { transform: rotateY(-90deg) translateZ(100px); } .right { transform: rotateY(90deg) translateZ(100px); } .top { transform: rotateX(-90deg) translateZ(100px); } .bottom { transform: rotateX(90deg) translateZ(100px); } /* Animation to rotate the cube */ @keyframes rotateCube { 0% { transform: rotateX(0deg) rotateY(0deg); } 100% { transform: rotateX(360deg) rotateY(360deg); } }</style> </html>



✅ Summary

Concept
Purpose
perspective
Enables 3D depth on the parent container
transform-style: preserve-3d
Keeps child elements in 3D space
translateZ()
Pushes faces outward to form a cube
rotateX(),rotateY()
Rotates faces to correct orientation
@keyframes
Animates continuous rotation

💡 Tips & Enhancements

  • 🎨 Add color : Give each face a different color to better visualize the cube.
  • 🕹️ Interactivity : Add hover effects or pause on click.
  • 🖥️ Responsive design : Use vw units so the cube scales nicely on mobile.
  • 🧮 More complex shapes : Try creating pyramids, cylinders, or even text using similar techniques.

🚀 Try It Yourself!

Just copy the full HTML and CSS into an .html file and open it in your browser. You should see a beautiful, rotating 3D cube made entirely with HTML and CSS.

Let me know if you'd like to:

  • Add textures or images to each face
  • Control rotation with mouse movement
  • Export as a downloadable template

Happy coding! 🧑‍💻




Labels: