-¬сегда под рукой

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

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

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

 

 -»нтересы

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

 -—ообщества

„итатель сообществ (¬сего в списке: 1) Photoshopinka

 -—татистика

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

”роки фотошопа.”рок 2 рисуем волосы

ƒневник

—реда, 13 ћарта 2013 г. 14:41 + в цитатник
¬ этом уроке вы научитесь основам рисовани€ волос.

1. —оздадим новый документ и новый слой комбинаци€ми клавиш, соответственно CTRL+N и SHIFT+CTRL+N. «альем его нейтральным светло-коричневым цветом, или другим, на ваше усмотрение, главное, чтобы он не был слишком €рким.

2. ¬ыберите инструмент  исть (Brush) и начните создавать приблизительный набросок прически.

3. “еперь рисуйте более темные пр€ди волос.

4. ”точн€ем форму и цвет. ƒл€ изменени€ размера кисти используйте клавиши [ или ].

5. “онкой кисточкой рисуем отдельные волоски. ћожно создать кисть самому, чтобы сразу рисовать множество тонких волосков.

6. —делаем небольшие тени под волосами, где они должны спадать на лицо. Ёто придаст объем и естественность.

7. ѕостепенно, не тороп€сь, прорабатываем детали нашей прически. ƒобавл€ем тень или осветл€ем отдельные пр€ди, рисуем кончики волос. Ћучше всего проработку мелких деталей, игры света и тени вести на отдельных сло€х. «атем, комбиниру€ прозрачность, а иногда и режимы наложени€, можно добитьс€ очень хороших результатов.


¬от что получилось в итоге.

ј если применить настройки ÷вет/насыщенность, можно получить вот такую креативную прическу!


¬от и закончилс€ 2 урок ждите новых уроков!!!
–убрики:  уроки фотошопа
анимаци€ автомобиль

ћетки:  

”роки фотошопа.”рок 1 Ѕыстрое выделение и заливка

ƒневник

¬торник, 12 ћарта 2013 г. 15:58 + в цитатник
ѕрежде всего, вам необходимо установить программу Adobe Photoshop на свой компьютер. ѕрограмма платна€ и купить ее вы можете на сайте производител€ Adobe, либо попробуйте поискать и скачать ее бесплатно на просторах интернета.

»так, вы установили и запустили программу Adobe Photoshop.

Ёто главное окно программы. Ќе пугайтесь обилию элементов интерфейса и всевозможных инструментов, всего за несколько дней вы вполне освоитесь в этой среде. –ассматривать из чего состоит это окно, мы сейчас не будем, на практике это будет проще и пон€тнее.
—оздание нового файла
ўелкаем ‘айл -> Ќовый. –ассмотрим по€вившеес€ окно:


»м€ (Name) - им€ будущего документа. „аще всего этот параметр не задают, а им€ файлу назначают при сохранении.


Ўирина (Width) и ¬ысота (Height) - ширина и высота будущего изображени€. ”добнее всего задавать в пикселах. ѕиксел - единица изображени€ в растровой двухмерной графике. »менно из пикселов, как из кирпичиков, строитс€ изображение.


–азрешение (Resolution) - количество точек на единицу длины. „ем выше этот показатель, тем качественнее изображение, но и больший размер файла. ѕоэтому за норму прин€то разрешение в 72 пиксела на дюйм (так называемое экранное разрешение).


–ежим (Color mode) - самый распространенный RGB цвет (color), т.к. позвол€ет использовать все видимые человеческим глазом цвета. √лубина цвета задаетс€ в битах, хватает стандартных 8 бит.


—одержимое фона (Background contents) - определ€ет фон изображени€ (белый, прозрачный, цвет заднего плана).

ќстальные настройки используютс€ редко. —делайте настройки как на картинке и щелкайте OK.

ѕалитра инструментов
„аще всего вам придетс€ работать с палитрой инструментов.

—егодн€ мы рассмотрим лишь некоторые из этих инструментов:

»нструменты выделени€

photoshop - инструменты выделени€ - выделение. ўелкните по этому инструменту и удерживайте левую клавишу мыши, раскроетс€ меню выбора: пр€моугольное выделение, эллиптическое выделение, одиночный столбец, одиночна€ строка.

«десь можно выбрать необходимое.

” каждого инструмента есть панель параметров, она находитс€ под строкой меню и мен€етс€ в зависимости от выбранного инструмента:

