-÷итатник

–озы png - (0)

Ђрозыїклипарт ‘отографии в альбоме Ђрозыї, автор ya.semira на яндекс.‘отках https://img-fotki....

–ебусы Ђƒень учител€ї - (0)

–ебусы Ђƒень учител€ї ≈сли ¬ы любите ребусы, заходите, http://www.igraza.ru ломайт...

— днем учител€! - (0)

— днем учител€ ќхапки цветов вам ложатс€ на стол, √де стопки тетрадок ждут снова оценок. ћы зна...

Ѕланки дл€ наградных документов - клипарт - (2)

Ѕланки дл€ наградных документов - клипарт     липарт "Ѕланк...

ƒевушки 3D - Sugarskull - (0)

ƒевушки 3D - Sugarskull 0180 —ери€ сообщений "Anna Liwanag - Nocturne": „асть 1 - ƒев...

 -–убрики

 - нопки рейтинга Ђяндекс.блогиї

 -ѕодписка по e-mail

 

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 25.01.2009
«аписей: 4194
 омментариев: 33225
Ќаписано: 66379



—тильный баннер дл€ Web сайта - урок фотошоп

ѕонедельник, 21 ƒекабр€ 2009 г. 22:23 + в цитатник
‘инальный результат:



—тильный баннер дл€ Web сайта




1. —оздайте новый документ размером 500×300 пикселей и залейте его цветом #2d164d.


—тильный баннер дл€ Web сайта





2. »нструментом ѕр€моугольник с закруглЄнными кра€ми (Rounded Rectangle Tool) создайте такую фигуру:




—тильный баннер дл€ Web сайта





3.   слою с пр€моугольником примените следующие стили в меню —тилей сло€ (
Layer Style - Blending Options):


Ќаложение градиента:



—тильный баннер дл€ Web сайта





ќбводка:



—тильный баннер дл€ Web сайта





–езультат:



—тильный баннер дл€ Web сайта





4. —оздайте новый слой (Create New Layer) и объедините этот слой с предыдущим. ѕотом к полученному слою примните стиль ќтбрасывание тени (Layer Style - Drop Shadow):




—тильный баннер дл€ Web сайта





¬ы получите такой результат:



—тильный баннер дл€ Web сайта




5. ¬ыберите инструмент «атемнитель (Burn Tool): размер - 130 пикселей, диапазон - средние тона (midtones), экспозици€ - 25%. —оздайте такое затемнение по бокам:




—тильный баннер дл€ Web сайта




6. “еперь сделайте выделение сло€ с пр€моугольником (Ctrl+Click). —оздайте новый слой

(Create New Layer), инструментом √радиент (Gradient Tool) залейте выделенную область, цвет - от белого к прозрачному. —делайте заливку сверху и внизу сло€.




—тильный баннер дл€ Web сайта

—тильный баннер дл€ Web сайта






7. —нимите выделение (Ctrl+D) и измените –ежим наложени€ на Ќаложение
(Blending Mode Ц Overlay):




—тильный баннер дл€ Web сайта




8. ƒобавим свечение. —делайте выделение сло€ с пр€моугольником ещЄ раз (Ctrl+Click). ¬ыберите инструмент ќвальна€ область (Elliptical Marque Tool), удержива€ Alt, вырежьте часть области, чтобы получить такой результат:





—тильный баннер дл€ Web сайта




9. ¬ыберите инструмент √радиент (Gradient Tool) и залейте им выделение цветом то белого к прозрачному в новом слое:




—тильный баннер дл€ Web сайта




10. —нимите выделение (Ctrl+D) и измените –ежим наложени€ на Ќаложение
(Blending Mode Ц Overlay). ѕотом примените стиль ќтбрасывание тени (Layer Style - Drop Shadow) к текущему слою:




—тильный баннер дл€ Web сайта




–езультат:



—тильный баннер дл€ Web сайта




11. —делайте выделение пр€моугольника (
Ctrl+Click), создайте новый слой (Create New Layer) и обрисуйте выделение немного:





