Поиски себя!

Объявление

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Поиски себя! » Компьютерная графика и дизайн » Рисуем смайлики


Рисуем смайлики

Сообщений 31 страница 60 из 60

31

Это будет урок в картинках. Для тех, кто немного разбирается в фотошопе, он будет скучноват. Но я попыталась сделать его для "0" уровня.
ВАЖНО! Если что-то не вышло, то последнее действие можно отменить. Сочетание клавиш  Ctrl+Z. Или ОКНО ИСТОРИЯ в котором отображаются все ваши действия. Кликнете на последнее действие и тянете его в корзину (чуть правее и ниже в этом же окне).

Отредактировано Нашата (2010-04-21 02:06:51)

32

УРОК "РИСУЕМ СМАЙЛИК"
ШАГ 1. Создаем новый документ: ФАЙЛ_НОВЫЙ
Откроется такое окошко, где вы задаете такие же параметры, как у меня. А вот название документа выбирайте сами, можно и без него. Подтверждаем.
http://s46.radikal.ru/i113/1004/e7/2786542351a2.jpg

ШАГ 2. На панели инструментов выбираем ОВАЛЬНАЯ ОБЛАСТЬ.
ШАГ 3. Удерживая клавишу SHIFT, делаем выделение в виде круга. Если без SHIFT – получиться овал.
http://s44.radikal.ru/i104/1004/fe/1cd4313062b6.jpg

ШАГ 4. Закрашивание.
Есть несколько способов. Я покажу средний по сложности, но потом эти знания вам пригодятся для других работ.
1. На панели инструментов выбираем ГРАДИЕНТ.
http://i035.radikal.ru/1004/7d/dc1e0cc0eb59.jpg
2. Теперь выбираем цвета, которые мы будем использовать для смайлика.
http://s006.radikal.ru/i214/1004/28/aef269a7650c.jpg
3. На панели вверху выбираем параметры: РАДИАЛЬНЫЙ и ОТ СВЕТЛОГО К ТЕМНОМУ. На панели инструментов (где цвета) есть переключатель ОСНОВНОЙ-ФОНОВЫЙ. Если будет темный сверху, то будет переход от оранжевого к желтому. Предлагаю попробовать разные варианты. Экспериментируйте.
http://s39.radikal.ru/i084/1004/7e/875a285bfac1.jpg
4. Теперь выбираем центр у нашего выделения и рисуем линию от центра к краю.
Отпускаем клавишу. Область закрашена.
http://i081.radikal.ru/1004/b5/06119898d250.jpg
http://i076.radikal.ru/1004/d1/b0d1d6cec5fe.jpg
Готово. Можно оставить так. Но я предлагаю добавить некий объемный эффект.
5. В окне СЛОИ нажимаем на кнопку ДОБАВИТЬ СТИЛЬ СЛОЯ. Выбираем ТЕНЬ.
http://s58.radikal.ru/i161/1004/ea/5172564142bd.jpg
http://s59.radikal.ru/i163/1004/85/e2a5b8b91865.jpg
В открывшемся окне выбираем такие же параметры. Если не нравиться результат, то следует "поиграть" ползунками и добиться желаемого, именно для вас, результата.
http://s39.radikal.ru/i083/1004/cd/84e3ccf7cb00.jpg
6. Повторяем пункт 5, только теперь выбираем ВНУТРЕННЯЯ ТЕНЬ – экспериментируем.
http://s52.radikal.ru/i136/1004/12/9383a48ae646.jpg

Отредактировано Нашата (2010-04-21 00:36:03)

33

Теперь будем рисовать саму мордашку.

ЭТО ОЧЕНЬ ВАЖНО! НАЧИНАЕМ РАБОТАТЬ СО СЛОЯМИ. КАЖДЫЙ СЛЕДУЮЩИЙ ШАГ БУДЕТ В НОВОМ СЛОЕ.

ШАГ 5. Создаем новый слой.
http://s60.radikal.ru/i169/1004/e9/d62dd59d28c5.jpg

ШАГ 6. Глазки.
1. Панель инструментов ОВАЛЬНОЕ ВЫДЕЛЕНИЕ.
2. Выделяем овальную область в виде глаза (размеры и формы – ваша фантазия).
http://i072.radikal.ru/1004/df/29a63795ef6a.jpg

