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


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=23378