Навигация
Новости Мини игры Большие игры Горячие новинки От первого лица От третьего лица Стратегии Зомби Аниме Гонки РПГ Обои Квесты VR игры Леталки 8bit игры Open World Хорроры Арканоиды Песочницы Спортивные Платформеры Tower Defence Поиск предметов Кино трейлеры Детские игры Симуляторы Три в ряд Файтинги Для Андроид Русификаторы Для взрослых Читы и коды Софт
 
Сегодня 30 мая
День Святого Фердинанда Кастильского - покровителя губернаторов, заключенных и многодетных)
 
Скоро на Cat-A-Cat
 
Cat-A-Cat Рекомендует
 
ТОП недели
  • ИГРЫ
  • МИНИ ИГРЫ
28-05-2017, 16:50
Вчера, 18:28
26-05-2017, 10:07
26-05-2017, 23:31
26-05-2017, 23:33
24-05-2017, 16:20
28-05-2017, 17:13
26-05-2017, 08:44
27-05-2017, 01:26
28-05-2017, 18:51
Сегодня, 10:28
28-05-2017, 19:23
25-05-2017, 14:52
25-05-2017, 19:39
24-05-2017, 00:42

Открыть Топ-100
24-05-2017, 15:28
26-05-2017, 23:30
26-05-2017, 23:27
26-05-2017, 23:23
27-05-2017, 14:30
Вчера, 15:12
Вчера, 13:22
24-05-2017, 00:20
Сегодня, 11:09
25-05-2017, 14:54
Вчера, 13:23
26-05-2017, 23:28
Вчера, 23:13
27-05-2017, 00:45
28-05-2017, 17:17
27-05-2017, 00:47
28-05-2017, 19:46
28-05-2017, 19:48
25-05-2017, 19:42

Открыть Топ-100 мини
 
Календарь
«    Май 2017    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031 
 
Игровой архив
Май 2017 (293)
Апрель 2017 (312)
Март 2017 (277)
Февраль 2017 (229)
Январь 2017 (239)
Декабрь 2016 (121)
 
 
Урок - Создаем в Фотошоп оригинальные смайлы для Сайта
автор: Azaq , 24-12-2008, 13:03 ,

Создаем оригинальные смайлы для Сайта

В этом простеньком уроке речь пойдет о том, как создать в Фотошоп свои оригинальные смайлы для Сайта, форума, блога и т.п.
Вот смайлики, которые мы будем создавать в этом уроке (для примера):

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


1. Новый Документ, Создаем Фон.

Итак, создадим документ размером 400 x 120 px (размер может быть любым).

Теперь придадим нашему фону некоторого стиля (этот шаг очень опционален и к уроку со смайлами отношения не имеет - так просто симпотичнее). Начните с того, что заполните ваш фон светло серым оттенком, потом примените: Фильтр - Рендеринг - Эффекты освещения. Заключительным шагом примените эффект Шум: Фильтры - Шум - Добавить шум:

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


2.Создаем Фигуры Смайликов.

Выбираем Инструмент "Овальная область" на боковой панели программы:

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


Теперь определитесь, хотите ли вы, что бы мордочки у ваших смайлов были сглаженные или нет:

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


Я в этом уроке обойдусь без эффекта Сглаживания, так как для сайта это наиболее рационально (если только вы не используете ваши смайлы в *png)

Установите стиль выделения для Инструмента овальная область так:

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


После того как все настройки сделаны, кликните на документе и заполните ваше выделение черным. Обратите внимание - это лишь границы будущего смайла.

После заполнения выделения черным (или каким там вы его заполнили), создайте новый слой, затем сделайте меньшее выделение внутри первой фигуры. На этот раз можете сделать вашу фигуру сглаженной, если хотите. Размер меньшего выделения у меня составил 13x13px. Теперь когда выделили, заполните цветом по вашему выбору - белым например. (далее мы применим Наложение Градиента - цвет будет другим)

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