ШАГ 7. Закрашиваем выделенную область.
1. РЕДАКТИРОВАНИЕ_ВЫПОЛНИТЬ ЗАЛИВКУ.
http://s12.radikal.ru/i185/1004/4c/fd94d68fdb04.jpg
2. В появившемся окне выбираем цвет.
http://s45.radikal.ru/i107/1004/c8/880fae1325fc.jpg
http://i064.radikal.ru/1004/8c/4a24db5cf7e6.jpg
3. Этот пункт можно пропустить (по желанию) Я буду делать обводку глаза.
Для этого проделаем уже знакомое вам действие.
Окно СЛОИ. Нажимаем ДОБАВИТЬ СТИЛЬ СЛОЯ. Выбираем ОБВОДКА.
http://i069.radikal.ru/1004/b6/68c240ac7085.jpg
В появившемся окне задаем нужные параметры.
http://s57.radikal.ru/i156/1004/37/138b19232551.jpg
Результат работы.
http://s005.radikal.ru/i209/1004/8d/d55ffbfb3d80.jpg

ШАГ 8. Копируем 2 слой (глаз).
1. ПАНЕЛЬ ИНСТРУМЕНТОВ_ПЕРЕМЕЩЕНИЕ.
2. Окно СЛОИ. Кликнем на 2 слой и перетягиваем его на кнопочку СОЗДАТЬ НОВЫЙ СЛОЙ или сочетание клавиш Ctrl+J. Получили копию.
3. Перетягиваем глаз на нужное место.

http://i056.radikal.ru/1004/6e/fe96f31ec4d0.jpg

ШАГ 9. Рисуем зрачки.
1. Создаем новый слой. (СМ. ВЫШЕ)
2. ПАНЕЛЬ ИНСТРУМЕНТОВ_КИСТЬ. Выбираем нужную кисть и диаметр.
3. Выставляем нужный цвет.
4. Ставим зрачки.
http://i030.radikal.ru/1004/0a/ec0129adad00.jpg

ШАГ 10. Рисуем рот.
1. Создаем новый слой.
2. ПАНЕЛЬ ИНСТРУМЕНТОВ _ОВАЛЬНАЯ ОБЛАСТЬ. Делаем овальное выделение. Обратите внимание на панель вверху. Сейчас активна область, которая добавляет выделение.
http://s58.radikal.ru/i160/1004/88/dd172f3aefab.jpg
3. Переключаем на ВЫЧЕТАНИЕ ИЗ ВЫДЕЛЕНОЙ ОБЛАСТИ. И делаем выделение так, чтобы получился рот.
http://i053.radikal.ru/1004/88/c4e45f49aaa0.jpg

ШАГ 11. Закрашиваем рот.
Повторяем ШАГ 7. Без обводки.
http://s19.radikal.ru/i192/1004/1c/2e14c90fe1ce.jpg

ШАГ 12. Меняем форму рта (если нужно).
1. Сочетание клавиш Ctrl+Т. Появилось выделение. Кликнем ПК мыши, выбираем – ДЕФОРМАЦИЯ.
http://s61.radikal.ru/i172/1004/4b/b8185418a69e.jpg
2. Дальше дело вашей фантазии

Отредактировано Нашата (2010-04-21 01:01:26)

34

Смайлик готов. Теперь можно его художественно украсить: щечки, носик и т.д.
Я покажу, как сделать блик, для придания объема.
1. Создаем новый слой.
2. Выделяем область (это вы уже умеете).
3. Градиент. (шаг 4 урока). Только: ЛИНЕЙНЫЙ. ПЕРЕХОД ИЗ ЦВЕТА В "ПУСТОТУ".
4. Рисуем.
http://s56.radikal.ru/i153/1004/d1/d6add3a365cc.jpg

Я сделала неаккуратное выделение. И заливка произошла больше, чем голова. Это можно исправить.
1. ПАНЕЛЬ ИНСТРУМЕНТОВ_ЛАСТИК. Выбираем нужный размер.
2. Подтираем лишнее.
http://s49.radikal.ru/i124/1004/ec/f63d7063f44c.jpg

ВСЕ.

http://i032.radikal.ru/1004/2d/5b7d14d78b87.jpg

