-ѕоиск по дневнику

ѕоиск сообщений в parey

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

 

 -ѕосто€нные читатели

 -—татистика

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

«аписи с меткой adobe photoshop

(и еще 1603 запис€м на сайте сопоставлена така€ метка)

ƒругие метки пользовател€ ↓

adobe photoshop flash joomla легко настройка облако тегов полезные сервисы работа раскрутка сайт своими руками установка

–исуем шапку сайта дл€ галереи

ƒневник

„етверг, 20 ћа€ 2010 г. 10:51 + в цитатник

«дравствуйте уважаемые читатели моего персонального блога Ђ„то нам стоит блог построитьї. —овсем недавно мне довелось делать сайт одному своему знакомому, сайт представл€ет из себ€,† галерею рисунков выполненных в стиле карандашной графики. —обственно в данном посте € бы хотел описать, заодно пополнив рубрику ЂЌемного о дизайнеї, то как € рисовал шапку дл€ него, делал € еЄ основыва€сь на другом уроке с Photoshop ћастер.ru, однако походу € всЄ равно делал по своему. ј в данном уроке € еЄ ещЄ раз переделаю



¬ общем если интересно читаем дальше.



ƒл€ начала € создал новый документ (File-New) размерами 755 на 245 пикселей, но вы выбирайте свои размеры так как на итоговый вариант это не вли€ет, и в основном зависит от шаблона. †“ак или иначе € сделал прозрачный слой величиной 755 -245 пикс. ƒалее создаЄм новый слой (Layer Ц New Ц Layer)† или Ctrl-Shift-N, и заливаем его радиальным градиентом. “.е. выбираем инструмент Gradient Tool и выбираем вот такой градиент



Ќастройки цвета градиента выгл€д€т у мен€ следующим образом



«аливаем сверху вниз, результат должен выгл€деть следующим образом



ƒалее создаЄм новый прозрачный слой, дл€ которого выставл€ем параметр Fill Ц 18%. ѕосле чего инструментом Elliptical Marquee Tool выдел€ем центральную область



«аливаем еЄ белым цветом, после чего ищем в верхнем меню Filter переходим (Filter Ц Blur Ц Gaussian Blur) и настраива€ параметр Radius добейтесь как бы м€гкого высвечива€ центральной области.


—ледующим шагом мы вновь создадим новый слой с параметром Fill Ц 85%. ѕосле чего берЄм инструмент Rectangular Marquee Tool и выдел€ем область нужной вам высоты (потом в этом месте будет название сайта) иЕ вновь воспользуемс€ градиентом (краеугльоный камень нашего урока :) ) правда на этот раз обычным.


¬от его настройки цвета



“еперь вновь двигаемс€ в верхнюю панель и переходим по пунктам (Edit Ц Transform Ц Distort). ЂЌаклон€емї наш градиент. ѕосле чего в свойствах сло€ (Blending Options) включаем параметр Ђ¬нешней тениї (Drop Shadow). Ќу вроде бы с этим слоем закончили. Ќа данном этапе результат выгл€дит следующим образом



» вновь закинул старик свой невод, а € создал ещЄ один слой.  стати с фоном закончили так что слои, все кроме последнего с полоской градиента, можно объединить, дабы не запутатьс€ потом, к тому же работа с большим количеством слоЄв может значительно нагрузить систему, всЄ конечно зависит от того кака€ у вас сборка компьютера, но всЄ таки лучше перестраховатьс€. » ещЄ, можно слой с полоской который мы не склеили сделать пока невидимым, и рисовать линии как бы из под него, потом снова его включим и разместим поверх остальных. Ќу так вот, на новом прозрачном слое мы будем рисовать красатулишные свет€щиес€ ниточки. ƒл€ этого мы воспользуемс€ инструментом под названием Pen Tool. –исуем нечто похожее на рисунок ниже



Ќарисовали? “еперь берЄм инструмент кисть (Brush Tool) толщину выберете сами, у мен€ это 6 пикс, заодно настройте м€гкость как вам угодно. “еперь берЄм инструмент Direct Selection Tool кликаем им (правой кнопкой) по нашей линии и выбираем пункт Stroke Path, и выбираем кисть, далее в опции имитировать нажим (Simulate Pressure) ставим галочку и жмЄм Ђќ ї.



¬ свойствах сло€ (Blending Options) настраиваем свечение, цвет, обводку по вашему вскусу.



“еперь делаем новый слой оп€ть рисуем какую нить нитку и обводим. —разу скажу что лучше каждую ниточку делать на своЄм отдельном слое и потом поэкспериментировав с настройками этих слоЄв, получить красивые, разноцветные, с разной интенсивностью свечени€ нитки. ¬ общем фантазию вам в помощь. ¬ самом конце добавл€ем нужный текст. » всЄ. Ќадеюсь урок вам понравилс€, если € что то упустил, напомните мне об этом в комментари€х. ¬ы так же можете первыми получать мои статьи если подпишитесь по RSS, а так же читать мен€ в twitter и friendfeed. ¬ общем успехов вам удачи и пока.





ѕохожие статьи

  1. —оздаЄм красивый логотип на сайт



ћетки:  

—оздаЄм красивый логотип на сайт

ƒневник

„етверг, 20 ћа€ 2010 г. 10:49 + в цитатник

