(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Уроки Photoshop: Дизайнерский эффект "Фея", спецэффект, графика, дизайн

Источник: demiart

Возможно, перевод вышел излишне подробным. Фактически, слово в слово. Надеюсь, это вышло не в ущерб доступности урока. В этом уроке мы научимся, как сделать специальный подарок любимому человеку при помощи Photoshop.

В этом уроке мы научимся, как сделать специальный подарок любимому человеку.

1. Для начала, создайте новый файл File > New с разрешением 1280х1024px и 300dpi. Сохраните файл File > Save as… под именем

A Real Fairy.psd.

2. Итак, в этом уроке вы научитесь, как сделать для вайшей герлы/бойфренда персональный волпапер. Теперь вам необходимо найти самую лучшую фотку вашего любимого человека. Ну или подумайте, какую лучше подобрать для этого случая. Было бы здорово, чтобы фотка была в высоком разрешении.
Дизайнерский эффект "Фея"

Откройте его в фотошопе. Сразу же сохраните вод именем Main elemet.psd. Выберите Polygonal Lasso tool из панели инструментов (или просто нажмите L). Хорошенько увеличьте (зажмите Alt и проскрольте мышкой) и начните выделять контур. Чем большее увеличение вы сделаете, тем меньше углов вы получите в конце [тем точнее и ровнее будет контур].
Дизайнерский эффект "Фея"

3. Если вы не удовлетворены конечным веделением, вы всегда можете его подправить через Select > Modify > Smooth, где легко закруглить нежелательную угловатость.

4. Когда вы закончите с выделением, вам нужно избавиться от фона. Чтобы это сделать, всего лишь нажмите два раза на фоновый слой [Background]. Это сделает фоновый слой [с замочком] обычным. [Короче, пропадёт замочек]. Появится диалоговое окно слоя, где вы сможете переименоваться ваш новый слой. Назовите его Main element и нажмите ОК.
Чтобы удалить всё, кроме вашего выделения, инвертируйте его Select > Inverse или нажмите Ctrl + Shift + I, так пошустрей. Теперь просто нажмите Delete и вуаля.. Уберите выделение Select > Deselect или Ctrl + D.
Дизайнерский эффект "Фея"

5. Теперь нужно сделать изображение чёрно-белым. Image > Adjustments > Channel Mixer. Не трогайте никаких настроек, только поставьте галочку возле Monochrome в левом нижнем углу диалогового окна и нажмите ОК.
Дизайнерский эффект "Фея"
Чтобы избавиться ото всех этих полутонов и сделать хорошенькую картинку, которая будет хорошо обрабатываться в Illustrator кликните Image > Adjustments > Levels и двигайте правые и левые ползунки навстречу друг другу, пока ваша душенька не будет довольна. Резльутирующее изображение должно быть строго чёрно-белым без всяких микроэлементов.
Дизайнерский эффект "Фея"
Теперь, чтобы убедиться, что контур человека был безупречно монохромным, создайте новый слой: кликните Layer > New > Layer или иконку New Layer в палитре слоёв. Выберите новый слой, который только что создали и сделайте Ctrl + click по изображению Main element в палитре слоёв, чтобы загрузить выделение его краёв. Теперь Select > Modify > Expand и введите единичку (или побольше, если у вас высокое разрешение исходного изображения) и жмите ОК. Теперь нажмите D, чтобы сделать цвет переднего плана чёрным, а потом нажмите Alt + Del, чтобы заполнить им выделение. И Ctrl + D, чтобы убрать выделение.
Дизайнерский эффект "Фея"

6. Теперь в плалитре слоёв перетащите залитый чёрным слой под Main Element layer. Выделите оба слоя и кликните правой кнопкой на любой из них и выберите Merge Layers в появившемся окне.
Выберите Magic Wand tool в панели инструментов или просто нажмите клавишу W. В тулбаре инструмента [под панелью задач] установите Tollerance 80% и убедитесь, что убраны режимы Anti-alias и Contiguous. Теперь нажмите в любое место белой части изображения, чтобы выбрать всё белое на картинке и нажмите Delete, чтобы удалить его. Уберите выделение: Ctrl + D.
Дизайнерский эффект "Фея"

7. Сохраните файл Main Element в формате PNG, чтобы сохранить прозрачные части. File > Save as… или Ctrl + Shift + S.

8. Откройте Adobe Illustrator и создайте новый файл File > New. Назовите его A Real Fairi.ai и сохраните. Разместите File > Place файл A Real Fairy.png внутри нажмите кнопку Embed и там же в Live Trace выберите Detailed Illustration, чтобы очертить изображение. Если вы недовольны результатом, нажмите Ctrl + Z и в том же выпадающем меню выберите Tracing Options и поиграйтесь с настройками, пока не будет вам счастье.
Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

9. [Автору не понравилась его изображение - у него была обрезана рука, которую он дорисовывает векторным контуром.]:
Выберите Pen tool из панели инструментов (или нажмите P) и дорисуйте обрезанную часть руки, не заливая [fill] чёрным, и не вычерчивая [stroke] контур. Теперь выберите оба контура [получившийся и main element] и жмите Window > Pathfinder или Ctrl + Shift + F9, а потом выберите Add to shape area, а затем там же кнопку Expand. [см. рисунок] Теперь всё ок.
Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

10. Скопируйте контур: Ctrl + C. Тыкните правой кнопкой по контуру и выберите Release compound shape в появившемся меню. И снова Window > Pathfinder или (Ctrl + Shift + F9) и там опять же выберите Add to shape area button, и опять же Expand. Залейте контур белым, потом Ctrl + {, чтобы опустить на один уровень ниже. Теперь выберите оба контура и нажмите Ctrl + G, чтобы их сгруппировать.

11. Попробуем добавить какой-нибудь сказочности; магические создания могут выглядеть как угодно, поэтому используйте своё воображение по полной программе. Вам нужно раздобыть каких-нибудь векторных кистей. Вы можете вырезать их из фотографий, как мы уже сделали в самом начале урока. Или скачайте из интернета, отсканируйте или нарисуйте сами в фотошопе или иллюстраторе.

12. [Скромный автор использовал кисти из свой `огромной` коллекции]. После того, как вы определитесь со своими кистями, подберите их размер - зажмите Shift+Alt, чтобы сохранить пропорции при прокручивании. А потом воткните получившееся, куда вам нравится. Сочетанием Ctrl + { опустите получившееся под главный контур.
Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

13. Добавьте каких-нибудь крыльев. Разместите их под главным контуром. У автора девушка чуть-чуть повёрнута, поэтому и крылья тоже будут повёрнутыми [читай, будет несимметричность, что видно по картинке]. Чтобы это сделать, выберите крылья и идите Effect > 3D > Rotate. Понизьте значение Extrude Depth до нуля и поверните крылья, как вам нравится, после чего кликните ОК.
Дизайнерский эффект "Фея"

14. Теперь добавьте рамку.
Дизайнерский эффект "Фея"

15. Пока что всё выглядит пустовато, поэтому добавим какие-нибудь декоративные элементы. Автор предлагает добавить пару черепушек животных [видимо опять же из своей коллекции]. А потом ещё несколько завитушек. Чтобы сделать композицию завершённой, добавим стяг [на который потом налепим надпись]. Используя Type tool (или просто T), напечатайте A Real Fairy. Наиболее подходящий шрифт выберите на свой вкус. Автор использует "Arnold Boecklin". Теперь нажмите Ctrl + Shift + O, для деформации.
Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

16. Теперь нужно изогнуть напечатанное в соответствии с изгибом флага: Effect > Warp > Arc.
Дизайнерский эффект "Фея"

17. Отпад! Почти всё. [ =) ]. Помните файл A real fairy.psd, который делали в фотошопе? Откройте его. Теперь вам нужно разместить ваш векторный объект. Вы можете сделать это, перетащив его в фотошоп. Или File > Place и выбрать там ваш векторый файл. Размеры можно поменять, нажав Ctrl + T. Обзовите ваш векторный объект Main Object. А потом выберите его и Background и отцентрируйте векторный объект: Layer > Align > Horizontal Centers.

18. Теперь, чтобы добавить какой-нибудь текстуры, найдите или сделайте лист бумаги с хорошим разрешением. Добавьте его, подберите нужный масштаб. Назовите слой Paper и опустите его в палитре слоёв под слой Main Object. У автора лист оказался слишком уж чистым и правильным, поэтому он взял другой, на этот раз мятый лист, воткнул его под слой Paper и назвал Paper Riffle. Чтобы объединить два листа бумаги, установите тип смешивания на Soft Light и уберите ползунок прозрачности до 80%.
Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

19. Теперь проделайте те же действия [касательно blending mode и opacity] со слоем Main Object, чтобы добиться ощущения того, что он напечатан на куске бумаги. Нормуль. Только опять как-то пустовато. Чтобы заполнить белые участки на векторном объекте, перетащите Main Object на иконку нового слоя в палитре слоёв. Появится копия этого слоя, прямо над ним. Теперь изменяем Blending Mode на Overlay и понижаем прозрачность до 50%, чтобы слегка избавиться от навязчивой белизны и для того, чтобы проглядывалась текстура бумаги.

20. Почти всё. Но автор не удовлетврён цветами. Выберите слой Paper Riffle и нажмите иконку Create new fill or adjustment layer и выберите Curves. Потяните левый и правый ползунки друг к другу, пока не уйдёт большая часть полутонов и не обострится рельефность текстуры. теперь чуть-чуть перетащите среднюю точку на кривой к верхнему правому углу. Это даст немного света. В результате имеем эфект старой бумаги. Если всё равно не получается, опять нажмите на иконку Create new fill or adjustment layer и на этот раз выберите Levels и там поиграйтесь с ползунками, пока не достигните нужного эффекта.
Дизайнерский эффект "Фея"

Дизайнерский эффект "Фея"

21. Ну, вот, по-моему, и всё. Автор добавил пару векторных кромок точно также, как делал это выше. Чтобы выдерживать всё в стиле Модерн [как это называет автор], следите за тем, чтобы устанавливать нужный тип смешивания и понижать прозрачность.
Дизайнерский эффект "Фея"

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 05.02.2010 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Nero 2018 Platinum ESD
Radmin 3.x - Стандартная лицензия 1 компьютер
Quest Software. TOAD Professional Edition
Quest Software. Toad for Oracle Development Suite
ABBYY Lingvo x6 Английская Профессиональная версия
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Один день системного администратора
Все о PHP и даже больше
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100