—тильный баннер дл€ Web сайта




12. —нимите выделение (Ctrl+D) и измените –ежим наложени€ на Ќаложение (
Blending Mode Ц Overlay), установите Ќепрозрачность (Opacity) - 30%.




—тильный баннер дл€ Web сайта



13. ¬ыберите инструмент –езкость (Sharpen Tool): размер - 200 пикселей, режим - нормальный, интенсивность - 50%. ќбрисуйте слой немного:




—тильный баннер дл€ Web сайта




14. ќтройте это изображение цветка:






—тильный баннер дл€ Web сайта



»нструментом ћногоугольное лассо (Polygonal Lasso Tool) вырежьте цветок из фона и вставьте его в наш документ. ”меньшите цветок в размере инструментом —вободное трансформирование (Free Transform) и разместите так:




—тильный баннер дл€ Web сайта




15. ѕотом к слою с цветком примените стиль ¬нешнее свечение (Layer Style - Outer Glow):




—тильный баннер дл€ Web сайта




–езультат:



—тильный баннер дл€ Web сайта




16. —оздайте новый слой (Create New Layer) и объедините его с предыдущим (Ctrl+E). “еперь сделайте выделение сло€ с пр€моугольником (Ctrl+Click), сделайте »нверсию выделени€

(Select - Inverse). Ќажмите Delete:




—тильный баннер дл€ Web сайта




17. —нимите выделение (Ctrl+D). »нструментом √оризонтальный текст (Horizontal Type Tool) напишите текст СNew Spa SaloonТ белым цветом. я использовал шрифт Avant Garde Gothic. ќн не бесплатный, поэтому можете использовать любой другой шрифт.




—тильный баннер дл€ Web сайта





18.   слою с текстом примените стиль ќтбрасывание тени (Layer Style - Drop Shadow):




—тильный баннер дл€ Web сайта






–езультат:



—тильный баннер дл€ Web сайта






19. ѕотом напишите внизу СClick here to enterТ цветом #80bb00. ѕримените тот же стиль сло€.



—тильный баннер дл€ Web сайта






20. “еперь напишите слово СAQUAТ белым цветом.



—тильный баннер дл€ Web сайта






21. ¬ слое СAQUAТ перейдите в меню —тилей сло€ (Layer Style - Blending Options) и примените эти стили:


ќтбрасывание тени:



—тильный баннер дл€ Web сайта





¬нешнее свечение:



—тильный баннер дл€ Web сайта





‘инальный результат:



—тильный баннер дл€ Web сайта
–убрики:  ”роки photoshop, corel draw, gimp
ћетки:  

ѕроцитировано 10 раз



‘има-—обак   обратитьс€ по имени ¬торник, 22 ƒекабр€ 2009 г. 00:21 (ссылка)
—пасибо! Ѕаннер очень симпатичный получилс€!
ќтветить — цитатой ¬ цитатник
Lexyud   обратитьс€ по имени ¬торник, 22 ƒекабр€ 2009 г. 22:05 (ссылка)
—пасибо! »нтересно и познавательно. — первого раза у мен€ неплохо получилось. ƒалее будет думаю намного лучше.
 (403x174, 64Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

¬торник, 22 ƒекабр€ 2009 г. 22:23ссылка
Lexyud, отлично! “ерпение и труд - все перетрут)
Serdoliks   обратитьс€ по имени ¬оскресенье, 27 ƒекабр€ 2009 г. 23:07 (ссылка)
—пасибо за урок! )))
ќтветить — цитатой ¬ цитатник
sophy-catherine   обратитьс€ по имени „етверг, 04 ћарта 2010 г. 00:16 (ссылка)
¬ааау... здорово!
ќтветить — цитатой ¬ цитатник
 омментировать   дневнику —траницы: [1] [Ќовые]
 

ƒобавить комментарий:
“екст комментари€: смайлики

ѕроверка орфографии: (найти ошибки)

ѕрикрепить картинку:

 ѕереводить URL в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку