Рисуем пиксельное дерево. Урок

Думаете, нарисовать пиксельное дерево сложно? Вовсе нет. В этом уроке я расскажу вам о довольно-таки быстром и простом способе рисования дерева в технике пиксель-арт.

1. Создайте новый документ произвольного размера. Мой размер 100х150.
2. Карандашом в 1 пиксель начинайте делать набросок ствола дерева. Делайте его корявым и неровным, импровизируйте. Если слишком сложно, можете подсмотреть формы у реального дерева. Я набросала вот такой контур:

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

4. Закрасьте внутри ствол и листву одним цветом, попутно корректируя форму.

5. Ну а теперь - самое интересное! :)) Мы будем добавлять текстуру нашему дереву. Сначала возьмемся за ствол. Выберите коричневый цвет немного светлее основного и начните рисовать произвольные линии. Рисуйте их в одном направлении, например, немного диагонально, если хотите создать иллюзию закрученного дерева. Добавляйте несколько разных оттенков, не забывайте о том, что дерево с одной стороны светлее, а с другой темнее. 

6. Точно так же работайте с листвой, меняйте только форму точек.

Рисуйте линии интуитивно, не задумываясь, и у вас может получиться что-нибудь интересное. Доверьтесь своим рукам! :))

А вот такое деревце получилось у меня. Надеюсь, у вас получится не хуже. :-)))

Автор урока: Santa Fulmine (Anna Potiy) ©

P.S. Если копируете урок, указывайте мой ник и давайте ссылку на блог.

Мультяшные облака в Photoshop. Урок

Как насчет нарисовать парочку симпатичных облаков в Фотошопе? Думаете сложно? На самом деле это очень просто. ;-))) И сейчас я поделюсь с вами этим секретом. :)))

1. Создайте новый документ произвольного размера. Залейте его голубым цветом (если хотите нестандартное небо, можете залить и зеленым :-) ). Чтобы наше небо с облачками выглядело живенько, добавим ему немного градиента. Идем в стили слоев и выбираем Gradient Overlay. Выбираем линейный градиент от светло-голубого к темно-голубому, угол 90 градусов.

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

Если вам все еще непонятно, как получается облачко из овалов, посмотрите на анимацию:

3. Теперь нам нужно объединить все слои с овалами. Кликните на верхний слой и, удерживая клавишу Shift, кликните на нижний (фон с небом не трогать). Все слои с овалами выделятся. Кликните на слоях правой клавишей мышки и выберите Merge Layers.

4. Добавим тени под облаком. В стилях слоев выберите Drop Shadows, с параметрами как на картинке:

5. А теперь добавим немного красивостей нашему облачку. Создайте новый слой (Shift+Ctrl+N), перейдите на него и, зажав клавишу Ctrl, щелкните на слое с облачком (но не на названии, а на квадратике левее, где изображена картинка). Создастся выделение. Оно нам нужно, чтобы не выходить за границы рисунка. Возьмите мягкую кисточку бледно-голубого или бледно-серого цвета и проведите внизу облачка и по бокам. В общем, где посчитаете нужным. Выделение при этом не снимаете. 

6. Вот, собственно, и все. Можете добавить еще парочку облаков или скопировать уже имеющееся и картинка готова. :)))

У меня получились вот такие забавные облака:

Автор урока: Santa Fulmine (Anna Potiy)  ©

P.S. Если копируете урок, указывайте мой ник и давайте ссылку на блог. 

Блестящая анимированная аватарка. Урок Photoshop

В сегодняшнем урок я познакомлю вас с анимацией в Photoshop. Анимации могут иметь разный вид, но принцип их создания одинаков. 

1. Откройте в Фотошопе выбранную картинку. Я взяла с новогодними шариками.

2. Дублируйте слой с картинкой (Ctrl+J) и примените к нему фильтр "Шум".

Filter>Noise>Add Noise.
Установите параметры как на картинке.

