Создание фонового рисунка в стиле Mac
Этот урок о том, как создать фон в стиле Mac. Вы можете использовать их для любой цели, включая самую очевидную – в качестве обоев для вашего рабочего стола, а также для работы (презентации в Powerpoint, Flash). Конечно, вовсе не нужно выполнять все шаги каждый раз, но основные понятия о технике это вам даст. Удачи!
Приблизительное время выполнения: 7 минут
Шаг 1
Начните с создания нового документа и нарисуйте изящный градиент поперек документа. (тут я использовал размер 1280×1024). Не обманывайтесь черной границей, это проделки Photoshop. Как бы то ни было, я выбрал два очень похожих оранжевых оттенка, чтобы создать легкий градиент.
Шаг 2
Добавьте новый слой. Теперь выберите Polygonal Lasso Tool (L) и нарисуйте грубое треугольное выделение, как показано на рисунке. Затем возьмите толстую мягкую кисть (300 пикселей) и нарисуйте немного белого ей, только не перестарайтесь.
Шаг 3
Поставьте нарисованное вами в шаге 2 на Overlay. Новый слой. Снова выберите Polygonal Lasso Tool и нарисуйте похожую область, но в обратную сторону напротив первого, как показано на рисунке. Добавьте на этот раз немного черного. Я использовал градиентную заливку от черного к прозрачному. Вы можете сделать это, выбрав gradient tool, затем спустившись вниз и выбрав второе:
Шаг 4
Поставьте режим черного слоя на Overlay 34%. Новый слой. Теперь выберите Pen Tool и нарисуйте красивую дугу. Секрет рисования красивых кривых при помощи Pen Tool в том, что нужно долго тянуть. Завершите кривую, нарисовав её в обратную сторону так, чтобы это была одна большая петля, и выберите Make Selection
Шаг 5
Теперь у вас должна быть выделена красивая кривая (как показано внизу). Снова выберите Gradient Tool, на этот раз от белого к прозрачному и добавьте немного белого. Поставьте этот слой на Overlay и у вас должно выйти что-то похожее на то, что на картинке.
Шаг 6
Новый слой. Снова выберите Pen Tool и на этот раз создайте ещё более интересную фигуру. Вы можете видеть, какую фигуру я слева нарисовал… Замкните кривую и снова кликните Make Selection.
Шаг 7
Теперь не снимая выделение выберите снова большую кисть и добавьте черного наверху одной стороны, как показано на рисунке. Не снимайте выделение, оно понадобится нам для следующих шагов.
Шаг 8
Новый слой. Теперь выберите какой-нибудь инструмент для выделения (не имеет значения, какой) и нажмите клавишу «вниз» несколько раз. Вам понадобится selection tool, чтобы переместить выделенную область или Photoshop попытается переместить все вам – поскольку вы на новом слое, это вызовет ошибку. Поэтому убедитесь, что вы выбрали Polygonal Lasso Tool или какой-нибудь похожий. Теперь нажмите Ctrl+Shift+I, чтобы инвертировать выделение. Затем при помощи мягкой кисти размером 300 пикселей нарисуйте немного черным внизу, как показано. Когда закончите, поставьте слой на Overlay и снизьте непрозрачность до 60%.
Шаг 9
Новый слой. Теперь нажмите Ctrl+Shift+I, чтобы снова инвертировать ваше выделение (вернуть ему оригинальный вид) и на этот раз нарисуйте немного белым, как показано. Теперь, поскольку мы переместили нашу область вниз, как показано в шаге 8, это плохо поместится вместе с черным.
Шаг 10
Новый слой. Теперь выберите Gradient Tool, выберите градиент от белого к прозрачному и поставьте тип Radial Gradient. Затем добавьте белого вверху, как показано. Поставьте слой на Overlay.
Шаг 11
Сейчас цвета выглядят не очень. Если бы я был скрупулезным, я бы начал заново и поменял в начале цвета. Но вместо этого мы быстро настроим цвета по-другому. В новом слое добавьте заливку оранжевым, похожим на то, как на рисунке. Поставьте blending mode слоя на Color и Opacity на 55%. Должно отлично смотреться.
Шаг 12
Уже получше. Создайте новый слой. Теперь снова нарисуйте кривую, как вы уже делали, кликните правой кнопкой и выберите Make Selection.
Шаг 13
Используйте градиент от белого к прозрачному и добавьте легкий белый переход слева направо, как показано на рисунке. Поставьте слой на Overlay.
Шаг 14
Новый слой. Как видите, мы почти закончили. Теперь нарисуйте последнюю выделенную область вниз в левой нижней части, добавьте градиент от белого к прозрачному (наш любимый) и переключите слой в режим Overlay.
Шаг 15
В качестве финального штриха, я добавил оттенок черного внизу справа и немного белого в режиме overlay вверху слева. Но это необязательно. Вы можете теперь пройтись по вашей работе и добавить что-то тут и там на ваш вкус, но в целом можно её можно считать оконченной.
Источник: Creating a Mac-Type Background in Photoshop
Смотрите также:
Результат очень красивый. Попробую нарисовать.
Октябрь 14th, 2008
А если вместо плавных линий применить прямоугольники то выйдет неплохой дизайн фона! СПАСИБО за урок!
Октябрь 15th, 2008
так и не понял как выпрямлять эти линии
:(:(:(:(:(:(
ничего не получается! подскажите как закруглять линии pen tool!
Октябрь 18th, 2008
Колян используй белую стрелку
Декабрь 23rd, 2008
я так и делаю, она меня не слушается
Декабрь 27th, 2008
Очень красиво
Январь 9th, 2009
Что такое verlay???
Январь 16th, 2009
Я нихера не понемаю как pen использовать
Февраль 11th, 2009
потрясающий урок, фишка макофф раскрыта) гг
еще очень интересно посмотреть как делается «виста»
Июнь 5th, 2009
ИПАНУТЫЙ УРОК!!!!
Автор! Ты для кого объясняешь??
В каком месте «Overlay» менять, где этот «Make Selection».. непонятно где откуда что брать.
Июнь 24th, 2009
Уважаемые авторы уроков, пишите, пжл, названия инструментов на русском и на англ.языках!! А то ока найдёшь, плесенью покроешься %)
Июль 10th, 2009
Настя будь внимательна, внизу урока есть ссылка, где автор вероятнее всего тебя увидет, вот там и потребуй то что ты хочешь
http://psd.tutsplus.com/tutorials-effects/creating-a-mac-type-background-in-photoshop/
ну этот выше комментатор тоже может присоединиться
Июль 10th, 2009
Прилично получилось. Хорошая идея сделать самому, а то для 2560×1920 на тридцатку Apple трудно найти в стиле Mac.
Август 26th, 2009
Уфф… Голову поломала пока искала, где кнопка Make Selection. Для тех, кто тоже не понял: после того как вы замкнули контур кривой. внутри нее щелкните правой кнопкой мыши. Там Make Selection
Август 26th, 2009
Спасибо, очень красиво и очень помогли.
Сентябрь 22nd, 2009
Октябрь 12th, 2009
да вы ваще уроды косожопые перевод то не можете писать вить не у всех фотошоп английский некоторые и додумались русификатор взять …..козлы тупые
Ноябрь 4th, 2009
Жаль, что у вас команды не на русском написано!
Ноябрь 13th, 2009
http://i075.radikal.ru/0912/f7/321c1703e7f8.jpg
Вот что получилось!!!Реальный размер картинки не очень прикольный!!!А когда оч маленькая то вроде красиво!!!
Декабрь 13th, 2009
Урок кульный
И не каких проблем с русским PS, огромное спасибо автору!
Январь 13th, 2010
Февраль 26th, 2010
что за хуйня ? я заибался у меня га русском пхотошоп и поэтому всё поразному бляттьь я путаюсь !!»
Апрель 4th, 2010
Шаг 2 Добавьте новый слой.
это как? если уж пишешь урок, то пиши для всех.
Апрель 5th, 2010
Секрет рисования красивых кривых при помощи Pen Tool в том, что нужно долго тянуть. Что долго тянуть? Автор убейся об стену
Апрель 6th, 2010
бля люди!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! хули суётесь в фотшоп если не умеете им пользваться? а?????? Вы охуительные дебилы если бля не умеете создать новый слой!!!!!!! бля!!!!!! я в охуе!
Апрель 14th, 2010
Не ну вы сами подумайте как так можно????? У меня например всё получилост=ь и оч красиво!!!!!!!!!!!!!!!!! Жаль что нелдьзя сюда фотографии выкладывать я бы показала
Апрель 14th, 2010
Согласна с АнАнАсЬкО
Апрель 14th, 2010
Очень красиво, мне понравилось, ну тут конечно на свой вкус бы переделал…
Май 13th, 2010
бля я паходу сам дебил pen ом нихуя пользоватся не умею подскажите тупому а?
Май 21st, 2010
блять АнАнАсЬкО а чё ты тут тогда деляешь если такой умный бля? урок должен объяснять всё от и до! если б я это всё знал мне б это нахуй не надо было! так что закрой ебло и иди нахуй, Пуся, тебе туда же!
Май 21st, 2010
То АнАнАсЬкО -> «хули суётесь в фотшоп если не умеете им пользваться?» — а ты умел им пользоваться когда первый раз скачал? чё тут сидишь тогда умник? Идиот, больше нечего сказать, фууу убил бы!
Июнь 10th, 2010
ббляд а добавить по русски нельзя было?
Июнь 20th, 2010
очень красиво!
Июнь 20th, 2010
На лицо чисто славянская натура — «сам понял, над другими посмеюсь».
Убожество, а не люди.
Июль 18th, 2010
Только пидарасы используют русский фотошоп. Или вы еще надеетесь без английского обойтись в этом мире?
Сентябрь 24th, 2010
НЕЕЕЕЕЕЕТ!! Только не мак!
А вообще, объяснено хорошо)
Октябрь 5th, 2010
А вот на холивар про русский и английский-ставьте англ, в русском перевод неадекватный, да и вообще, в таком софте принято использовать английские версии, что угодно возьмите, AutoCad’ы всякие, PS, Corel и т.д.
Октябрь 5th, 2010
Можно таким образом обои делать
Январь 4th, 2011
я не могу зделать
Январь 7th, 2011
Классный урок, можно таким образом сделать любой фон
Март 13th, 2011
Тому кто там про пидарасов и русский заякнулся, не пались гомик. А без инглиша прикинь заебись можно жить, ты пройдись по восточное европе, у нас бля один язык, а ты кретин тупой, малолетка или обсос мтвишный, но есть еще вариант что ты упырь не из наших вообще.
А автору реально не лишне было бы в скобках названия на русском, потому как pen tool это ебаное перо, а лучше вставлять изображения инструментов, 100% попадание.
А почему надо, и перевод нормальный, там тоже не гоняйте, просто инглишь как и другие собачьи языки узкий, словарный запас пиздец маленький.
За уроки благодарчик от всей души.
ЗЫ тем кто первый раз открыл фотожопу, обследуйте сначала все что видите как называется и что делает, компьютер не сломаете, потратьте пару часов на исследования того с чем работать будите, подробно разжевывать как для даунов никто не будет ,это вам не программинг где хз где и что, тут просто глаза нужны.
Ноябрь 9th, 2011
Вот он великий и могучий русский язык… хоть бы постыдились так себя вести, хотите устраивать разборки на матерном русском, скройтесь в другое место,а если поставили русификатор на программу, разработанную первоначально не в России, то это уже ваши проблемы и будьте так добры, свои фекалии держать в себе. Автору большое спасибо за данный урок.
Ноябрь 24th, 2011