Теперь переходим к Параметрам Наложения и применим некоторые стили слоев, что бы придать виду завершенности. Можете поэксперементировать с эффектами на ваш выбор (но обязательно используйте Наложение Градиента). Вот, какие использовал я:

Теперь ваш смайлик выглядит примерно так:

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


Смотрится неплохо. Теперь остается добавить выражения на "лицах". Это тоже очень простая часть =)

3. Добавляем Эмоции на Лица.


Теперь добавим глазки, ротик, эффеты по необходимости на рожицы. Начнем с того, что создадим новый слой и схватим Инструмент "Карандаш". Теперь нарисуем глазки. Часто глазки на смайлах это просто 2px точки черного/белого, иногда просто линии, иногда они похожи на настоящие глаза, но в нашем случае я обойдусь 3px вертикальной линией:

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


Когда рисуете Инструментом "Карандаш", убедитесь, что выставлен размер кисти в 1px (можете понажимать несколько раз "[")

После того, как нарисовали глазки - русуем рот - это тоже очень просто (если не уверены- можете сделать рот из D или C =) )

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


Смотрится здорово! Теперь можете добавить каких- нибудь эффектов. например, если смайл смущается - добавьте красные области побокам, если влюблен - сердечки... проявите фантазию - можно придумаь=ть очень много ;)

Теперь соедините слои с лицевыми эффектами и спрячте их. Теперь переходите к созданию множества остальных вариантов! Неплохой идеей будет изменение градиента, цвета и прочих эффектов при создании остальных смайлов:

Урок - Создаем в Фотошоп оригинальные смайлы для Сайта


Неплохо, правда? В этом уроке это все, надеюсь вам понравилось. Можете загрузить PSD исходник к этому уроку тут:

и набор анимированых смайлов от автора тут:


Поделись с друзьями:

Поставь лайк!

 

Другие новости по теме:

LoveKami -Divinity Stage-
Esper Excite
A Post Nuclear RPG A.T.O.M.
Курилка игрового сайта. Новости, обсуждения и оффтоп
Space Engineers
Death Pages: Ghost Library Collector's Edition (2013) PC [ENG]


   
Добавление комментария. Отзывы об игре или фильме.