3. Мягким ластиком сотрите ненужную часть на слое с шумом. Я оставила шум только на самом шарике. 

4. Теперь перейдем к анимации. Я использую Photoshop CS3. Если вы используете другой, у вас могут быть отличия. Чтобы открыть окошко с анимацией нужно выбрать его в меню Window>Animation.

Если у вас вылезло вот такое окошко, кликните на значок, обведенный на картинке:

5. Подготовим все к анимации. Отключите видимость всех слоев, кроме первого (нажмите на значок глазика). Так как у нас только два слоя, то отключаем мы только слой с шумом.

В окошке с анимацией выберете длительность анимации (я поставила 0,1 секунду) и установите тип анимации "Forever". Если вы установите тип "Once", то анимация будет проигрываться только раз.

6. В окошке с анимацией создайте новый кадр. Выделенный квадратик на картинке, похожий на создание нового слоя в панели слоев. При этом должен быть выделенным первый слой в панели слоев. Как только вы создали этот новый кадр, перейдите на слой с шумом и сделайте его видимым (нажмите на место, где был глазик).

Вот, собственно, и все! Теперь вы можете просмотреть вашу анимацию, нажав на кнопочку "играть", такую же как на проигрывателях. :))

7. Нам осталось только сохранить нашу анимацию. 

Выбираем в меню File>Save for Web & Devices 

Тип файла обязательно выбираем GIF, так как только в нем сохраняется анимация.

8. Любуемся на результат и пользуемся плодами своего творчества. ;-))

Смена цвета волос. Урок Photoshop

Хотите посмотреть на себя в новом цвете, но не решаетесь покрасить волосы в радикальный цвет? Photoshop и здесь вам поможет. ;-)

1. Откройте фотографию в Фотошопе. Я взяла свою.

2. Создайте новый слой (Shift+Ctrl+N) и закрасьте кисточкой нужного вам цвета волосы.

3. Мягким ластиком подкорректируйте края. Затем смените режим наложения на Soft Light. Теперь стала видна текстура волос и они при этом приобрели определенный оттенок.

4. Чтобы сделать цвет более ярким и насыщенным, откройте в меню Image>Adjustments>Hue/Saturation. Поиграйте с настройками и подберите необходимый цвет.

5. Можно также поэкспериментировать с другими настройками из меню Adjustments.

Вот, что у меня вышло в итоге:

Осветляем затемненное фото. Урок Photoshop

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

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

1. Возьмите любую подходящую фотографию. Я взяла свое старое фото, снятое на телефон.

2. В Фотошопе заходим в меню Image>Adjustments>Shadow/Highlight.

3. И любуемся. :))) Можно поиграться с настройками, а можно оставить стандартные. Я выставила такие:

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

Для сравнения:

Однако будьте внимательны - не все фотографии выглядят хорошо после осветления. Если изначальное фото было не самого лучшего качества, то осветление его только испортит. Вот пример неудачного осветления, фото сделано на камеру телефона Samsung M3510, 2 Мп:

Также не стоит осветлять этим способом снимки, сделанные ночью с большим уровнем зернистости. Как, например, здесь (фотоаппарат Nikon Coolpix L120, снято ночью, не помню в каком режиме):

Лучше всего использовать для осветления качественные фотографии. Хотя при должном умении можно превратить в конфетку даже самое плохое фото. :))

Урок по макияжу в Photoshop

Иногда хочется придать фотографии более яркий вид, добавить ей того, чего не хватает. Например, украсить лицо девушки макияжем. Это совсем несложно и Фотошоп вам в этом поможет.
Для начала найдите фото, которые вы хотите улучшить. Я взяла фото девушки в интернете.

1. Создайте новый слой. Для этого нажмите на значок, указанный на картинке или нажмите сочетание клавиш Shift+Ctrl+N.

2. Возьмите инструмент кисточка (мягкая, небольшого размера) и аккуратно закрасьте любым цветом часть глаз, где должен быть макияж.