Отредактировано Нашата (2010-04-21 01:05:19)

35

Как сохранить. За время создания смайла получилось много слоев. Они нужны для анимации, а может, вам захочется изменить что либо. Сохранить нужно в psd. Я думаю вам лучше пройти эти уроки у Тани в школе фотошопа --> ШКОЛА ФОТОШОПА TanW

Отредактировано Нашата (2010-04-21 02:24:12)

36

Класс!

37

http://forumupload.ru/uploads/0000/0b/62/88307-5.gif  http://forumupload.ru/uploads/0000/0b/62/88307-5.gif  http://forumupload.ru/uploads/0000/0b/62/88307-5.gif  Лилечка, я не умею ставить ссылку http://forumupload.ru/uploads/0000/0b/62/88311-3.gif . Исправь, пожалуйста, там где школа фотошопа. Чтобы девченки могли кликнуть и она открылась.
А смайлик на тебя похож http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  http://forumupload.ru/uploads/0000/0b/62/88307-4.gif . Это мне у тебя учиться надо!

38

Нашата написал(а):

А смайлик на тебя похож

Такой же круглый? http://forumupload.ru/uploads/0000/0b/62/88307-4.gif

39

Лиля написал(а):

Такой же круглый?

http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  http://forumupload.ru/uploads/0000/0b/62/88307-4.gif
И еще ...
ВЕСНА - ПОРА ПЕРЕМЕН

40

http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  Ох, какой прикольный http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  Обсмеялась я сегодня http://forumupload.ru/uploads/0000/0b/62/88307-4.gif  Как прически классно меняются http://forumupload.ru/uploads/0000/0b/62/88308-1.gif

41

Наташенька, спасибо за МК. http://forumupload.ru/uploads/0000/0b/62/88308-1.gif  http://forumupload.ru/uploads/0000/0b/62/88308-2.gif  http://forumupload.ru/uploads/0000/0b/62/88307-3.gif  Надо и мне побаловаться как-то. Праздники в переди, может успею

Натуль, посмотри,пожалуйста, в сообщении №32 у меня почему-то не открываются картинки в пункте №4. У тебя открываются?

42

TanW написал(а):

спасибо за МК

Всегда пожалуйста!

TanW написал(а):

посмотри,пожалуйста, в сообщении №32 у меня почему-то не открываются картинки в пункте №4. У тебя открываются?

Да, все :dontknow:

43

Девочки у меня уже мозги кипят, столько у Вас новых идей я уж и незнаю куда мне умной и красивой пристроиться. Хочу все и сразу. Мне не хватает 24 часа в сутках, тем более сейчас, скоро лето. Хочу зимы пока я в дектерте мне надо успеть все попробовать. Я за этот год уже научилась больше чем за всю жизнь.

44

Девочки, кто-нибудь еще рисует смайлики? http://forumupload.ru/uploads/0000/0b/62/88307-5.gif

45

Я точно нет, но так хочу научится, для этого программа нужна?

46

Девочки, пожалуйста, подскажите кто-нибудь, можно ли в фотошопе сделать анимацию, подобно вот таким реалистичным:
[взломанный сайт] или http://i053.radikal.ru/1005/bd/2ce8bd2d391e.gif
Или что-то вот такое: [взломанный сайт]

47

Можно. Девушку с розой довольно просто, танцующие фигурки сложнее

48

Лёка написал(а):

так хочу научится, для этого программа нужна?

фотошоп

49

Лиля написал(а):

Можно. Девушку с розой довольно просто, танцующие фигурки сложнее

А как это сделать? Кто может научить? В теме от ЛюбыТим есть объяснения этой темы, но не очень подробно. А на мои вопросы никто не ответил. Наверное Любе некогда, а руки так и чешутся научиться! http://forumupload.ru/uploads/0000/0b/62/88307-1.gif

50

Так Люба уже год не пишет на нашем форуме... А вот в этой теме на предыдущей страничке есть отличный урок анимации от Наташи. Почитай, там очень подробно. Если останутся вопросы, задавай, я помогу разобраться. Но для начала почитай Наташины объяснения http://forumupload.ru/uploads/0000/0b/62/88307-5.gif

51

