ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас 200 гостей и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Продвижение сайта в Интернете Кнопки для сайта

Вот такие интересные кнопки:


{smooth-scroll-top}

1. Создаем новый документ в Adobe Photoshop. Фон и размер значения не имеют.

2. Делаем заготовку.
С помощью инструмента Прямоугольник со скругленными краями (Rounded Rectangle) alt рисуем такую фигуру. У меня радиус закругления 5 пикселей.


Кнопки для сайта в Photoshop

Создаем новый слой через Shift+Ctrl+N или нажав на иконке нового слоя в окне слоев (если оно закрыто, нажмите F7).


alt

Теперь, используя
Ellipse Tool (Эллипс) alt и удерживая Shift, чтобы окружность была пропорциональной, рисуем круг, который накладывается поверх прямоугольника. Приблизительно так:


Кнопки для сайта в Photoshop

Можете переместить фигуры с помощью знакомого инструмента
Move Tool (Перемещение) alt

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


alt

Далее идем в
Select–Modify–Contract (Выделение–Модификация–Сжать) и ставим значение 5 пикселей.
Создаем из выделения новый слой Ctrl+J:


alt ="212" height="245" align="align" />

и заливаем его любым цветом с помощью инструмента
Bucket (Заливка) alt
Ту же операцию проделываем с прямоугольником. После того, как залили и это выделение, снова кликайте на слой с кругом (который больше) и нажмите Delete. Должно получиться так:


Кнопки для сайта в Photoshop

Соединяем слои круга и прямоугольника (большие)
Merge Layers (Слить слои).


alt

Применяем к ним эффект Layer-Layer Effects-Gradient Overlay (Слои-Эффекты слоев-Градиент):


Кнопки для сайта в Photoshop

К меньшему кругу и обрезанному прямоугольнику применяем такие настройки (из той же группы Layer-Layer Effects):

Inner Glow (Внутреннее свечение);
Bevel and Emboss (Скос и рельеф);
Gradient Overlay (Градиент);
Stroke (Обводка, или Штрих)
:


Кнопки для сайта в Photoshop

Получилось вот такое:


Кнопки для сайта в Photoshop

3. Добавление деталей
Выделяем обрезанный прямоугольник, кликнув на его слое.

Опять сжимаем выделение, на этот раз на 2 пикселя.
С помощью инструмента Select Tool (Выделение), с такими настройками


Кнопки для сайта в Photoshop

удаляем нижнюю часть выделения (Delete). Прошу прощения за многочисленную тавтологию…
Создаем новый слой и заливаем выделенную область белым цветом. В окне слоев в правом верхнем углу уменьшаем Opacity (Непрозрачность) до 20%.

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


Кнопки для сайта в Photoshop

Добавляем картинку и текст. В настройках для нижнего слоя можно добавить тень, по вкусу.
Кнопка готова


Кнопки для сайта в Photoshop

Вот и другие варианты, выполненные по данному методу


Кнопки для сайта в Photoshop


Продвижение сайта в Интернете
Продвижение сайта в Интернете - это сложный процесс, направленный на популяризизацию конкретного ресурса. В зависимости от оптимизации Интернет-ресурса, сайт может достичь различных результатов, как в количестве посетителей, так и в количестве заказчиков, которые реально воспользовались услугами или товарами на сайте.
Большинство пользователей находят интересующую информацию через поисковые системы. Пользователи, пришедшие на сайт через поисковые системы, становится клиентами гораздо чаще, чем посетители, пришедшие через другие системы привлечения посетителей. Поэтому сайты, соответствующие запросу пользователей, являются высокопосещаемыми и обладают большой конверсией.
Продвижение сайта в интернете в компании «10-Топ» означает сотрудничество с настоящим профессионалом в своей области. Реклама в интернете благодаря оптимизации сайтов под поисковые системы – это их специальность на протяжении уже многих лет.

 

 

Продвижение сайта в Интернете

 

Продвижение сайта в Интернете - это сложный процесс, направленный на популяризизацию конкретного ресурса. В зависимости от оптимизации Интернет-ресурса, сайт может достичь различных результатов, как в количестве посетителей, так и в количестве заказчиков, которые реально воспользовались услугами или товарами на сайте.

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

Продвижение сайта в интернете в компании «10-Топ» означает сотрудничество с настоящим профессионалом в своей области. Реклама в интернете благодаря оптимизации сайтов под поисковые системы – это их специальность на протяжении уже многих лет.

 

 

{smooth-scroll-top}

Печать

Комментарии  

Latonya
0 # Latonya 21.06.2016 13:03
Yes! Finally something about оптимизация сайта.
Ответить | Ответить с цитатой | Цитировать
Alisa
0 # Alisa 27.03.2013 21:34
супер, огромное спасибо, все получилось!
Ответить | Ответить с цитатой | Цитировать
Вовик
+1 # Вовик 17.03.2013 05:10
с самого начала со слоями какая-то путаница. сливаются неправильно. Все делаю по инструкции. В поэтапности что пропущено.
Ответить | Ответить с цитатой | Цитировать
Артик
+1 # Артик 15.03.2011 22:53
чет сложно по проще обясните чет тут не хватает :evil:
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Как раскрасить черно-…

