Уроки Photoshop

Этот урок покажем вам, как пошагово сделать простую, но реалистично-выглядящую планету в Adobe Photoshop 7, и только в Adobe Photoshop 7. Мы сделаем планету маленького размера, так что имейте в виду, чем больше размер, тем сложнее вам будет (просто больше работы с увеличением размера).

Приблизительное время выполнения: 10 минут

Шаг 1

Чтобы у вас в конце получилось то же, что и у меня, вам понадобится эта текстура, так что сохраните её в безопасном месте, мы к ней скоро вернемся.

Шаг 2

Создайте новый документ размером 500х500 с черным фоном. Создайте новый слой и, используя circle marquee выделите круг размером приблизительно с 2/3 от начального изображения.

Залейте его черным и оставьте инструмент активным (не снимайте выделение).

Выберите круглую, мягкую кисть Airbrush размером 300.

Поставьте непрозрачность кисти на 30%, а режим на Linear Dodge.

Мы представим, что источник освещения у нас находится сверху слева (это решающий момент).

Начните рисовать, цвет выберите 664029, начиная приблизительно с угла в восемь часов до двух часов, рисуя против часовой стрелки. Вы должны стараться, чтобы у  вас было похоже на рисунок. Практически, мы только что нарисовали основную сферу планеты.

Время использовать текстуру которую вы скачали. Откройте её и зайдите в Edit > Define Pattern. Назовите её, как захотите.

Шаг 3

Когда вы сделаете это, снова выберите вашу большую кисть с такими же настройками, и зайдите в меню Кисти наверху экрана. Вам нужно поставить текстуру вашей кисти на текстуру плаенты для следующего шага. Окно с настройками текстуры выглядит так:

Шаг 4

Выберите текстуру, которую мы только что создали, из меню доступных текстур.

Повторяйте движения кистью, которыми мы рисовали нашу сферу, только на этот раз мы добавим планете текстуру. Снова рисуйте от 8 до 2х часов против часовой стрелки, оставляя темные области темными в качестве теней для нашей планеты. Результат должен быть таким:

(у нас все ещё не снято выделение circle marquee… не снимайте его).

Шаг 5

Теперь мы применим фильтр sphereize к нашей планете.

Зайдите в Filter > Distort > Sphereize, поставьте его на 100% и кликните OK. Чтобы закрепить эффект, повторите фильтр ещё раз, на этот раз с настройками 50%.

Сделав это, вырежьте планету из слоя с помощью команды Edit > Cut (либо ctrl - x если вы любите горячие клавиши).

Вставьте планету в новый прозрачный слой и удалите старый. Это избавит вас от надоедливых пиксельных артефактов вокруг планеты, оставив вам ровный край для дальнейшей работы (потому что у настоящих планет нет пикселей).

Вот наш новый слой с планетой. Будет хорошей идеей переименовать его так, чтобы вы знали что у вас есть.

Теперь мы добавим немного атмосферы.

Продублируйте слой с планетой, затем зайдите в Layer > Layer Style > Blending Options.

Вы также можете зайти в окно с результатом, кликнув правой кнопкой на палитре слоев и выбрав Blending Options.

Измените Blend Mode на Linear Dodge, а Fill Opacity на 0% (как показано на рисунке)

Добавьте outer glow, как на рисунке… Для целей этого урока мы будем использовать цвет 6283A7 в качестве сияния.

Добавим inner glow, как показано на рисунке и используем цвет 6283A7 в качестве цвета сияния, потому что эти два цвета должны подходить друг другу, иначе они будут смотреться некрасиво, когда встретятся возле контура планеты.

Ваша планета должна сейчас выглядеть примерно так. Не очень грубо выглядит, но все же мы добавили слишком много атмосферы.

Шаг 6

Создайте новый слой над вашим вторым слоем с планетой. Соедините (Link) это слой с верхним слоем с планетой (тем, что с эффектами), и затем произведите их слияние (merge). Это сделает ваши эффекты просто слоем вместо фактически эффектов… теперь у вас есть слой с голубым кольцом атмосферы. Вам нужно поставить layer mode слоя с атмосферой на Linear Dodge снова, чтобы он подходил планете. Это теперь наш готовый слой с атмосферой. Назовите его так, чтобы вы отличили его среди других.

Шаг 7

Далее выберите eraser tool такого же размера и мягкости как наша первая кисть.