Лиля, я все прочитала, создание рисунка понятно, но как заставить картинку двигаться? Можно ли поподробнее, а то что-то у меня никак не получается. http://forumupload.ru/uploads/0000/0b/62/88312-2.gif Вот допустим я создала несколько похожих слоев. Например: на одном изображен колобок, который не улыбается. На другом, улыбается немного. На третьем рот до ушей и т.д.
После создания этих нескольких слоев что надо делать? Как ни мучилась с кнопкой "анимация" ничего не выходило.  http://forumupload.ru/uploads/0000/0b/62/88311-1.gif

52

После того, как созданы несколько слоев открывай палитру анимации (окно - анимация). У тебя должно быть открыто само изображение и два окошка - палитра анимации и палитра слоев. В палитре анимации нажимаешь на кнопочку вторую справа (там как листочек с загнутым краем нарисовано. Нажимаем ее столько раз, сколько у тебя будет кадров анимации. Теперь встаешь на первый кадр анимации в этой линеечке (в палитре анимации) и переходишь в палитру слоев. Там снимаешь значек глаза с каждого слоя, который не должен быть виден. Оставляешь например самый первый слой и слой с подписью. Переходишь в палитру анимации и нажимаем на второй кадр анимации. Опять идем в слои и убераешь глазок с первого слоя, а включаем глазок у второго слоя. Так проделываем со всеми кадрами анимации - то есть у каждого кадра анимации у тебя теперь видны разные слои картинки. Теперь нажимаем под палитрой анимации на кнопку плей - картинка оживает и начинает двигаться. Не забудь поиграть со временем задержки каждого кадра анимации... Очень надеюсь, что написала понятно. Если что, спрашивай  http://forumupload.ru/uploads/0000/0b/62/88307-5.gif

53

Точно, Лиля, вот что я не учитывала! Глазики! Я же их не трогала, а надо было переключать по совести))) http://forumupload.ru/uploads/0000/0b/62/88311-1.gif Спасибо большое, получилось! :flag:  Только теперь следующая проблема - не получается сохранить. Когда нажимаю "сохранить как..." а потом "Gif", то картинка сохраняется на столе, но уже не двигается. А когда нажимаю "сохранить для Web..." то появляется окошко с английским текстом, где мне намекают, что это сделать невозможно.

Там буквально написано: The image exceeds the size save for Web was designed for. You may experience out of memory errors and slow performance. Вы действительно хотите продолжить?

Отредактировано Феличита (2010-07-17 03:02:16)

54

Нашла перевод, смысл такой: "Изображение превышает размер сохранения для сети, Вы можете испытать из ошибок памяти и замедлить работу."
Кто-нибудь может помочь? http://forumupload.ru/uploads/0000/0b/62/88312-3.gif

55

А когда нажимаю "сохранить для Web..." то появляется окошко с английским текстом

У меня точно такое же все время комп говорит, но я плюю и все равно сохраняю http://forumupload.ru/uploads/0000/0b/62/88307-4.gif

56

Спасибо! http://s55.radikal.ru/i149/1107/50/b0f606b25423.gif Это мой первый смайлик по уроку... С руками, правда, накосячила...   http://www.kolobok.us/smiles/standart/wink3.gif Интересно, тренироваться надо!

57

Суперский какой! Мне как раз очень руки нравятся http://forumupload.ru/uploads/0000/0b/62/88308-1.gif

58

http://forumupload.ru/uploads/0000/0b/62/88307-5.gif Привет всем!http://forumupload.ru/uploads/0000/0b/62/88309-5.gif Вот нашол ваш сайт очень заитересовалоhttp://forumupload.ru/uploads/0000/0b/62/88308-1.gif хочу попробовать,сижу,качаю фотошоп. http://forumupload.ru/uploads/0000/0b/62/246454-5.gif

59

http://uploads.ru/t/2/Q/j/2QjwN.jpg
http://uploads.ru/t/x/M/f/xMfjW.jpg

60

Killzamir, очень рада! Скачаешь, приходи! У нас хорошая школа по фотошопу!
Лилюш, классные смайлики нарисовала! Теперь анимацию осваивай http://forumupload.ru/uploads/0000/0b/62/88307-5.gif


Вы здесь » Поиски себя! » Компьютерная графика и дизайн » Рисуем смайлики