Видеоуроки

Как раскрасить черно белое-фото в фотошопе Всем привет! Несмотря на то, что технология цветной фотографии существует с начала XX века, действительно популярной в нашей стране она стала не раньше 1990-х годов. Но...

Читать далее

Рисуем планету земля

Уроки рисования в фотошопе

Рисуем планету земля  Всем привет! А Вы когда-нибудь задумывались о том, насколько удивительна и необыкновенна наша планета? Конечно, среди всей этой бешеной круговерти нашей жизни, под непрекращающимся грузом ежедневных забот и проблем...

Читать далее

Мозаика из фотографий

Уроки фотошопа коллажи

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

Читать далее

Как восстановить стар…

Видеоуроки

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

Читать далее

Рисуем в фотошопе "…

Уроки рисования в фотошопе

Рисуем в фотошопе Мяч для гольфа Всем привет! Сегодня мы нарисуем с нуля мяч для гольфа.  Мяч для игры в гольф нарисовать не так-то просто, как может показаться на первый взгляд. Вся поверхность...

Читать далее

План реставрации фото

Видеоуроки

План реставрации фото Прежде чем начать делать непосредственно в фотошопе реставрацию снимка, надо сесть и подумать над некоторыми вопросами. О чем надо подумать? Смотрите новый видео урок: «План реставрации фотографий».        Серия уроков по реставрации фотографий: Реставрация фото. Варианты получения правильной черно-белой картинки Подготовка к...

Читать далее

Огненный текст

Уроки фотошопа текст

Огненный текст Всем привет! Сегодня мы будем создавать огненный текст. Сначала мы зальем фоновый слой черным цветом, установим шрифт из папки с исходниками и напишем текст. Затем применим к текстовому слою несколько стилей...

Читать далее

Рамка для фотографии

Рамки в фотошопе

Рамка для фотографии Всем привет! Сегодня мы будем создавать рамку для фотографии. Рамка очень проста в исполнении, Вы сможете ее сделать буквально за несколько минут. При помощи такой рамки можно преобразить любое фото...

Читать далее

Светящийся текст

Уроки фотошопа текст

Светящийся текст Всем привет! Фотошоп дает нам широкий спектр возможностей - благодаря огромному функционалу программы, мы можем не только отредактировать и «приукрасить» фотографию, но и создать что-то с нуля, например, стилизированный текст. Сегодня...

Читать далее

Шрифт набросок

Уроки фотошопа текст

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

Читать далее

Эффекты эскиза

Фотошоп уроки эффекты

Эффекты эскиза Всем привет! В этом уроке покажу Вам, как создать потрясающие эффекты эскиза. В материале разберем нескольких простых вариантов. Изображение, использованное в уроке, вы найдете в папке с исходниками к уроку.  Если решите...

Читать далее

Текстура дерева

Уроки фотошопа текстуры

Текстура дерева Всем привет! Сегодня рассмотрим, как создать текстуру дерева в фотошопе. Очень часто бывает так, что текстуру нет времени искать, либо нет ничего подходящего. Или нашли текстуру, но она, к сожалению, не...

Читать далее

Текст "Геометрия…

Уроки фотошопа текст

Текст "Геометрия" Всем привет! Сегодня мы будем создавать текст "Геометрия". В уроке Вы узнаете, как создать надпись из простых геометрических фигур. Такой текст сможете использовать при создании логотипов, открыток, плакатов и т.п. Сначала мы...

Читать далее

Как правильно выбрат…

Практические советы

Как правильно выбрать разрешение сканирования    Серия уроков по реставрации фотографий: Реставрация фото. Варианты получения правильной черно-белой картинки Подготовка к реставрации. Как...

Читать далее

Яркий фон

Уроки рисования в фотошопе

Яркий фон Всем привет! Сегодня мы будем рисовать яркий фон. Такой фон вы сможете использовать при создании обоев для рабочего стола, плакатов, открыток и т.п. Сначала мы при помощи фильтров Облака, Меццо-тинто и...

Читать далее

Как быстро перевести …

Видеоуроки

Как быстро перевести старое фото в сепию в фотошопе Всем привет! Эффект сепии в фото наверняка знаком многим — коричневатые фотографии, под старину, действительно добавляют особый эффект фотографиям. В переводе с греческого "сепия" значит "каракатица...

Читать далее

Как ускорить реставра…

Видеоуроки

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

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

Как нарисовать горящу…

Уроки рисования в фотошопе

Как нарисовать горящую спичку Всем привет! Сегодня мы разберемся с тем, как нарисовать горящую спичку в фотошопе. В уроке научимся создавать реалистичный огонь. Сначала мы при помощи стилей слоя Наложение градиента и инструмента...

Читать далее

Фон линии

Уроки рисования в фотошопе

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

Читать далее

Текст на запотевшем о…

Уроки фотошопа текст

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

Реставрация цветных фотографий Всем привет! У каждой семьи дома есть несколько альбомов с фотографиями, на которых запечатлены совершенно чужие, казалось бы, люди: прадеды, тети и дяди, чьи-то братья и сестры. Разглядывать их –...

Читать далее

Текстура шерсти

Уроки фотошопа текстуры

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018