»так, дл€ пр€моугольного выделени€ имеем следующие параметры:

photoshop - выделение 1 - новое выделение. —оздаетс€ новое выделение, при этом имеющиес€ выделенные области (если они есть) исчезают.

photoshop - выделение 2 - добавить к выделению. ќбозначенна€ область добавитс€ к уже существующему выделению.

photoshop - выделение 3 - удалить из выделени€. »сключает выделенную область из выделени€.

photoshop - выделение 4 - выделить пересечение. »з двух выделений (старого и нового) выделит область пересечени€.

–астушевка - по кра€м выделени€ по€вл€етс€ область частично выделенных пикселов. ѕозвол€ет сделать плавный переход объекта в фон.

—тиль - задает способ выделени€: нормальный (normal) - свободное выделение, заданные пропорции (fixed aspect ratio) - пропорциональное выделение, фиксированный размер (fixed size) - область выделени€ заданного размера.

ƒл€ всех инструментов выделени€ параметры аналогичны.

ѕопробуем на деле:

¬озьмите инструмент пр€моугольное выделение (щелкните по нему), подведите курсор мыши в левый верхний край белого полотна созданного в начале урока файла, нажмите левую клавишу мыши и, не отпуска€, раст€гивайте квадратик (рис.1).

“еперь на панели параметров щелкните по иконке "добавить к выделению", подведите курсор мыши к центру нашего квадратика, нажмите левую клавишу мыши и, не отпуска€, раст€ните еще один квадратик (рис.2).

“еперь на панели параметров щелкните по иконке "удалить из выделени€", подведите курсор мыши к центру нашего второго квадратика, нажмите левую клавишу мыши и, не отпуска€, раст€ните квадратик (рис.3).

ƒолжно получитьс€, как на рис.4.

ќставим пока так и посмотрим, как выбирать и задавать цвета.

¬ыбор цвета

ќсновные цвета изображени€ задаютс€ с помощью двух квадратиков внизу палитры инструментов. photoshop - выбор цвета
1 - цвет переднего плана.
2 - цвет фона.
3 - установить цвета по умолчанию (т.е. черный и белый).
4 - помен€ть местами цвета переднего плана и фона.

ўелкните по квадратику, и откроетс€ окно сборщика цветов. ўелкните по понравившемус€ цвету, а затем ќ . ÷вет, который вы выбрали станет цветом переднего плана. “еперь щелкните по "помен€ть местами цвета переднего плана и фона" и проделайте тоже самое со вторым квадратиком. ѕодробнее о цвет читайте в статье цвета дл€ web.

“еперь рассмотрим следующую группу инструментов.

»нструменты заливки

photoshop - инструменты заливки - заливка. ўелкните по этому инструменту и удерживайте левую клавишу мыши, раскроетс€ меню выбора: градиент и заливка.

«десь можно выбрать необходимое.

¬едро - заливает изображение (выделение) цветом или текстурой.

–ассмотрим панель параметров:

»так, дл€ заливки имеем следующие параметры:

«аливка (fill) - определ€ет, что использовать в качестве "краски": основной цвет (foreground)зальет основным цветом, шаблон (узор - pattern) зальет некоторым узором.

Ўаблон (pattern) - узор дл€ заливки.

–ежим (mode) - способ наложени€ пикселов, значений много и рассматриватьс€ будут по мере необходимости.

Ќепрозрачность (opacity) - определ€ет степень прозрачности заливки.

ƒопуск (tolerance) - диапазон цветов дл€ заполнени€.

√алочка сглаживание означает см€гчить кра€ перехода.

ѕопробуем на деле:

¬озьмите инструмент заливка (щелкните по ведру), подведите его вовнутрь выделени€, сделанного на предыдущем шаге, и щелкните мышкой. Ќаше выделение окраситс€ в цвет переднего плана (по умолчанию - черный).

“еперь на панели параметров выберете: «аливка -> ”зор, ”зор -> любой понравившийс€.

—нова подведите наше ведро вовнутрь выделени€ и щелкните. “еперь оно залито шаблоном и выгл€дит так:

ќбратите внимание, в открывающемс€ окне шаблонов, представлена лишь небольша€ их часть. ≈сли щелкнуть по стрелочке справа, то откроетс€ меню, внизу которого указаны другие коллекции шаблонов. »х можно добавить к имеющимс€.