Аккуратно сотрите уасток между 6 и 3мя часами на вашем слое с атмосферой. У вас должно получиться что-то подобное (белый круг это то, где мы стирали ластиком).

Наша планета выглядит неплохо, но мы ещё не закончили.

Шаг 8

Давайте будем скрупулезными и придадим нашей планете рельефности, чтобы она выглядела по-настоящему объемной. Сейчас у вас должно быть в общей сложности три слоя - атмосфера над планетой, которая находится на слое с черным фоном. Продублируйте слой с планетой.

Зайдите в Filter > Stylize > Emboss и поставьте Angle -33 градуса, Height 1 и Amount 500%.

Сделав это, нажмите ctrl - shift - u на рельефном слое и снова продублируйте его, чтобы у вас вышло два таких слоя.

Шаг 9

Нам нужно отделить темные и свелтые элементы обоих слоев, потому что мы будем затем работать с ними отдельно.

Используйте levels в верхнем слое, чтобы отделить светлый слой, снижая яркость до тех пор, пока основная часть слоя не станет совершенно черной лишь с несколькими белыми пятнами. Это теперь наш слой с наиболее яркими участками изображения. Вы можете переименовать слой для удобства.

Повторите это для нижнего рельефного слоя, но на этот раз повышайте яркость, пока у вас не получится белый слой с черными участками. Это наш слой с тенями. Снова переименуйте его для удобства.

Измените layer mode черного рельефного слоя на Linear Dodge, а layer mode белого слоя на Multiply. Вы заметите четкий белый контур в тени нашей планеты… используйте наш большой мягкий ластик, как вы делали это раньше для рисования атмосферы.

На этом этапе мы почти закончили. Но наша рельефность смотрится немного ненатурально, поэтому мы постараемся детализировать планету, сделав слой с яркими участками на 50% непрозрачным. Слой с тенями поставьте на 70% opacity.

Мне лично нравится контраст, поэтому я немного поиграл с кривыми (ctrl - m). Это выборочно, поэтому можно считать нашу планету оконченной!

Источник: Make a real planet

Давайте подумаем - резиновые печати очень удобны для использования в реальной жизни, но воссоздание их в Photoshop немного сложнее. В отличие от настоящей бумаги, электронный её вариант не имеет складок и материалов, на которые её кладут.

У электронной печати нет проблем с растекающими чернилами, создающими уникальный эффект каждый раз при использовании. Конечно, это не означает что Photoshop не сможет воспроизвести реализм настоящей резиновой печати.

Цель этого урока - показать, как создавать кисти в стиле грандж, позволяющие воспроизвести в элекстронном виде лого, создаваемые с помощью резиновой печати. Заинтригованы? Читайте далее…

Приблизительное время выполнения: 5 минут

Шаг 1:

Откройте в Photoshop скачанное изображение любого размера и формата. Лучших результатов можно добиться, используя большие фото с эффективным разделением цветов. Так как гранджевый эффект всего рисунка будет исходить в основном от этого изображения, лучше всего выбрать фото с множеством вертикальных линий и ровными краями, идущими под разными углами.

Закругленные объекты (особенно “природные”) не очень подходят. Из личного опыта могу сказать, что вот таки фото с дворами и стройкой подходят лучше всего… хотя вам все- таки понадобится немного поэкспериментировать, чтобы добиться оптимального результата.

Шаг 2:

Убедитесь, что ваш фоновый слой выбран в палитре слоев и приготовьтесь увеличить контраст. Зайдите в Image > Adjustments > Threshold в главном меню. Появится диалоговое окно, потяните ползунок почти до конца влево, оставляя видными только самые заметные линии и детали. Когда закончите, нажмите ОК, чтобы завершить ваши изменения.

Шаг 3:

Откройте новый документ (File > New) любого размера с белым фоновым слоем. Кликните на цвете переднего плана внизу панели инструментов и поставьте его красным. Выберите horizontal Type Tool и создайте ваш текст. В моем примере я использовал шрифт ‘Gill Sans MT Ext Condensed Bold‘ размером 250pt.

Шаг 4:

Выберите слой с текстом в палитре слоев и растеризуйте текст, зайдя в Layer > Rasterize > Text.  Это позволит вам модифицировать текст, как нарисованный объект. На этом этапе вы можете улучшить ваш текст так, как вам нравится. Я добавил небольшую границу, используя Rectangular Marquee Tool и PaintBucket Tool.