Name:
E-Mail:
  • oliver_80_anim_gifpriidu_80_anim_gifdull_tauri_80_anim_gifmalthe_80_anim_gifwhatsgoingon_80_anim_gifconfidential_80_anim_gifletsmeet_80_anim_gif
    holdon_80_anim_gifgames_80_anim_gifcomputer_80_anim_gifcar_80_anim_gifplane_80_anim_gifcamera_80_anim_gifcanyoutalk_80_anim_gif
    rainbow_80_anim_gifumbrella_80_anim_gifisland_80_anim_gifgoodluck_80_anim_gifsnail_80_anim_gifpoolparty_80_anim_gifbug_80_anim_gif
    toivo_80_anim_gifstop_80_anim_gifgottarun_80_anim_gifsmoking_80_anim_gifdrunk_80_anim_gifwoman_80_anim_gifman_80_anim_gif
    skype_80_anim_gifbomb_80_anim_gifmonkey_80_anim_gifbartlett_80_anim_gifdog_80_anim_gifbike_80_anim_gifcat_80_anim_gif
    sheep_80_anim_giftime_80_anim_gifmovie_80_anim_gifmail_80_anim_gifphone_80_anim_giftumbleweed_80_anim_gifstar_80_anim_gif
    ninja_80_anim_gifdancing_80_anim_gifdrink_80_anim_gifbeer_80_anim_gifcake_80_anim_gifmuscle_80_anim_gifcash_80_anim_gif
    pizza_80_anim_gifcoffee_80_anim_gifmusic_80_anim_gifsunshine_80_anim_gifrain_80_anim_gifflower_80_anim_gifheidy_80_anim_gif
    handshake_80_anim_gifno_80_anim_gifyes_80_anim_gifwfh_80_anim_gifbrb_80_anim_gifhands_in_air_80_anim_gifvictory_80_anim_gif
    poke_80_anim_gifpraying_80_anim_giffistbump_80_anim_gifhug_80_anim_gifbrokenheart_80_anim_gifheart_80_anim_gifbow_80_anim_gif
    call_80_anim_giftalktothehand_80_anim_gifidea_80_anim_giftalking_80_anim_gifpunch_80_anim_gifheadbang_80_anim_gifrock_80_anim_gif
    bandit_80_anim_giftmi_80_anim_giflalala_80_anim_gifemo_80_anim_gifwaiting_80_anim_gifshake_80_anim_gifnod_80_anim_gif
    smirk_80_anim_gifhighfive_80_anim_gifwhew_80_anim_gifrofl_80_anim_gifthinking_80_anim_gifclapping_80_anim_gifgiggle_80_anim_gif
    movember_80_anim_gifmakeup_80_anim_gifwait_80_anim_gifenvy_80_anim_gifangel_80_anim_gifdevil_80_anim_gifhi_80_anim_gif
    lipssealed_80_anim_gifnerd_80_anim_gifmmm_80_anim_gifworried_80_anim_gifparty_80_anim_gifitwasntme_80_anim_gifangry_80_anim_gif
    doh_80_anim_gifpuking_80_anim_gifyawning_80_anim_gifevilgrin_80_anim_gifinlove_80_anim_gifdull_80_anim_gifsleepy_80_anim_gif
    wondering_80_anim_gifblushing_80_anim_giffingerscrossed_80_anim_giftongueout_80_anim_gifkiss_80_anim_gifspeechless_80_anim_gifsweating_80_anim_gif
    crying_80_anim_gifsurprised_80_anim_gifwink_80_anim_gifcool_80_anim_gifbigsmile_80_anim_gifsadsmile_80_anim_gifsmile_80_anim_gif
    facepalm_80_anim_gifhappy_80_anim_giflfcworried_40_anim_giflfcparty_40_anim_giflfclaugh_40_anim_giflfcfacepalm_40_anim_giflfcclap_40_anim_gif
    turkey_40_anim_gifhanukkah_40_anim_giffestiveparty_40_anim_gifholidayspirit_40_anim_gifxmastree_40_anim_gifsanta_40_anim_gifholi_anim
    eid_animdiya_animladyvam_animghost_animpumpkin_animvampire_animskull_anim
    thriller_animyotm_40_anim_gifreindeer_40_anim_gifshopping_40_anim_gifsnowangel_40_anim_gifoye_animnaturescall_anim
    laddu_animkya_animbowled_animabe_animtubelight_animtandoorichicken_animbollylove_anim
    suryannamaskar_animbhangra_animrickshaw_animpullshot_animpromise_animnahi_animkaanpakadna_anime
    golmaal_animdonkey_animdiscodancer_animdhakkan_animchappal_animchai_animbell_anim
    feetontable_animyoga_animskip_animfootball_animfireworks_animcheese_animlove_kiss_anim
    fallinlove_40_anim_gifsturridge15_40_anim_gifhenderson14_40_anim_gifcoutinho10_40_anim_gifklopp_40_anim_gifchampagne_40_anim_gifgift_40_anim_gif
    computerrage_40_anim_gifpenguin_40_anim_gifpolarbear_40_anim_gifkey_40_anim_gifpig_40_anim_gifred_40_anim_giftvbinge_40_anim_gif
    unsee_40_anim_gifwhosthis_40_anim_gifwhistle_animslap_animnazar_animdonttalktome_animwtf_anim
    cryingwhilelaughing_animheadphones_40_anim_gifhungover_40_anim_giflistening_40_anim_gifshivering_40_anim_gifshock_40_anim_gifsloth_40_anim_gif
    thanks_40_anim_gifbusyday_40_anim_gifhero_40_anim_gifgran_40_anim_gif
Введите капчу:

 
 
   
 
Copyright © 2008-2016. Cat-A-Cat.Net - При использовании материалов сайта обратная ссылка обязательна  

наверх