Подписаться Бесплатная новостная рассылка Подписчиков 9 RSS

←   Ноябрь 2011   →
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23 23.11.2011 09:56:36 09:58:17 09:59:08	24	25	26	27
28	29	30

За последние 60 дней ни разу не выходила

Сайт рассылки: http://photoshop-zona.ru/
Открыта: 29-06-2011

Автор

Артеменко Любовь

Статистика

9 подписчиков
0 за неделю

• Выпуски
• Статистика

←   Все выпуски   →

Photoshop Zona Создание иконки Apple Safari в photoshop

Хотели бы узнать, как создать подобную Apple Safari иконку в Photoshop? Тогда оставайтесь нами, из этого урока вы узнаете, как создавать различные фигуры и различные стили слоя для создания эффектов. Заключительное изображение: Шаг 1. Создайте новый документ Файл-> Создать (File-> New) или нажмите комбинацию клавиш Ctrl+Shift+N. Для этого урока лучше создать документ большого размера, примерно 1300 х 1000, но вы можете выбрать любой размер. Шаг 2. Создадим новый слой Файл-> Создать (File-> New), так как это будет фоновый слой, назовем его “Фон”. Шаг 3. Дважды щелкните по слою “Фон”, для того, чтобы Добавить следующие стили слоя (Add a layer style): Шаг 4. У вас должен получиться приятный глазу градиент с небольшим шумом. Шаг 5. Пришло время начать работу над значком. Активируем инструмент Произвольная фигура (Custom Shapes Tools), выберите Тонкая круглая рамка (Circle Thin Frame tool). Шаг 6. После того как вы активировали инструмент Тонкая круглая рамка (Circle Thin Frame tool), зажмите и перетащите мышь (удерживая клавишу Shift), чтобы сделать небольшой круг. Давать название этому слою не обязательно, но автор назвал его "Внешнее кольцо". Двойной щелчок на этом слое, Добавим стили слоя (Add a layer style): Шаг 7. Теперь, когда мы добавили интересные эффекты на наше кольцо, нажмем кнопку Новый стиль (Layer Styles). Чтобы сохранить этот эффект, так как он понадобиться нам вновь, и тогда нам не придется добавлять стили снова. Вы можете придумать любое имя этому эффекту, только убедитесь что стоит галочка Включает эффекты слоя (Include Layer Effects). Шаг 8. Далее мы дублируем слой "Внешнее кольцо", и назовем его "Внутреннее кольцо", затем уменьшим его, чтобы он вписался в предыдущий слой. И Добавим стили слоя (Add a layer style): до его сохранения, а затем сохраним его как новый стиль, так же как и в предыдущем шаге. Шаг 9. Вот что у нас получилось. Шаг 10. Теперь, используя инструмент Эллипс (Ellipse tool), создадим круг, и Добавим стили слоя (Add a layer style): Шаг 11. Ваш результат должен выглядеть примерно как на картинке ниже: Шаг 12. Сейчас с помощью инструмента Эллипс (Ellipse Tool), создадим большой круг. Назовем этот слой "Внешний". Помните первый стиль слоя, который мы сделали для внешнего кольца? Для большого круга, мы снова будем использовать его. Убедитесь, что у вас активирован слой с большим кругом, и перейдите в Окно-> Стили (Window > Styles). Должна открыться панель стилей, прокрутив ее вниз, вы увидите этот стиль, который мы сделали ранее, вам необходимо выбрать его. Шаг 13. Дублируем слой "Внешний" и уменьшим его. Затем добавьте к нему второй эффект стиля слоя который мы сделали. У вас должно получиться что-то вроде этого: Шаг 14. Инструментом Эллипс (Ellipse Tool) (U), создадим новый эллипс, и Добавим стили слоя (Add a layer style): Шаг 15. К тому же слою, добавим градиентную заливку. Шаг 16. Теперь, переименуем слой в "Основа". Вот что у нас получилось. Шаг 17. Следующий шаг требует терпения. Активируем инструмент Прямоугольник (Rectangular Marquee Tool) (M) и сделаем небольшой прямоугольник, внутри синей части, заполним его белым цветом. Затем дублируем слой и повернем его немного. Продолжайте это делать, пока у вас не получиться круг. Затем изменим Режим смешивания слоя (Blend Mode) на Перекрытие (Overlay). Шаг 18. Активируем инструмент Произвольная фигура (Custom Shapes Tools) снова, и выберите Тонкая круглая рамка (Circle Thin Frame tool), чтобы создать два круга. Объединим оба слоя в один, дадим название этому слою "Круги". Измените Заливка (Fill) до 10%. Шаг 19. Используя инструмент Эллипс (Ellipse Tool), сделаем круг такого же размера, как и "Основа". Переименуем этот слой, в "Внутренняя основа" и Добавим стили слоя (Add a layer style): Шаг 20. Используйте Эллипс (Ellipse Tool), чтобы сделать еще один круг такого же размера, назовите его "Внутренняя основа 2" и Добавьте стили слоя (Add a layer style): Шаг 21. В этом уроке, автор создал значок компаса в Photoshop. Вы можете также создать свой собственный либо найти в интернете. Измените Непрозрачность (Opacity) и Заливка (Fill) на 65%, а Режим смешивания слоя (Blend Mode) на Линейный осветлитель (Linear Dodge). Далее Добавим стили слоя (Add a layer style): Шаг 22. Вот что должно получиться: Шаг 23. Вы можете добавить больше блеска, если хотите, сделать это можно, объединив несколько слоев с формами, сделанными в виде луны. Затем изменить Заливка (Fill) на 65% и добавить тень. Шаг 24. Мы почти дошли до конца! Пришло время, сделать иглу для компаса. Создадим форму стрелки компаса. Затем Добавим стиль слоя (Add a layer style): Шаг 25. Теперь сделаем отдельные формы для каждой стороны и части иглы. Шаг 26. Сделайте небольшой круг в середине иглы и Добавьте стиль слоя (Add a layer style): Шаг 27. Сделайте еще один круг внутри предыдущего и Добавьте эти стиль слоя (Add a layer style): Шаг 28. Вот что должно получиться. Заключительное изображение: Я надеюсь, что вы узнали много нового о программе Photoshop, существует множество вещей, которые можно создать с помощью этой программы! Автор: A. Taylor Автор/Переводчик: Артеменко Любовь Ссылка на источник Данный урок подготовлен для Вас командой сайта www.photoshop-zona.ru

---

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}