3. Измените режим наложения на Soft Light. Теперь тени на глазах выглядят более натурально.

4. Конечно, можно остановиться и на этом шаге, но мы добавим еще немного красоты. Дублируем слой с макияжем (Ctrl+J) и в меню выбираем Filter>Noise с параметрами, как на картинке:

5. Изменим режим наложения на Exclusion с прозрачностью 25%. Теперь тени на глазах выглядят более натурально.

6. По желанию проделываем шаги 1-3 для губ и любуемся на результат.

Приятного творчества!!

Деревянная рамка в Photoshop. Урок

Предлагаю сделать простую рамочку под дерево в Фотошопе. Результат должен получится таким:

1. Итак, начнем. Откройте картинку для которой вы хотите сделать рамочку. Размер не имеет значения. Я для примера взяла свой скриншот из игры The Sims 2.

Зажимаем клавишу Ctrl и левой кнопкой мыши кликаем на картинку слоя в панели слоев.

2. Далее выбираем в меню Select>Modify>Contract и вводим число. Я выбрала 20. Это значит, что выделение картинки уменьшится на 20 пикселей и ровно столько же будет наша будущая рамочка по размеру.

3. Теперь нам нужно выделить саму рамочку, а не центральную часть картинки. Для этого, не снимая выделения, нажимаем одновременно клавиши Ctrl+Shift+I (какой при этом включен язык не имеет значения). И мы увидим как выделилась наша будущая рамочка.

4. Не снимая выделения, создадим новый слой. Можно зайти в меню Layer>New>Layer, зажать клавиши Shift+Ctrl+N или же нажать кнопочку в панели слоев.

Лично мне кажется удобнее последний вариант.

5. Не снимая выделения, заливаете новый слой при помощи инструмента заливка коричневым цветом. Я взяла цвет 744e03.

6. А сейчас начнется самое интересное. Идем в меню Filter>Noise>Add noise и выбираем настройки, какие нам понравятся.

Я выбрала:

Amount — 42,44

Distribution — Uniform

Monochromatic

7. В следующем шаге мы, наконец, придадим нашей рамочке текстуру дерева. Слой с рамочкой должен быть выделен, иначе фильтр, который мы будем сейчас использовать подействует на все пространство картинки, а нам это не нужно.  Значит, мы выделили нашу рамочку (для этого зажимаем клавишу Ctrl и кликаем на картинку в панели слоев, как мы делали в шаге №1). Далее идем в меню Filter>Blur>Motion Blur и выбираем настройки, как на скриншоте, то есть ставим угол 90° и расстояние в 16 пикселей.

В принципе мы получили деревянную текстуру, но давайте сделаем нашу рамочку посимпатичней.

8. Для этого, находясь на слое с рамочкой, в панели слоев выбираем Add layer style>Stroke. Таким образом мы добавим нашей рамочке обводку.

В меню выбираем черный цвет, оставляем позицию Outside и делаем размер обводки в 1 пиксель.

9. Далее все в том же меню стилей выбираем Bevel and Emboss и меняем стиль на Pillow Emboss. Нажимаем ОК.

10. Теперь добавим немного тени внутри рамки. Повторим шаг 1 и 2. Затем создадим новый слой и зальем его черным цветом. Далее выделим этот слой и снова повторим шаги 1 и 2, но на этот раз выберем 5 пикселей.

11. Выбрали? Нажимаем клавишу Delete, чтобы удалить середину. В итоге у нас получается еще одна тоненькая рамочка в 5 пикселей. Но, так как мы хотели создать тень, а не рамочку, то давайте ее слегка размоем. Для этого идем в меню Filter>Blur>Gaussian Blur и выбираем радиус размытия в 2 пикселя.

12. Ну и последний штрих! Добавим нашей рамочке немного резкости. Для этого заходим в меню Filter>Sharpen>Sharpen.

Вот и все! Наша деревянная рамочка готова!