wikiHow - це «вікі», схожа на Вікіпедію, а це означає, що багато наших статей написано у співавторстві кількома авторами. При створенні цієї статті автори-добровольці працювали над її редагуванням та покращенням з часом. Цю статтю переглянули 63 415 разів. Думати ширше! Дізнайтеся, як створити тривимірну рамку за допомогою Adobe Photoshop, дотримуючись цього покрокового посібника.
Створіть новий документ. Для цього перейдіть у файл і виберіть "Новий" або Ctrl + N. Потім створіть новий документ, що має ширину та висоту 1500x1500 пікселів.
Створіть квадрат за допомогою інструмента прямокутник. Залийте його кольором #bf9271.
Відредагуйте форму за допомогою інструмента прямого виділення. Відредагуйте фігуру та нахиліть її вгору з лівого боку.
Скопіюйте шар та відобразіть його по горизонталі. Щоб перевернути, виберіть «Редагування» > «Вільне перетворення» або натисніть Ctrl + T на клавіатурі, щоб відкрити «Вільне перетворення».
Перейменуйте шари. Це може бути будь що; мета цього кроку – допомогти вам згадати, що є що. Також перемістіть зображення вниз, щоб звільнити місце для наступного кроку.
Почніть малювати внутрішню частину коробки. Щоб створити внутрішню частину, просто скопіюйте перші два шари та переверніть їх по вертикалі. Змініть колір на темно-коричневий (використовуйте колір # b07d5b.)
Намалюйте відкидні стулки коробки. Намалюйте перший клапан, створивши прямокутник по діагональному краю коробки. Потім залийте фігуру світлішим коричневим (використовуйте колір # cfa98d).
Повторіть те саме для другого клапана. Однак цього разу залийте його тим самим коричневим кольором, що й коробці.
Завершіть коробку, намалювавши решту відкидних стулок. Розфарбуйте два останні клапани, залийте їх тим же кольором, що перший клапан.
Згрупуйте шари, щоб організувати свою роботу і перш ніж переходити до наступного кроку. Зробіть це, вибравши шари, які ви хочете згрупувати, та вибравши Шар > Згрупувати шари або натиснувши Ctrl+G.
Створіть новий шар. Нанесіть білий прозорий градієнт поверх решти закрилків.
Знову використовуючи перо, намалюйте маленькі прямокутники на стулки коробки, щоб проілюструвати 3 розміри стулок коробки. Додайте новий шар, а потім клацніть по контурах, утримуючи клавішу Ctrl, щоб зробити вибір. Потім залийте виділення темно-коричневим і перемістіть шар під закрилки.
Створити тінь коробки. Створіть тінь, створивши новий шар та застосувавши до нього чорний прозорий градієнт. Тінь також має розташовуватися праворуч коробки.
Додати фон. Щоб створити фон, додайте новий шар і залийте його темним кольором або використовуйте колір: # 61351d У цьому уроці ви дізнаєтеся, як створити і редагувати Mock Up коробки, який можна використовувати для різних завдань. Складність уроку: Середній В цьому уроці ви дізнаєтесь, як створити Mock-Up 3d коробки для програмного забезпечення, але його можна використовувати для різних завдань. Готовий мокап буде досить гнучким у налаштуванні. Ми зможемо додати відображення на підлозі, змінити колір тла, а за допомогою смарт-об'єктів за кілька кліків мишею міняти обкладинку коробки. Ось так виглядає готовий мокап, який ми малюватимемо. Він містить відображення, колір фону, що настроюється, і смарт-об'єкт з обкладинкою. Щоб у результаті мокап вийшов привабливим, спершу нам необхідно продумати композицію. Навичка малювання та розуміння перспективи допоможе нам зробити грубий малюнок. Як варіант, ви можете сфотографувати готові коробки та використовувати такий знімок як референс. Або в будь-якому 3D-редакторі змоделювати сцену з найпростіших фігур, виконати рендеринг і точно також використовувати картинку, що вийшла. Підійде будь-який спосіб. За допомогою звичайної кулькової ручки я намалював простий малюнок коробок на папері, потім відсканував малюнок і переніс Photoshop. У програмі створив новий файл розміром 1000 х 600 пікселів і вставив на нього відсканований малюнок. Як бачите, ми малюватимемо три коробки. Наприкінці уроку ми матимемо велику кількість шарів, тому дуже важливо заздалегідь їх упорядкувати, об'єднавши в групи. Для цього використовуємо комбінацію клавіш Ctrl+G. Створюємо три групи для кожної коробки. Для роботи ми використовуватимемо векторні інструменти. Активуємо Pen
Tool (P) (Перо), вибираємо будь-який яскравий колір і на верхній панелі встановлюємо режим малювання на Shape (Фігура). Яскравий колір заливки потрібний для того, щоб основа коробки не зливалася з тлом і виглядала контрастно. Клацаємо мишкою і малюємо фронтальну частину першої коробки. Переконайтеся, що ця частина знаходиться у групі "Коробка 1". Малюємо бічну сторону коробки. На цей раз вибираємо інший яскравий колір. Тепер ми повинні додати освітлення на передній частині коробки. Для цього завдання найкраще підійдуть стилі шару, тому що їх легко застосовувати та редагувати. Двічі клацаємо по шару, щоб відкрити вікно Layer
Style (Стиль шару). У вікні вибираємо Gradient
Overlay (Накладення градієнта). Використовуємо стандартний чорно-білий градієнт у режимі змішування Overlay (Перекриття). Встановлюваний потрібний кут в залежності від уявного джерела світла. За допомогою параметра Opacity (Непрозорість) можна регулювати насиченість ефекту. Повторюємо ті ж дії для бокової сторони та додаємо Gradient
Overlay (Накладення градієнта). Щоб додати реалістичність, ми намалюємо тінь під коробкою. Під шарами із гранями коробки додаємо новий шар. За допомогою Polygonal
Lasso
Tool (L) (Прямолінійне ласо) створюємо виділення за формою нижньої частини коробки. Заливаємо виділення чорним кольором. Застосовуємо до заливки фільтр Filter
– Blur
- Gaussian
Blur (Фільтр – Розмиття – Розмиття за Гаусом). Встановлюємо такий радіус, щоб м'яко розтушувати краї тіні. У разі ми встановлюємо значення на 1,6. У нашому випадку джерело світла розташоване досить близько до коробки, тому ми маємо намалювати довгі бічні тіні. Для цього використовуємо Polygonal
Lasso
Tool (L) (Прямолінійне ласо), щоб намалювати виділення, потім заливаємо його чорним кольором. Розмиваємо тінь за допомогою фільтра Gaussian
Blur (Розмиття за Гаусом). Інструментом Eraser
Tool (E) (Ластик) акуратно проводимо по кінчику тіні, щоб створити м'яке згасання. Зменшуємо Opacity (Непрозорість) шару з тінню приблизно до 10-15%. Повторюємо процес і додаємо довгу тінь на протилежному боці коробки. Продовжуємо роботу з наступною коробкою. Приховуємо гурт «Коробка 1», щоб він нам не заважав. Для цього на панелі шарів клацаємо по значку ока навпроти назви групи. Процес малювання нічим не відрізняється від попереднього разу, тож починаємо з основи. Для другої коробки нам потрібно намалювати три грані: фронтальну, бічну та нижню. Як і з попередньою коробкою, ми повинні додати стиль шару Gradient
Overlay (Накладення градієнта). Так як друга коробка має інше положення, ми повинні налаштувати кут і непрозорість так, щоб вони відповідали яскравості і напрямку джерела світла. Малюємо тінь під коробкою. Під шарами з основою створюємо новий шар та малюємо виділення, використовуючи Polygonal
Lasso
Tool (L) (Прямолінійне ласо). Заливаємо виділення чорним кольором та розмиваємо його фільтром Gaussian
Blur (Розмиття за Гаусом). Щоб додати реалістичності, ми створимо ще один шар тіні, на цей раз більше і з сильним розмиттям. Дублюємо попередній шар (Ctrl+J), потім застосовуємо фільтр Gaussian
Blur (Розмиття по Гаусс) з великим радіусом, в даному випадку 6 пікселів. Зменшуємо непрозорість другої тіні, щоб ефект був м'яким та акуратним. На даний момент наші заготовки для мокапа виглядають так: Переходимо до третьої коробки. Відключаємо видимість попередніх коробок, щоб вони не заважали. Використовуємо Pen
Tool (P) (Перо), щоб намалювати основу. Додаємо стиль шару Gradient
Overlay (Накладення градієнта). Третя коробка лежить на другій, тому утворюється складна тінь. Знову робимо видимою другу коробку, щоб проаналізувати форму та зрозуміти, як має падати тінь. Створюємо новий шар. Між другою та третьою коробками малюємо тонку тінь з розмитими краями. Для цього використовуємо маленький пензлик (В). Видаляємо зайві кінці, використовуючи Eraser
Tool (E) (Ластик). Спробуйте зменшити непрозорість шару, щоб тінь виглядала м'якшою та акуратною. Також ми повинні намалювати тінь, що падає, на бічній частині другої коробки. Створюємо виділення трикутної форми та заливаємо його чорним кольором, як показано нижче. Згладжуємо тінь за допомогою фільтра Gaussian
Blur (Розмиття за Гаусом). За допомогою Blur
Tool (Розмиття) та Eraser
Tool (E) (Ластик) створюємо плавне згасання на кінчику тіні. Потім зменшуємо непрозорість шару. Давайте зробимо тінь ще м'якшим. Виділяємо зовнішню половину тіні та за допомогою команди Select
- Modify
– Feather (Виділення - Модифікація - Розтушовка) розгладжуємо виділення. Повторно застосовуємо Gaussian
Blur (Розмиття за Гаусом) зі значенням 7,6. Створюємо новий шар. Малюємо розмиту тінь на протилежному боці другої коробки.За допомогою гумки (Е) видаляємо зайві деталі. Отримуємо такий результат. Включаємо видимість всіх коробок, щоб побачити результат роботи. Мені здається, на другій коробці варто додати довгу тінь. Додаємо новий шар усередині групи "Коробка 2". Створюємо трикутне виділення, заливаємо його чорним кольором та розмиваємо фільтром Gaussian
Blur (Розмиття за Гаусом). Зменшуємо непрозорість шару з тінню. Для цього мокапа нам потрібні три деталі обкладинки: фронтальна, бічна та нижня. Вставляємо кожну деталь обкладинки на окремий шар на робочому документі. Розмір робимо трохи більше за саму коробку. Не варто малювати занадто велику обкладинку, щоб при трансформації з боків не з'явилася драбинка, яка псує якість картинки. Ці три частини обкладинки ми будемо використовувати в мокапі. Кожна з них має знаходитись на окремому шарі. Трансформуємо кожну деталь обкладинки у смарт-об'єкт. Для цього клацаємо по шару правою кнопкою миші та вибираємо Convert
to
Smart
Object (Перетворити на смарт-об'єкт). Для зручності розміщуємо дизайн обкладинки в окрему групу та розміщуємо її над групами з коробками. Ми не будемо працювати з частинами обкладинки безпосередньо, тому натискаємо на значок ока навпроти групи, щоб приховати її. Для першої коробки нам знадобляться лише фронтальна та бічна частини обкладинки. Дублюємо відповідні шари натисканням клавіш Ctrl+J. Переносимо обидві копії до групи «Коробка 1». Вибираємо шар із фронтальною частиною. Тиснемо Ctrl+T, щоб активувати режим вільної трансформації. Клацаємо правою кнопкою по документу та вибираємо Distort (Спотворення). Тягнемо за вузлові точки, поки не покриємо всю фронтальну частину коробки. Для зручності зменшуємо непрозорість шару з обкладинкою. Не потрібно витрачати час і підганяти обкладинку ідеально кут у кут, нехай вона злегка виступає за краї коробки, як показано нижче. Перевіряємо, щоб шар із обкладинкою знаходився відразу над шаром із фронтальною частиною коробки. Потім тиснемо Ctrl+Alt+G, щоб трансформувати обкладинку в відсічну маску. Тепер наш дизайн ідеально вписався у межі коробки. Збільшуємо Opacity (Непрозорість) до 100% і дивимося на результат. Повторюємо самі дії для бічної грані коробки. Якщо придивитися на дизайн коробки, то в деяких місцях можна помітити краї, що неакуратно зістикуються. Ми виправимо це за допомогою трансформації. Тиснемо Ctrl+T, потім клацаємо правою кнопкою миші за документом і вибираємо Warp (Деформація). Рухаємо опорні крапки, щоб вирівняти дизайн. Повторюємо попередні кроки та додаємо обкладинку на другій коробці. В принципі ми закінчили. Але я хочу показати вам пару трюків, за допомогою яких можна покращити мокап. Ми повинні додати можливість швидкої та простої зміни кольору фону. Для цього створюємо коригуючий шар Solid
Color (Колір), натиснувши кнопку Create
new
fill
or
adjustment
layer (Створити нову заливку або коригуючий шар) у нижній частині панелі шарів. У діалоговому вікні, що з'явилося, вибираємо сірий колір. Додаємо стиль Gradient
Overlay (Накладення градієнта) до попереднього шару, що коригує. Над шаром Solid
Color (Колір) додаємо коригуючий шар Hue/Saturation (Колірний тон/Насиченість). Активуємо параметр Colorize (Тонування).Тепер, рухаючи повзунки, ви легко можете змінити колір фону. Давайте проведемо невеликий тест-драйв. Щоб замінити фронтальну частину обкладинки, двічі клацаємо на смарт-об'єкт front. В результаті шар із передньою частиною відкриється в окремому документі. Можете редагувати дизайн так, як вважаєте за потрібне. У цьому випадку я змінив кольори та додав іконку персонального комп'ютера із сайту iconfinder. Зберігаємо оновлений дизайн та закриваємо документ. Повертаємося до основного робочого файлу. Зауважте, що після редагування дизайн коробки змінився автоматично. Причому всіх трьох коробках. Змінюємо дизайн на бічних гранях. Як бачите, технічно ми закінчили створення мокапа. Але його можна покращити, додавши відображення. У цій композиції нам знадобляться дублікати передньої та бокової сторін першої коробки та бічної та нижньої сторін другої коробки. Вибираємо їх та копіюємо за допомогою комбінації клавіш Ctrl+J. Додаємо їх до окремих груп «Коробка 1» та «Коробка 2», а їх у свою чергу до загальної групи «Відображення». Це допоможе нам не заплутатися у численних шарах. Вибираємо копію бічної грані першої коробки та тиснемо Ctrl+T, щоб активувати трансформацію. Все, що нам потрібно зробити, це перетягнути верхню точку в низ. Отримавши потрібний результат, натискаємо Enter, щоб застосувати зміни. Робимо те саме з передньою частиною обкладинки. Ви знаєте, що робити далі – трансформуємо копії другої коробки. Якщо придивитися, то ми помітимо щілину між відображенням та оригіналом. Звичайно, це псує роботу, тому потрібно виправити похибку.Для цього пересуваємо зміщений відбиток так, щоб повністю закрити щілину. Усередині групи "Відображення" для групи з першою коробкою додаємо маску. Утримуючи кнопку Alt, натискаємо на кнопку Add
layer
mask (Додати шар-маску) у нижній частині панелі шарів. При цьому повинна з'явитись повністю чорна маска і весь вміст групи сховається. Після цього беремо великий м'який пензлик (В) і проводимо під коробкою, щоб відновити частину відображення і створити плавне згасання. Робимо те саме з відображенням другої коробки. Зменшуємо непрозорість групи «Відображення», щоб отримати акуратний та м'який ефект. На даний момент структура шарів виглядає так. Нам потрібно їх оптимізувати, щоб готовий вихідний файл був максимально легким. Для початку ми можемо поєднати складні багатошарові об'єкти в один шар. Наприклад, тінь складається з кількох шарів. Виділяємо шари, які хочемо поєднати, і тиснемо Ctrl+E. Якщо потрібні шари знаходяться в окремій групі, ми можемо просто виділити саму групу і натиснути Ctrl+E, щоб об'єднати її в один шар. Також нам не потрібний оригінальний фоновий шар. У нас вже є шар, що коригує Solid
Color (Колір) із заливкою, тому ми можемо видалити шар Background (фон), перетягнувши його на значок кошика в нижній частині панелі шарів. Ми закінчили! Нижче ви можете побачити, як виглядає фінальний варіант разом із відображеннями, тінями та кольоровим фоном. У цьому й полягають можливості настроювання мокапа. Щоб прибрати відображення, ми просто натискаємо на значок ока навпроти групи «Відображення». Також ми можемо приховати третю коробку, залишивши тільки першу та другу. Або приховати другу та третю, залишивши лише першу. Або приховати першу, залишивши другу та третю. Потрібна лише друга коробка? Готово! Звичайно, третю коробку окремо від інших використовувати не вийде, тому що це буде дивним. Також можна повернути відбиток другої коробки. Як бачите, створення мокапа не таке вже й складне завдання. Сподіваюся, у цьому уроці ви дізналися нові прийоми роботи, зокрема навчилися малювати компактний, але гнучкий у налаштуванні мокапа, який можна вільно використовувати в будь-яких цілях. Автор: Mohammad Jeprie 34 тис. 17 Друк Скарга У сьогоднішньому нескладному уроці ми навчимося створювати реалістичний макет коробки для рекламованого продукту. Складність уроку: Середній У сьогоднішньому дуже простому уроці ми навчимося створювати реалістичний макет коробки для продукту Photoshop. Це зображення було зроблено, щоб допомогти вам створити власний макет. Спочатку ми намалюємо коробку, потім додамо їй трохи оформлення. Наприкінці уроку я покажу, як створити тіні та відблиски, надавши роботі реалістичності. Для виконання уроку потрібно Photoshop CS3 або новіше. Почнемо зі створення документа розміром 1588 х 1191 пікселів. Змінимо фоновий колір на #d2d3d5. Щоб робота була акуратнішою і організованішою, нам знадобляться Лінійки (Rulers) та Сітки (Grids). Перші можна знайти у меню Перегляд > Лінійки (View > Rulers) або викликати натискання Ctrl+
R. Другий важливий інструмент знаходиться в Перегляд > Показати > Сітку (View > Show > Grids). Також сітку можна увімкнути, натиснувши Ctrl+'. Ось мої налаштування для сіток, виправте свої так само і проходити цей урок буде простіше. Створіть Нову групу (New Group), назвіть її "Правий бік". Створіть новий шар, назвіть його так само. Прямокутна область (Rectangular Marquee Tool) виділіть ділянку розміром 795 х 1078 пікселів. Заповніть виділення будь-яким кольором. білий (#FFFFFF). Тепер зробіть шар смарт-об'єктом. Для цього клацніть по ньому правою кнопкою миші та виберіть Перетворити на смарт-об'єкт (Make A Smart Object). Це дозволить змінювати вміст шару, не "руйнуючи" його. Створіть групу під назвою "Ліва сторона". Створіть шар аналогічно. Перед переходом до самого дизайну давайте підкоригуємо шари та перетворимо їх на реалістичну 3D коробку. Почнемо з правого боку. Ctrl+
T. Перш за все, потрібно стягнути прямокутник (приблизно до 75%), поки його висота не дорівнює, приблизно, 814. Не забудьте клікнути по іконці ланцюга у верхній панелі параметрів. Редагування > Трансформування > Перспектива (Edit > Transform > Perspective) та змініть фігуру як на скріншоті нижче (перетягувати потрібно лише праву сторону): Потім натисніть Ctrl+
T, утримуйте клавішу Ctrl і трохи стягніть праву сторону, щоб фігура виглядала як прямокутник, а не товстий квадрат. Для лівої сторони потрібен трохи інший підхід. Ctrl і трансформуйте, щоб вийшла тривимірна форма.Переконайтеся, що висоти скошених сторін лівої та правої грані є паралельними, не забудьте стягнути ліву сторону коробки. У результаті має вийти щось таке. Тепер можна перейти до дизайну. Почнемо з правого боку. Виділіть шар і двічі клацніть по смарт-об'єкту, відкривши його. На цьому етапі ви можете або створити своє оформлення, або дотримуватися уроку. Для свого дизайну я вибрав небесно-синю кольорову гаму. Якщо хочете слідувати уроку зі мною, встановіть фоновий колір на #e1ebe4; у мене все буде досить просто. Коли фон готовий, займемося заголовком (він буде в центрі верхньої частини). Я використовував такі шрифти (колір - #1f1f20): Щоб було більше деталей, я додав галочку та товарний знак за допомогою інструмента Довільна фігура (Custom Shape Tool). Потім я додав випадковий текст, скориставшись інструментом Абзац (Paragraph Tool) (його можна відкрити, вибравши Текст (Text Tool) і клацнувши по випадковій ділянці). Ось мої налаштування: Також я додав напис у самому низу і обвів його рамкою. Після того, як закінчили з цією гранню, збережіть її. Ви відразу побачите зміни в оригінальному документі. Тепер перейдемо до другої секції. Двічі натисніть смарт-об'єкт, щоб відкрити вікно для його редагування. Заповніть фон кольором #a5dfda, потім просто скопіюйте та розмістіть заголовок з попереднього кроку. Тепер залишиться лише повернути текст. Зробіть галочку білою, додайте більше символів. Все, що я використав, можна знайти в меню інструмента Довільна фігура (Custom Shape Tool). Так само додайте довільний текст у нижній частині. Після того як все готово, збережіть документ.Ось як виглядає мій дизайн: Тепер давайте додамо освітлення, зробивши коробку реалістичною. Почнемо з нової групи під назвою "Тіні". Створіть новий шар, назвіть його "Задня тінь". Виділіть ділянку розміром з нашу коробку та заповніть її чорним кольором. Потім "покладіть" шар, спотворивши його із затиснутою клавішею Ctrl. Після цього застосуйте Розмиття по Гаусу (Gaussian Blur) та змініть Режим накладання (Blending Mode) на М'яке світло (Soft Light). Додати новий шар - "Нижня тінь". Встановіть основний колір #000000; за допомогою Щітки (Brush Tool) досить великого розміру з Жорсткістю (Harndess) 0% намалюйте тінь під коробкою, після чого змініть режим накладання на М'яке світло (Soft Light), а Непрозорість (Opacity) встановіть на 85%. Нам потрібний ще один шар. Назвіть його "Світло". Встановіть фоновий колір на #ffffff, зробіть пензель більше і тричі проведіть по центру коробки. Встановіть режим накладання М'яке світло (Soft Light). Створіть шар "Нижня тінь 2". Потім виберіть пензель та налаштуйте його, як на скріншоті нижче. Виберіть інструмент Перо (Pen Tool), намалюйте контур навколо нижньої частини коробки. Клацніть правою кнопкою миші, виберіть Виконати обведення контуру (Stroke Path). Переконайтеся, що галочка Імітувати натиск (Stimulate Preassure) встановлено. Змініть непрозорість (Opacity) та заливання (Fill) до 50% та 55% відповідно. Відкрийте групу "Права сторона", створіть два шари - "Тіні", "Тіні 2". Переконайтеся, що обидва вони відсічні для шару з дизайном. Використовуйте м'яку кисть з 0% жорсткості (Hardness). Встановіть обидва шари на М'яке світло (Soft Light).На першому намалюйте велику U-подібну фігуру по краю коробки. На другому шарі використовуйте ту ж кисть, але з меншою непрозорістю, зробивши обведення навколо тексту. Створіть ще два шари – "Деталі: Тіні", "Деталі: Блики". Тут потрібно просто повторити крок 11. Використовуйте #ffffff для відблисків, а #000000 для тіней. Контурів над та під коробкою буде достатньо. Повторіть два попередні кроки з лівою стороною коробки. Тепер нам потрібна група. Назвемо її "Деталі". Перо (Pen Tool) Намалюйте трикутну фігуру з дуже плоским центром. Внутрішню тінь (Inner Shadow)… … а також Внутрішнє свічення (Inner Glow). Створіть шар "Тінь". Тепер знову повторіть крок 11, але з великим розміром пензля (4-6 пікселів) створіть лінію поруч із гранню коробки (лінія має бути ближче до правої сторони). Розмиття по Гаусу (Gaussian Blur), а режим накладання виберіть М'яке світло (Soft Light). На скріншоті нижче лінія позначена червоним. Повторіть процес попереднього кроку, але цього разу назвіть шар "Блики", а як основний колір використовуйте #ffffff. Розташуйте лінію ближче до лівої грані (на скріншоті вона позначена синім). Останній штрих! Створіть шар під назвою "Лінія" та за допомогою інструмента Лінія (Line Tool) створіть пряму (2-3 пікселя завтовшки, колір #000000), що розділяє ліву та праву секції. М'яке світло (Soft Light). На скріншоті вона позначена білим. Фінальні результати: Ми закінчили!Якщо вам вдалося отримати фінальний результат без запинок, можете пишатися собою. Автор: x-tenshii 52 тис. 68 Друк Скарга Як створити 3D-коробку у Photoshop
Створюємо мокап для 3D коробки Фотошоп
Крок 1. Підготовка
Крок 2
Крок 3. Малюємо основу
Крок 4
Крок 5
Крок 6
Крок 7
Крок 8
Крок 9. Малюємо тінь
Крок 10
Крок 11
Крок 12
Крок 13
Крок 14
Крок 15
Крок 16. Малюємо другу коробку
Крок 17
Крок 18
Крок 19
Крок 20
Крок 21
Крок 22. Малюємо третю коробку
Крок 23
Крок 24
Крок 25
Крок 26
Крок 27
Крок 28
Крок 29
Крок 30
Крок 31
Крок 32
Крок 34
Крок 35
Крок 36. Додаємо обкладинку
Крок 37
Крок 38
Крок 39. Застосовуємо дизайн до мокапу
Крок 40
Крок 41
Крок 42
Крок 43
Крок 44
Крок 45
Крок 46
Крок 47
Крок 48
Крок 49. Простий спосіб змінити колір тла
Крок 50
Крок 51
Крок 52. Як замінити обкладинку
Крок 53
Крок 54
Крок 55
Крок 56. Додаємо відображення
Крок 57
Крок 58
Крок 59
Крок 60
Крок 61
Крок 62
Крок 63
Крок 64
Крок 65. Оптимізація файлу-вихідника з мокапом
Крок 66
Крок 67
Крок 68. Можливості мокапу
Малюємо макет коробки у Фотошоп
Крок 1
Крок 2
Крок 3
Крок 4
Крок 5
Крок 6
Крок 7
Крок 8
Крок 9
Крок 10
Крок 11
Крок 12
Крок 13
Крок 14
Крок 15
Крок 16
Крок 17
Крок 18