» вновь рад приветствовать вас на страницах своего персонального блога Ђ„то нам стоит блог построитьї. ¬ данным постом € решил всЄ таки начать оживление рубрики ЂЌемного о дизайне сайтаї. ѕо аналогии с другими рубриками блога, в этой € попытаюсь рассказать о том как сделать ваш сайт чуточку красивее. » как вы пон€ли из названи€, начнЄм мы с логотипа, совмещу при€тное с полезным и логотип нарисую и пост в блог напишу. ” мен€ стоит англо€зычный Adobe Photoshop 8.0, на нЄм и буду работать. » так поехалиЕ.


¬ конечном итоге логотип выгл€дит примерно вот такЕ




ƒл€ начала открываем Photoshop и создаЄм файл нужных вам размеров† на прозрачной (Transparent) основе (File Ц New), € сделал 700/300 пикселей, но потом обрежу. †»нструментом Rectangular Marquee Tool выдел€ем всю область и заливаем еЄ чЄрным цветом. “еперь создаЄм ещЄ один слой (Layer Ц New) и располагаем его поверх первого. —делав активным верхний слой† берЄм инструмент Horizontal Type Tool, и пишем требую вам надпись. Ћично € писал шрифтом со злобным названием ЂTerminator Cyr 4ї, он у вас вр€д ли есть, но вы можете скачать архив со шрифтами и покопатьс€ там, †шрифт из примера находитьс€ там же. Ќу да ладно, пишем значит надпись, у мен€ это будет моЄ доменное им€ Ђblog.web-you.ruї и закрашиваем еЄ любым на ваш выбор цветом, € решил закрасить сереньким. „то бы легко закрасить надпись, кликните по слою правой кнопкой мыши вы выберете пункт ЂRasterize Layerї и можно смело заливать краской надпись.



“еперь нам надо сделать две копии нашей надписи, дл€ этого мы три раза скопируем слой с надписью выделив его правой кнопкой мыши и выбрав опцию ЂDuplicate Leyerї.



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


ѕравить мы будем свойства сло€, а потому кликаем по нему правой кнопкой и выбираем пункт ЂBlending Optionsї. » первый настраиваемый пункт будет ЂDrop Shadowї.


¬от скриншот с настройками



ƒалее переходим к параметру Inner Glow (внутреннее свечение) настраивать его следует примерно так



“еперь переходим к вкладке градиента и настраиваем



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


ѕод конец добавл€ем внешнюю обводку (Stroke) величиной в 1 px. «акрываем свойства сло€, после чего выставл€ем параметр Fill примерно на 25%.


» мы торжественно переходим к настройкам второй копии, дл€ этого сперва сделаем еЄ видимой, и по традиции перейдЄм к пункту ЂBlending Optionsї. ¬ принципе тут настроить надо лишь обводку (пункт Stroke)



ѕараметр Fill этого сло€ должен быть равен 0


ƒелаем видимой третью копию сло€ с текстом. Ќастало врем€ добавить небольшой блик на надпись. ƒл€ этого на панели инструментов выбираем слева выбираем инструмент под названием Rectangular Marquee Tool (который выдел€ет пр€моугольные области) и зажав клавишу CTRL кликаем по нашему слою в панели слоЄв, надпись должна выделитьс€. “еперь выбираем инструмент Elliptical Marquee Tool (выдел€ть области формы эллипсом) и зажав на сей раз клавишу ALT делаем примерно такое выделение



“еперь в верхнем меню выбираем† опцию Select Ц Inverse и жмЄм Dell на клавиатуре. ≈сли вы проделали всЄ правильно должно получитьс€ что то вроде этого



≈сли не получитьс€ попробуйте изменить градиент в первой копии сло€ с тектом.


ѕараметр Fill дл€ сло€ с бликом € выбрал 75%.


“еперь необходимо немного Ђподсветитьї нашу надпись снизу. ƒл€ этого мы и создаЄм новый слой, располага€ его выше всех остальных. ѕараметр Fill выставл€ем 5-10% (можно и поменьше). “еперь берЄм уже знакомый нам инструмент† Elliptical Marquee Tool и рисуем область под надписью так, что бы надпись как бы сто€ла на эллипсе, после чего заливаем область белым цветом. “еперь смотрим в верхнее меню и ищем там Filter. » переходим Filter – Blur – Gaussian Blur. ѕараметром Radius настроите нужную вам плавность и собственно всЄ. ≈сли интересно у мен€ получилось вот так



Ќу и наконец завершающа€ часть рисовани€ логотипа это огоньки. ƒл€ их по€влени€ нам потребуетс€ создать новый слой, расположив его поверх всех остальных и полностью закрасив его †чЄрным цветом. “еперь нам потребуетс€ воспользоватьс€ фильтром Lens Flare (Filter Ц Render – Lens Flare). «атрите посторонние линии и всЄ вокруг огонька, уменьшайте размер. «атем в верхнем† меню ищем Image – Adjustments – Hue/Saturation и подбираем нужный цвет



“еперь сменим тип наложени€ сло€ на Color Dodge и перетаскиваем огонЄк в требуемое место, потом копируем слой и снова располагаем как надо. ¬ принципе всЄ, копии слоЄв с текстом можно объединить дл€ удобства, да и копии сло€ с огоньками тоже. ћне кажетс€ логотип получилс€ неплохой, и поэкспериментировав со светом его можно вписать в любой дизайн.


Ќадеюсь вам понравилс€ пост не стесн€йтесь комментируйте, если вы хотите читать новые статьи блога первыми вы можете подписатьс€ по RSS, а так же следовать за мной в twitter и friendfeed.




ѕохожие статьи

  1. –исуем шапку сайта дл€ галереи



ћетки:  

 —траницы: [1]