Шаг 5:

Этот шаг не обязателен, но я нахожу, что это часто помогает придать логотипу немного наклона при помощи Edit > Transform > Rotate. Логотипы, расположенные под идеально прямыми углами, выглядят поддельными и разрушают иллюзию реальности, которую мы пытаемся создать.

Шаг 6:

Вернитесь к вашему оригинальному фото, которое вы создали в шагах 1 и 2. Переключитесь на Magic Wand Tool и кликните прямо на черную область вашей фотографии. Растяните выделение на все черные области при помощи Select > Similar. Теперь, когда у вас выбраны все черные области, зайдите в Edit > Copy и Edit > Paste и вставьте их в ваш документ с логотипом, который вы сделали в шаге 3. “Гранджевый” слой должен автоматически расположиться поверх всех остальных в палитре слоев.

Шаг 7:

Зажмите CTRL (OPT, если вы используете mac) и кликните на значке с гранджевым слоем в палитре слоев, чтобы выделить его. Затем, не снимая выделения, сделайте слой с логтипом активным и нажмите Delete. Теперь вам нужно снять выделение и спрятать или удалить гранджевый слой… Готово!

Источник: Grunge Rubber Stamp

Кажется, стиль грандж сейчас очень популярен. Но кроме этого, его нужно уметь правильно создавать. Я видел много работ, в которых использовался стиль грандж для контента и других важных областей, но большинство забывает о рамках! Я думаю рамка очень важна для работ в стиле грандж.

В этому уроке мы покажем, как создавать хорошую границу или рамку в стиле грандж. Давайте начнем.

Приблизительное время выполнения: 5 минут

Шаг 1

Запустите Photoshop. Выберите File | New. Настройте изображение так, чтобы у вас получился документ размером 500х500.

Шаг 2

Поставьте фон черный, а цвет переднего плана - белый.

Шаг 3

Теперь, когда вы сделали основную настройку, зайдите в Filter | Render | Difference Clouds.

Шаг 4

Ваше изображение должно сейчас выглядеть немного странно. Давайте сделаем его ещё более странным!. Выберите Filter | Artistic | Palette Knife. Опции по умолчанию подойдут, но вы можете внести изменения, если знаете как.

Шаг 5

Теперь зайдите в Filter | Artistic | Poster Edges. Ваше изображение должно походить на рисунок внизу:

Шаг 6

Продублируйте слой и зайдите в Filter | Distort | Glass. После выбора Glass menu item, выберите “Overlay” в качестве Blending Mode.

Шаг 7

Сохраните файл как GrungeBorder.psd.

Шаг 8

Откройте новое изображение такого же размера - 500х500.

Шаг 9

Используя rectangular marquee tool, сделайте прямоугольное выделение. Не забывайте оставлять пространство по краям. Затем кликните правой кнопкой и выберите “Select inverse”. Залейте выделенную область черным:

Пространство, которое вы оставили, рисуя ваш прямоугольник, будет одного цвета благодаря Inverse Tool.

Шаг 10

Выберите Filter | Distort | Displace. Я рекомендую использовать настройки по умолчанию. Когда вы нажмете ОK, программа попросит местоположение GrungeBorder.psd. Укажите путь к тому файлу.

Шаг 11

Вы можете также стереть некоторые части границы, используя гранджевые кисти:

Шаг 12

Вы можете повторить эффект кисти и добавить детали, как показано на рисунке:

Источник: Grunge Border

Создание рекламы для продукта - повседневная задача дизайнера. В этом уроке мы рассмотрим гибкое дизайнерское решение, которое вы можете использовать для создания рекламы энергетика.

Приблизительное время выполнения: 15 минут

Шаг 1

Сначала мы должны распланировать палитру цветов. Но для того, чтобы выбрать ваши цвета, вам нужно понять, как работает режим Difference Blending Mode. Он смотрит информацию о цветах в каждом канале и создает либо смешанный цвет из базового, либо базовый из смешанного. Это зависит от уровня яркости цвета.

Режим работает только при трансформации из темного в светлый, а не наоборот. Как бы то ни было, если вы примените любой тимп размытия к слою в таком режиме, у вас получатся красивые градиенты и динамическое освещение. Поскольку результат нам нужен темный, выберите яркие цвета, которые в сочетании с radial blur создадут градиенты от светлого к темному.

