1/10

Using detailed pages, events, and promotional social media images all at once is all you need to do is Photoshop!

Rookie
15 chapters · 7 hours 56 minutes
English · Japanese · Korean|Audio Korean

Using Adobe Photoshop
18 Class Projects

It takes about 30-60 minutes hour(s) to complete each project.

  • Simple intro page

  • An intro page that highlights the product

  • Color point intro page

  • cute intro page

  • Intro page 1 with description

  • Intro page 2 with description

  • vintage intro page

  • Illustration point intro page

  • Banknote and coin icons drawn with pen tools and shapes

  • Hamburger icon drawn with pen tools and shapes

  • Hamburger illustration using a pen tool

  • Magnolia flower illustration using a pen tool

  • CHAPTER 1 SUBPAGE BELOWING INTRO

  • Subpages leading to CHAPTER 2 intro

  • CHAPTER 7 Banner created by modifying the intro

  • Chapter 5 Banner created by modifying the intro

  • CHAPTER 5 SNS card with intro divided by content

  • CHAPTER 1 SNS card with intro divided by content

Skills You’ll Learn

Using layer masks

Use layer masks to combine English handwriting with Korean fonts.

Decorate a title with shapes that match the mood

Add effects to the font and use shapes to decorate with shapes to match the mood.

Use shapes and pen tools to create icons

Try creating simple icons using shapes and pen tools.

Draw an illustration with Pentool

Draw an illustration using the pen tool.

Give the effect of making the product stand out

Try removing the background to pick a nuance and create a shadow to make the product stand out.

Create detailed images that link to the intro

Try creating detailed images with a layout suitable for the intro atmosphere.

Create a banner by modifying a product

Try creating a variety of banners by modifying the intro you've created.

Create an SNS card by modifying a product

Let's create an SNS card by dividing the intro you've created by content.

안녕하세요 웹디자이너로 활동중인 갸갸입니다

▶ ︎ Hello, I'm Gyagya working as a web designer

2D Design & Photoshop

As I worked on various tasks, I felt that there was no distinction between 2D tasks. I was able to create and use anything if I only had an understanding of the project in different sizes and directions. For printed materials and illustration work IllustratorI also used gifs for web design, and After Effects or Premiere Pro together for videos, etc. Except for creating large advertisements, I usually used Photoshop, which is most comfortable for me. Because Photoshop, which I've been fiddling with since I was a kid, was most familiar to me!


If you're new to design, probably the easiest program to get to I think it's probably photoshop. It would be great if you were good at dealing with other programs, but it's not easy to learn multiple programs from the beginning, so in this class, I'm going to try to create various images using just Photoshop.



Intro intro

Intro 인트로

When designing, the intro that you see first is the most important thing. This is because people won't scroll down anymore if they don't catch their eye at the beginning. As an intro So that you can grasp the content at a glance without looking at the details It plays a role in conveying the core content of the entire page with a title and an implicit image. The intro design also determines the mood of the detailed page, so this is the part that takes the most time and effort.



Title title

Title 타이틀

The most important part of the intro is the title. Depending on the design The location is different, but it holds the center As part of the text that conveys important content, you need to be able to use a variety of fonts and tools to match the desired mood.


Title 타이틀 2

Title 타이틀3

Try using a variety of fonts and combine shapes to create a title!

We will send you a download link for the fonts included in the title. You should know that unless you buy a paid font and use it, you should use a free font that doesn't have copyright issues:)



Image image

Image 이미지

Various images will be inserted within different workpieces. Let's work together on editing for various situations, such as simple character retouching or creating shadows by picking nukes.


Image 이미지 2

The images you need for the job are free image download routes We plan to send it to you. Just like fonts, you should be careful about copyright when using images.



Illustrated Illustrations

Illustration 일러스트레이션

In Photoshop, images are broken when resizing using a bitmap method based on pixels, which is basically a pixel-based method. The only shape in Photoshop like this (shape) This is a vector image that can be increased or decreased in size without loss of image quality.


If you draw an icon or illustration using a pen and a shape, you can use vector images and edit them directly without opening an ai program separately, so I plan to use pen tools and shapes a lot. It may be difficult at first, but after lots of practice and practice, you'll get used to using it!



Content content

Let's create the following content to match the atmosphere of the created intro page. First, we'll lay out the page using text and shapes, then insert images, check alignment and spacing, and finish.



Banner banner & SNS card

Banner 배너

Transform the created intro page to create banners for various purposes, and divide them by content so that they can be used as social media cards.


 SNS card






For the tasks to be created in this class, you can download the finished PSD file from the class notes.
You can refer to the original file when you have trouble working, and the design used in the class can be used anywhere
Class Kit · Coaching Session

💌 Get 1:1 coaching from creator Gyagya! (1 time)


When you use a coaching ticket You can ask up to two questionsI will.

If you have any questions, we will answer them in as much detail as possible.


🚨 Please note 🚨

Coaching vouchers can be used for 20 weeks after the date of purchase, and there is no refund for unused use within that period.


📌 How to use coaching tickets

  • Click [My Classes] on the Class 101 web or app.
  • Go to [My Class], go to [Coaching Ticket Mission] and click [Get Coaching].
  • Please fill it out in [Write a post] and send it!
  • Coaching is conducted on a sequential basis based on the date questions are received.

📢 The package is subject to some changes, and we will be fully informed if there are any changes.

Curriculum

Creator

gyagya

gyagya

Hallo I'm a gyagya who majored in fine arts and is currently working as a web designer. I have been working on a variety of 2D graphics for many years, from product detail pages, event/promotion pages, web/mobile sites, banners, and social media promotional images in various shopping malls. The appeal of 2D graphics is that they can be used in a variety of ways. Not only are there differences in size and direction, but if you understand the project, you can create anything, and the work can be transformed as much as you like and used in various places. The most familiar program to start designing is Photoshop. It would be great if you were good at illustrating, but learning two programs at once is not an easy task, so in this class, I'm going to try to create an intro with a variety of moods using only Photoshop and use it in a variety of ways. Since I'm going to create images that I actually use in my work in this class, I think it will be of great help to those who dream of being a designer. If you follow along slowly, you'll be able to easily create great images even if you're not a major!

gyagya101

gyagya101

View similar classes you might also like

Detailed pages that anyone can create with PhotoshopDesign Tools  |  EASY DESIGN

Notes on Copyright Protection

  • All videos and materials included in the class are protected intellectual property under relevant laws.
  • You may face legal action if you copy, distribute, transmit, modify or edit the videos or materials included in the class without permission.
CLASS 101, LLC.
1201 North Market St. Suite 111, Wilmington, DE, 19801
support@101.inc