photoshop - выбор инструментов градиент - градиент. —оздает заливку с плавным переходом между двум€ или несколькими цветами.

–ассмотрим панель параметров:

- если щелкнуть по срелочке справа, то откроетс€ палитра с вариантами градиента, при двойном щелчке перед стрелкой откроетс€ окно редактировани€ градиента (здесь можно настроить свои варианты градиента).

photoshop - выбор инструментов вид градиента - определ€ет вид градиента (слева направо - линейный, радиальный, угловой, отраженный, ромбовидный).

»нверси€ (reverse)- галочка указывает геометрически перевернуть градиент.

ƒизеринг (глубина - dither) - галочка указывает сгладить дл€ уменьшени€ сегментации.

ѕрозрачность (transparency) - галочка указывает на использование прозрачности.

ѕопробуем на деле:

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

ќбратите внимание на первые два квадратика в открывающемс€ окне выбора градиента. ќни используют цвета, установленные вами, как цвета переднего плана и фона (цветные квадратики внизу панели инструментов). ѕервый градиент осуществл€ет плавный переход из основного цвета в фон, второй - из основного цвета в прозрачность.

“еперь подведите курсор мыши к середине левой стороны нашего выделени€, нажмите левую клавишу мыши и, не отпуска€, прот€ните линию до середины правой стороны(рис.1)
“еперь прот€ните линию градиента по диагонали (рис.2)
ј теперь сверху вниз (рис.3)

ѕосмотрите на разницу и поэкспериментируйте с различными градиентами и их видами.

—охранение изображени€
Ќаш урок подходит к концу, осталось только научитьс€ сохран€ть наши шедевры.

ўелкните пункт меню ‘айл (File), в отрывающемс€ меню вы увидите привычный пункт -—охранить  ак (Save As)- и новый - —охранить дл€ Web (Save for Web). –азберемс€ какой дл€ чего.

≈сли вы работаете над изображением и хотите иметь возможность измен€ть его в будущем, то следует выбрать пункт меню - —охранить  ак (Save As)

√де сохран€ть и какое им€ дать - ваше личное дело, а вот формат будет *.PSD;*.PDD. »менно в этом формате сохран€ютс€ все ваши настройки (у нас их пока нет, но позже по€в€тс€). “аким образом, сохран€етс€ не картинка целиком, а сохран€ютс€ ее части, каждую из которых вы сможете изменить когда захотите.

≈сли же ваше изображение готово, то выбирайте пункт меню - —охранить дл€ Web (Save for Web). »зображение будет сохранено оптимизированным дл€ »нтернета (т.е. с наилучшим сочетанием качество\размер файла). ќтрывшеес€ окно сохранени€ следует рассмотреть подробнее:

„етыре вкладки наверху предлагают посмотреть варианты изображени€:

ќригинальный (original) - изображение как оно есть.  ак imправило, большой размер файла, недопустимый дл€ web.
ќптимальный (optimized) - оптимальное соотношение качества и размера файла с точки зрени€ программы.
2-up, 4-up - соответственно два и четыре варианта изображени€ р€дом, внизу каждого указан размер. ¬ы можете выбрать оптимальный на ваш взгл€д.

¬ правом верхнем углу этого окна задаютс€ дополнительные настройки:

«десь можно выбрать формат сохран€емого изображени€. ќбщие рекомендации - используйте форматы JPEG и PNG дл€ фотографий с тонкими реалистичными цветовыми переходами, формат GIF - дл€ контрастных, малоцветных рисунков.  стати, все рисунки на этой страницы сохранены в формате GIF.

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

»так, выбирайте самое оптимальное изображение на ваш взгл€д и щелкайте по кнопке —охранить (Save). ќткроетс€ уже привычное окно сохранени€, где следует указать ѕапку (куда сохранить) и »м€ файла, остальное будет уже указано, снова щелкаем по —охранить (Save). »зображение дл€ web готово.

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

„тобы закрепить эти навыки, поэкспериментируйте (создавайте разные по форме области и заливайте их различными способами).

Ќа следующем уроке вы научитесь работать с текстом и познакомитесь с основным пон€тием программы - сло€ми.



я понимаю,это сложно,но надо осваиватьс€!∆дите следующего урока!!!
–убрики:  уроки фотошопа
анимаци€ автомобиль

ћетки:  

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