Начните с открытия нового документа в Photoshop размером 1600х1280. Залейте фон этим цветом: (#b1c900).

Шаг 2

Зайдите в меню Custom Shapes Menu и выберите Ray, как показано внизу. Вы можете найти его в папке Symbols. Затем нарисуйте первый прямо посередине, достаточно большой, чтобы выходить за границы документа. используйте этот цвет: (#bddc01).

Как только вы создадите первую фигуру, продублируйте её. Затем поверните копию так, чтобы она осталась в виде тонкой линии на фоне. Затем измените цвет на #d3eb45. Вы должны выровнять их так, чтобы они были похожи на рисунок внизу.

Шаг 3

На этом этапе начните рисовать при помощи Regular Circle разного размера. Поставьте Opacity кисти на 60%, измените цвет на #7a263e и раскрашивайте вручную, меняя размер и цвет каждого пятна. Создавая вручную все пятнышки, вы больше контролируете результат. Когда создадите первый набор пятен, добавьте ещё немного на отдельном слое такого цвета: #93133d.

Шаг 4

Далее создайте новый слой и добавьте маленькие пятнышки такого цвета #cdde67. Снова создайте слой и нарисуйте пятнышки ещё меньшего размера немного более темного цвета: #d9f14a.

Шаг 5

Теперь нужно добавить контраста, используя затемненную версию цвета, который мы использовали для первых пятен: #93133d

Шаг 6

Чтобы завершить эффект, создайте немного маленьких пятнышек, которые следуют за уже сделанными, и ещё пятнышки, которые заполнят неиспользованное пространство документа. Убедитесь, что они последовательно “затухают” в направлении к краю документа, чтобы затем не отвлекаться на исправление. В качестве финального штриха, добавьте новый цвет, который мы затем превратим в ярко-розовый: #7b2dc1.

Шаг 7

Как говорилось раньше, эффект radial blur играет главную роль в нашей работе. Выберите все фигуры, пятнышки и фоновые слои, а затем нажмите Ctrl+Shift+E, чтобы слить их вместе. После слияния продублируйте слой. Назовите этот новый слой “radial blur“. Зайдите в Filter > Blur > Radial Blur и установите такие настройки.

Шаг 8

У вас должно получиться два слоя: фоновый слой, который вы недавно сделали из тех слоев и продублированная версия, которую вы назвали “radial blur.” Выберите слой “radial blur” и измените его blending mode на Difference. У вас сейчас должен получиться темный рисунок с ярко-зелеными и голубыми цветами. Это не нужный нам оттенок, так что слейте (merge) слои. Зайдите в Image > Adjustments > Hue/Saturation, или нажмите Ctrl+U. Измените Hue на 73.

Шаг 9

В этом шаге мы добавим глубины изображению, которое привлечет внимание к центру работы. Войдите в Quickmask Mode (Q) и, используя Bucket Tool с цветным набором на черном, залейте весь документ. Теперь выберите Eraser Tool и добавьте неаккуратности изображению.

Теперь тяните ластик поперек изображения, фокусируя внимание на центре. Как только вы закончите, выйдите из Quickmask Mode (Q) и инвертируйте выделение, нажав Ctrl+Shift+I. Затем кликните на документе правой кнопкой при выбранном Marquee Tool. Затем выберите слой при помощи Copy. Скопировав выделенную область в новый слой, зайдите в Filter > Blur > Gaussian Blur, и размойте на 4 пикселя.

Шаг 10

На этом этапе мы добавим банку. Скачайте изображение. Then cut it out with the Pen Tool. Не беспокойтесь о нижней части, нам понадобится только верх. Сделав это, расположите её по центру и поверните на 45 градусов. Измените hue на 180. Используйте Burn Tool, чтобы затемнить нижнюю левую часть банки.

Шаг 11

Теперь нам понадобится спрятать часть банки, чтобы она красиво вписывалась в остальную часть фото. Нам поможет простая маска слоя. Зайдите снова в Quickmask Mode. Затем залейте весь документ черным. Сотрите часть, которая вам не нужна, мягким ластиком. Затем выйдите из Quickmask Mode. Зайдите в Layer > Layer Mask > Hide Selection. Вам также понадобится применить sharpen. Для этого зайдите в Filter > Sharpen > Sharpen.

Шаг 12

Теперь, если вы посмотрите близко на фотографию, вы заметите, что она слишком гладкая. Вместо добавлениЯ шума или гранджа, мы используем такую технику: Создание металлической поверхности в Photoshop. Сначала залейте область документа белым, затем зайдите в Filter > Pixelate > Mezzotint. Выберите Medium Dots и затем примените фильтр. Затем установите Blending Mode слоя на Color Burn.

Шаг 13

В последнем шаге мы добавим название в левой части документа. Я использовал шрифт под названием Incised901 NdIt BT, что является аббревиатурой от Incised 901 Nord Italic. После набора надписи, кликните на слое два раза и используйте layer style, показанный на рисунке внизу.

Результат

Источник: Create an Energy Drink Ad Design

В этом уроке я покажу вам, как рисовать пламя в чьих-то руках.

Приблизительное время выполнения: 10 минут

Шаг 1

Сначала нам нужно выбрать фото для будущей работы. Я выбрал фотографию с sxc.hu, вы можете скачать её по этой ссылке http://www.sxc.hu/photo/891765 (сначала вы должны зарегистрироваться - это бесплатно и стоит того). Когда вы откроете фотографию в Photoshop, сделайте первый шаг - зайдите в Image -> Adjustments -> Desaturate (Shift + Ctrl + U). Это будет наше базовое изображение (я сжал изображение до 450×600 пикселей, но вы может работать с изображением большего размера если не хотите регистрироваться на sxc.hu).

Шаг 2

Теперь мы добавим Adjustment Layer и назовем его Levels. Зажмите клавишу Alt и кликните на кнопке Adjustments Layer button в палитре слоев Layers Palette. Выберите Levels. Убедитесь, что выбрана опция Use Previous Layer to Create Clipping Mask. Затем лишь передвиньте темную стрелочку немного дальше.

Шаг 3

Как вы видите, изображение стало несколько темнее. Теперь мы нарисуем огонь. Создайте новый слой, выберите мягкую ксить того размера, которого захотите и, используя темно-оранжевый цвет (напримео #993300) нарисуйте точку. Затем, использу кисть меньшего размера более светлого цвета (например #ff9933), нарисуйте ещё одну точку. Снова выберите кисть ещё меньшего размера и светлее (например #ffcc66),и ещё одну меньшего размера и светлее (#ffff66) и нарисуйте ещё одну точку.

Шаг 4

Теперь немного поколдуем. Используйте Smudge Tool (R). Выберите мягкую текстуру инструмента и маленький размер и нарисуйте языки пламени. Просто кликните где-нибудь внутри точки. Нажмите, удерживайте и передвигайте мышь вверх. После первого движения вы поймете, что я имею в виду. Рисуйте, пока не будете довольны результатом. Помните, вы можете изменить параметр Strength. Вы множество раз будете использовать комбинацию клавиш Alt + Ctrl + Z!

Шаг 5

Теперь давайте придадим огню более реалистичный вид, добавив рукам немного освещения. Зайдите в Quick Mask Mode (Q), выберите большую, мягкую кисть и нарисуйте на руках свет там, где, как вы думаете, он должне располагаться.

Шаг 6

Оставьте выбранным Quick Mask Mode (Q), вы увидите выделение. Нам нужно инвертировать его, зайдя в Select -> Inverse (Shift + Ctrl + I).  Выбериет слой Hands, и удерживая клавишу Alt, добавьте ещё один Adjustment Layer под названием Color Balance (Use Previous Layer должен быть выбран )

Шаг 7

Теперь выберите нашу Color Balance Adjustment Layer Mask, и используя мягкую черную кисть сотрите немного освещенных участков и используя белый добавьте освещение, пока не почувствуете, что выглядит хорошо.

Шаг 8

Затем мы добавим маленькие блики. Нам нужно для этого подготовить кисть.

Шаг 9

Используя эти настройки, нарисуйте на нашем пламени блики (в новом слое). Снизьте Opacity этого слоя (я снизил до 64%). Используйте оранжевый цвет из нашего пламени (импровизируйте).

Шаг 10

Снова выберите обычную мягкую кисть, используя #ffffcc  в качестве цвета (или похожий желтый цвет), выберите слой с огненным шаром и нарисуйте внутри него яркую точку (просто для улучшения эффекта).

Мой конечный результат:

Источник: Water Spirit - drawing fire

Используя кисти и немного поиграв с цветами, вы можете придать вашим фотографиям эффект пылающих волос, как перья у феникса.

Posted in Без рубрики | No Comments »